| 1 |
- {"remainingRequest":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/babel-loader/lib/index.js!/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/src/components/count-to/count-to.vue?vue&type=script&lang=js&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/src/components/count-to/count-to.vue","mtime":1618306924000},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":1665684022107},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/babel-loader/lib/index.js","mtime":1665684010704},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":1665684022107},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/vue-loader/lib/index.js","mtime":1665684006084}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\nimport CountUp from 'countup';\nimport './index.less';\nexport default {\n name: 'CountTo',\n props: {\n init: {\n type: Number,\n default: 0\n },\n\n /**\n * @description 起始值，即动画开始前显示的数值\n */\n startVal: {\n type: Number,\n default: 0\n },\n\n /**\n * @description 结束值，即动画结束后显示的数值\n */\n end: {\n type: Number,\n required: true\n },\n\n /**\n * @description 保留几位小数\n */\n decimals: {\n type: Number,\n default: 0\n },\n\n /**\n * @description 分隔整数和小数的符号，默认是小数点\n */\n decimal: {\n type: String,\n default: '.'\n },\n\n /**\n * @description 动画持续的时间，单位是秒\n */\n duration: {\n type: Number,\n default: 2\n },\n\n /**\n * @description 动画延迟开始的时间，单位是秒\n */\n delay: {\n type: Number,\n default: 0\n },\n\n /**\n * @description 是否禁用easing动画效果\n */\n uneasing: {\n type: Boolean,\n default: false\n },\n\n /**\n * @description 是否使用分组，分组后每三位会用一个符号分隔\n */\n usegroup: {\n type: Boolean,\n default: false\n },\n\n /**\n * @description 用于分组(usegroup)的符号\n */\n separator: {\n type: String,\n default: ','\n },\n\n /**\n * @description 是否简化显示，设为true后会使用unit单位来做相关省略\n */\n simplify: {\n type: Boolean,\n default: false\n },\n\n /**\n * @description 自定义单位，如[3, 'K+'], [6, 'M+']即大于3位数小于6位数的用k+来做省略\n * 1000即显示为1K+\n */\n unit: {\n type: Array,\n\n default() {\n return [[3, 'K+'], [6, 'M+'], [9, 'B+']];\n }\n\n },\n countClass: {\n type: String,\n default: ''\n },\n unitClass: {\n type: String,\n default: ''\n }\n },\n\n data() {\n return {\n counter: null,\n unitText: ''\n };\n },\n\n computed: {\n counterId() {\n return `count_to_${this._uid}`;\n }\n\n },\n methods: {\n getHandleVal(val, len) {\n return {\n endVal: parseInt(val / Math.pow(10, this.unit[len - 1][0])),\n unitText: this.unit[len - 1][1]\n };\n },\n\n transformValue(val) {\n let len = this.unit.length;\n let res = {\n endVal: 0,\n unitText: ''\n };\n if (val < Math.pow(10, this.unit[0][0])) res.endVal = val;else {\n for (let i = 1; i < len; i++) {\n if (val >= Math.pow(10, this.unit[i - 1][0]) && val < Math.pow(10, this.unit[i][0])) res = this.getHandleVal(val, i);\n }\n }\n if (val > Math.pow(10, this.unit[len - 1][0])) res = this.getHandleVal(val, len);\n return res;\n },\n\n getValue(val) {\n let res = 0;\n\n if (this.simplify) {\n let {\n endVal,\n unitText\n } = this.transformValue(val);\n this.unitText = unitText;\n res = endVal;\n } else {\n res = val;\n }\n\n return res;\n }\n\n },\n\n mounted() {\n this.$nextTick(() => {\n let endVal = this.getValue(this.end);\n this.counter = new CountUp(this.counterId, this.startVal, endVal, this.decimals, this.duration, {\n useEasing: !this.uneasing,\n useGrouping: this.useGroup,\n separator: this.separator,\n decimal: this.decimal\n });\n setTimeout(() => {\n if (!this.counter.error) this.counter.start();\n }, this.delay);\n });\n },\n\n watch: {\n end(newVal) {\n let endVal = this.getValue(newVal);\n this.counter.update(endVal);\n }\n\n }\n};",{"version":3,"sources":["count-to.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\n <div class=\"count-to-wrapper\">\n <slot name=\"left\"/>\n <p class=\"content-outer\"><span :class=\"['count-to-count-text', countClass]\" :id=\"counterId\">{{ init }}</span><i :class=\"['count-to-unit-text', unitClass]\">{{ unitText }}</i></p>\n <slot name=\"right\"/>\n </div>\n</template>\n\n<script>\nimport CountUp from 'countup'\nimport './index.less'\nexport default {\n name: 'CountTo',\n props: {\n init: {\n type: Number,\n default: 0\n },\n /**\n * @description 起始值，即动画开始前显示的数值\n */\n startVal: {\n type: Number,\n default: 0\n },\n /**\n * @description 结束值，即动画结束后显示的数值\n */\n end: {\n type: Number,\n required: true\n },\n /**\n * @description 保留几位小数\n */\n decimals: {\n type: Number,\n default: 0\n },\n /**\n * @description 分隔整数和小数的符号，默认是小数点\n */\n decimal: {\n type: String,\n default: '.'\n },\n /**\n * @description 动画持续的时间，单位是秒\n */\n duration: {\n type: Number,\n default: 2\n },\n /**\n * @description 动画延迟开始的时间，单位是秒\n */\n delay: {\n type: Number,\n default: 0\n },\n /**\n * @description 是否禁用easing动画效果\n */\n uneasing: {\n type: Boolean,\n default: false\n },\n /**\n * @description 是否使用分组，分组后每三位会用一个符号分隔\n */\n usegroup: {\n type: Boolean,\n default: false\n },\n /**\n * @description 用于分组(usegroup)的符号\n */\n separator: {\n type: String,\n default: ','\n },\n /**\n * @description 是否简化显示，设为true后会使用unit单位来做相关省略\n */\n simplify: {\n type: Boolean,\n default: false\n },\n /**\n * @description 自定义单位，如[3, 'K+'], [6, 'M+']即大于3位数小于6位数的用k+来做省略\n * 1000即显示为1K+\n */\n unit: {\n type: Array,\n default () {\n return [[3, 'K+'], [6, 'M+'], [9, 'B+']]\n }\n },\n countClass: {\n type: String,\n default: ''\n },\n unitClass: {\n type: String,\n default: ''\n }\n },\n data () {\n return {\n counter: null,\n unitText: ''\n }\n },\n computed: {\n counterId () {\n return `count_to_${this._uid}`\n }\n },\n methods: {\n getHandleVal (val, len) {\n return {\n endVal: parseInt(val / Math.pow(10, this.unit[len - 1][0])),\n unitText: this.unit[len - 1][1]\n }\n },\n transformValue (val) {\n let len = this.unit.length\n let res = {\n endVal: 0,\n unitText: ''\n }\n if (val < Math.pow(10, this.unit[0][0])) res.endVal = val\n else {\n for (let i = 1; i < len; i++) {\n if (val >= Math.pow(10, this.unit[i - 1][0]) && val < Math.pow(10, this.unit[i][0])) res = this.getHandleVal(val, i)\n }\n }\n if (val > Math.pow(10, this.unit[len - 1][0])) res = this.getHandleVal(val, len)\n return res\n },\n getValue (val) {\n let res = 0\n if (this.simplify) {\n let { endVal, unitText } = this.transformValue(val)\n this.unitText = unitText\n res = endVal\n } else {\n res = val\n }\n return res\n }\n },\n mounted () {\n this.$nextTick(() => {\n let endVal = this.getValue(this.end)\n this.counter = new CountUp(this.counterId, this.startVal, endVal, this.decimals, this.duration, {\n useEasing: !this.uneasing,\n useGrouping: this.useGroup,\n separator: this.separator,\n decimal: this.decimal\n })\n setTimeout(() => {\n if (!this.counter.error) this.counter.start()\n }, this.delay)\n })\n },\n watch: {\n end (newVal) {\n let endVal = this.getValue(newVal)\n this.counter.update(endVal)\n }\n }\n}\n</script>\n"],"sourceRoot":"src/components/count-to"}]}
|
