{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js!D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\count-to.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\count-to.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\babel.config.js","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IGNvdW50VG8gZnJvbSAndnVlLWNvdW50LXRvJzsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdDb3VudFRvRGVtbycsCiAgY29tcG9uZW50czogewogICAgY291bnRUbzogY291bnRUbwogIH0sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHNldFN0YXJ0VmFsOiAwLAogICAgICBzZXRFbmRWYWw6IDIwMTcsCiAgICAgIHNldER1cmF0aW9uOiA0MDAwLAogICAgICBzZXREZWNpbWFsczogMCwKICAgICAgc2V0U2VwYXJhdG9yOiAnLCcsCiAgICAgIHNldFN1ZmZpeDogJyBybWInLAogICAgICBzZXRQcmVmaXg6ICfCpSAnCiAgICB9OwogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIF9zdGFydFZhbDogZnVuY3Rpb24gX3N0YXJ0VmFsKCkgewogICAgICBpZiAodGhpcy5zZXRTdGFydFZhbCkgewogICAgICAgIHJldHVybiB0aGlzLnNldFN0YXJ0VmFsOwogICAgICB9IGVsc2UgewogICAgICAgIHJldHVybiAwOwogICAgICB9CiAgICB9LAogICAgX2VuZFZhbDogZnVuY3Rpb24gX2VuZFZhbCgpIHsKICAgICAgaWYgKHRoaXMuc2V0RW5kVmFsKSB7CiAgICAgICAgcmV0dXJuIHRoaXMuc2V0RW5kVmFsOwogICAgICB9IGVsc2UgewogICAgICAgIHJldHVybiAwOwogICAgICB9CiAgICB9LAogICAgX2R1cmF0aW9uOiBmdW5jdGlvbiBfZHVyYXRpb24oKSB7CiAgICAgIGlmICh0aGlzLnNldER1cmF0aW9uKSB7CiAgICAgICAgcmV0dXJuIHRoaXMuc2V0RHVyYXRpb247CiAgICAgIH0gZWxzZSB7CiAgICAgICAgcmV0dXJuIDEwMDsKICAgICAgfQogICAgfSwKICAgIF9kZWNpbWFsczogZnVuY3Rpb24gX2RlY2ltYWxzKCkgewogICAgICBpZiAodGhpcy5zZXREZWNpbWFscykgewogICAgICAgIGlmICh0aGlzLnNldERlY2ltYWxzIDwgMCB8fCB0aGlzLnNldERlY2ltYWxzID4gMjApIHsKICAgICAgICAgIGFsZXJ0KCdkaWdpdHMgYXJndW1lbnQgbXVzdCBiZSBiZXR3ZWVuIDAgYW5kIDIwJyk7CiAgICAgICAgICByZXR1cm4gMDsKICAgICAgICB9CgogICAgICAgIHJldHVybiB0aGlzLnNldERlY2ltYWxzOwogICAgICB9IGVsc2UgewogICAgICAgIHJldHVybiAwOwogICAgICB9CiAgICB9LAogICAgX3NlcGFyYXRvcjogZnVuY3Rpb24gX3NlcGFyYXRvcigpIHsKICAgICAgcmV0dXJuIHRoaXMuc2V0U2VwYXJhdG9yOwogICAgfSwKICAgIF9zdWZmaXg6IGZ1bmN0aW9uIF9zdWZmaXgoKSB7CiAgICAgIHJldHVybiB0aGlzLnNldFN1ZmZpeDsKICAgIH0sCiAgICBfcHJlZml4OiBmdW5jdGlvbiBfcHJlZml4KCkgewogICAgICByZXR1cm4gdGhpcy5zZXRQcmVmaXg7CiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICBzdGFydDogZnVuY3Rpb24gc3RhcnQoKSB7CiAgICAgIHRoaXMuJHJlZnMuZXhhbXBsZS5zdGFydCgpOwogICAgfSwKICAgIHBhdXNlUmVzdW1lOiBmdW5jdGlvbiBwYXVzZVJlc3VtZSgpIHsKICAgICAgdGhpcy4kcmVmcy5leGFtcGxlLnBhdXNlUmVzdW1lKCk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA;AAEA;EACAA,mBADA;EAEAC;IAAAC;EAAA,CAFA;EAGAC,IAHA,kBAGA;IACA;MACAC,cADA;MAEAC,eAFA;MAGAC,iBAHA;MAIAC,cAJA;MAKAC,iBALA;MAMAC,iBANA;MAOAC;IAPA;EASA,CAbA;EAcAC;IACAC,SADA,uBACA;MACA;QACA;MACA,CAFA,MAEA;QACA;MACA;IACA,CAPA;IAQAC,OARA,qBAQA;MACA;QACA;MACA,CAFA,MAEA;QACA;MACA;IACA,CAdA;IAeAC,SAfA,uBAeA;MACA;QACA;MACA,CAFA,MAEA;QACA;MACA;IACA,CArBA;IAsBAC,SAtBA,uBAsBA;MACA;QACA;UACAC;UACA;QACA;;QACA;MACA,CANA,MAMA;QACA;MACA;IACA,CAhCA;IAiCAC,UAjCA,wBAiCA;MACA;IACA,CAnCA;IAoCAC,OApCA,qBAoCA;MACA;IACA,CAtCA;IAuCAC,OAvCA,qBAuCA;MACA;IACA;EAzCA,CAdA;EAyDAC;IACAC,KADA,mBACA;MACA;IACA,CAHA;IAIAC,WAJA,yBAIA;MACA;IACA;EANA;AAzDA","names":["name","components","countTo","data","setStartVal","setEndVal","setDuration","setDecimals","setSeparator","setSuffix","setPrefix","computed","_startVal","_endVal","_duration","_decimals","alert","_separator","_suffix","_prefix","methods","start","pauseResume"],"sourceRoot":"src/views/components-demo","sources":["count-to.vue"],"sourcesContent":["<template>\n <div class=\"components-container\">\n <aside>\n <a href=\"https://github.com/PanJiaChen/vue-countTo\" target=\"_blank\">countTo-component</a>\n </aside>\n <count-to\n ref=\"example\"\n :start-val=\"_startVal\"\n :end-val=\"_endVal\"\n :duration=\"_duration\"\n :decimals=\"_decimals\"\n :separator=\"_separator\"\n :prefix=\"_prefix\"\n :suffix=\"_suffix\"\n :autoplay=\"false\"\n class=\"example\"\n />\n <div style=\"margin-left: 25%;margin-top: 40px;\">\n <label class=\"label\" for=\"startValInput\">startVal:\n <input v-model.number=\"setStartVal\" type=\"number\" name=\"startValInput\">\n </label>\n <label class=\"label\" for=\"endValInput\">endVal:\n <input v-model.number=\"setEndVal\" type=\"number\" name=\"endVaInput\">\n </label>\n <label class=\"label\" for=\"durationInput\">duration:\n <input v-model.number=\"setDuration\" type=\"number\" name=\"durationInput\">\n </label>\n <div class=\"startBtn example-btn\" @click=\"start\">\n Start\n </div>\n <div class=\"pause-resume-btn example-btn\" @click=\"pauseResume\">\n pause/resume\n </div>\n <br>\n <label class=\"label\" for=\"decimalsInput\">decimals:\n <input v-model.number=\"setDecimals\" type=\"number\" name=\"decimalsInput\">\n </label>\n <label class=\"label\" for=\"separatorInput\">separator:\n <input v-model=\"setSeparator\" name=\"separatorInput\">\n </label>\n <label class=\"label\" for=\"prefixInput\">prefix:\n <input v-model=\"setPrefix\" name=\"prefixInput\">\n </label>\n <label class=\"label\" for=\"suffixInput\">suffix:\n <input v-model=\"setSuffix\" name=\"suffixInput\">\n </label>\n </div>\n <aside><count-to :start-val='{{ _startVal }}' :end-val='{{ _endVal }}' :duration='{{ _duration }}'\n :decimals='{{ _decimals }}' :separator='{{ _separator }}' :prefix='{{ _prefix }}' :suffix='{{ _suffix }}'\n :autoplay=false></aside>\n </div>\n</template>\n\n<script>\nimport countTo from 'vue-count-to'\n\nexport default {\n name: 'CountToDemo',\n components: { countTo },\n data() {\n return {\n setStartVal: 0,\n setEndVal: 2017,\n setDuration: 4000,\n setDecimals: 0,\n setSeparator: ',',\n setSuffix: ' rmb',\n setPrefix: '¥ '\n }\n },\n computed: {\n _startVal() {\n if (this.setStartVal) {\n return this.setStartVal\n } else {\n return 0\n }\n },\n _endVal() {\n if (this.setEndVal) {\n return this.setEndVal\n } else {\n return 0\n }\n },\n _duration() {\n if (this.setDuration) {\n return this.setDuration\n } else {\n return 100\n }\n },\n _decimals() {\n if (this.setDecimals) {\n if (this.setDecimals < 0 || this.setDecimals > 20) {\n alert('digits argument must be between 0 and 20')\n return 0\n }\n return this.setDecimals\n } else {\n return 0\n }\n },\n _separator() {\n return this.setSeparator\n },\n _suffix() {\n return this.setSuffix\n },\n _prefix() {\n return this.setPrefix\n }\n },\n methods: {\n start() {\n this.$refs.example.start()\n },\n pauseResume() {\n this.$refs.example.pauseResume()\n }\n }\n}\n</script>\n\n<style scoped>\n.example-btn {\n display: inline-block;\n margin-bottom: 0;\n font-weight: 500;\n text-align: center;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n cursor: pointer;\n background-image: none;\n border: 1px solid transparent;\n white-space: nowrap;\n line-height: 1.5;\n padding: 4px 15px;\n font-size: 12px;\n border-radius: 4px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);\n transition: all .3s cubic-bezier(.645, .045, .355, 1);\n position: relative;\n color: rgba(0, 0, 0, .65);\n background-color: #fff;\n border-color: #d9d9d9;\n}\n\n.example-btn:hover {\n color: #4AB7BD;\n background-color: #fff;\n border-color: #4AB7BD;\n}\n.example {\n font-size: 50px;\n color: #F6416C;\n display: block;\n margin: 10px 0;\n text-align: center;\n font-size: 80px;\n font-weight: 500;\n}\n\n.label {\n color: #2f4f4f;\n font-size: 16px;\n display: inline-block;\n margin: 15px 30px 15px 0;\n}\n\ninput {\n position: relative;\n display: inline-block;\n padding: 4px 7px;\n width: 70px;\n height: 28px;\n cursor: text;\n font-size: 12px;\n line-height: 1.5;\n color: rgba(0, 0, 0, .65);\n background-color: #fff;\n background-image: none;\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n -webkit-transition: all .3s;\n transition: all .3s;\n}\n\n.startBtn {\n margin-left: 20px;\n font-size: 20px;\n color: #30B08F;\n background-color: #fff;\n}\n\n.startBtn:hover {\n background-color: #30B08F;\n color: #fff;\n border-color: #30B08F;\n}\n\n.pause-resume-btn {\n font-size: 20px;\n color: #E65D6E;\n background-color: #fff;\n}\n\n.pause-resume-btn:hover {\n background-color: #E65D6E;\n color: #fff;\n border-color: #E65D6E;\n}\n</style>\n\n"]}]}
|
