{"remainingRequest":"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\\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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBjb3VudFRvIGZyb20gJ3Z1ZS1jb3VudC10bycKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnQ291bnRUb0RlbW8nLAogIGNvbXBvbmVudHM6IHsgY291bnRUbyB9LAogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBzZXRTdGFydFZhbDogMCwKICAgICAgc2V0RW5kVmFsOiAyMDE3LAogICAgICBzZXREdXJhdGlvbjogNDAwMCwKICAgICAgc2V0RGVjaW1hbHM6IDAsCiAgICAgIHNldFNlcGFyYXRvcjogJywnLAogICAgICBzZXRTdWZmaXg6ICcgcm1iJywKICAgICAgc2V0UHJlZml4OiAnwqUgJwogICAgfQogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIF9zdGFydFZhbCgpIHsKICAgICAgaWYgKHRoaXMuc2V0U3RhcnRWYWwpIHsKICAgICAgICByZXR1cm4gdGhpcy5zZXRTdGFydFZhbAogICAgICB9IGVsc2UgewogICAgICAgIHJldHVybiAwCiAgICAgIH0KICAgIH0sCiAgICBfZW5kVmFsKCkgewogICAgICBpZiAodGhpcy5zZXRFbmRWYWwpIHsKICAgICAgICByZXR1cm4gdGhpcy5zZXRFbmRWYWwKICAgICAgfSBlbHNlIHsKICAgICAgICByZXR1cm4gMAogICAgICB9CiAgICB9LAogICAgX2R1cmF0aW9uKCkgewogICAgICBpZiAodGhpcy5zZXREdXJhdGlvbikgewogICAgICAgIHJldHVybiB0aGlzLnNldER1cmF0aW9uCiAgICAgIH0gZWxzZSB7CiAgICAgICAgcmV0dXJuIDEwMAogICAgICB9CiAgICB9LAogICAgX2RlY2ltYWxzKCkgewogICAgICBpZiAodGhpcy5zZXREZWNpbWFscykgewogICAgICAgIGlmICh0aGlzLnNldERlY2ltYWxzIDwgMCB8fCB0aGlzLnNldERlY2ltYWxzID4gMjApIHsKICAgICAgICAgIGFsZXJ0KCdkaWdpdHMgYXJndW1lbnQgbXVzdCBiZSBiZXR3ZWVuIDAgYW5kIDIwJykKICAgICAgICAgIHJldHVybiAwCiAgICAgICAgfQogICAgICAgIHJldHVybiB0aGlzLnNldERlY2ltYWxzCiAgICAgIH0gZWxzZSB7CiAgICAgICAgcmV0dXJuIDAKICAgICAgfQogICAgfSwKICAgIF9zZXBhcmF0b3IoKSB7CiAgICAgIHJldHVybiB0aGlzLnNldFNlcGFyYXRvcgogICAgfSwKICAgIF9zdWZmaXgoKSB7CiAgICAgIHJldHVybiB0aGlzLnNldFN1ZmZpeAogICAgfSwKICAgIF9wcmVmaXgoKSB7CiAgICAgIHJldHVybiB0aGlzLnNldFByZWZpeAogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgc3RhcnQoKSB7CiAgICAgIHRoaXMuJHJlZnMuZXhhbXBsZS5zdGFydCgpCiAgICB9LAogICAgcGF1c2VSZXN1bWUoKSB7CiAgICAgIHRoaXMuJHJlZnMuZXhhbXBsZS5wYXVzZVJlc3VtZSgpCiAgICB9CiAgfQp9Cg=="},{"version":3,"sources":["count-to.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"count-to.vue","sourceRoot":"src/views/components-demo","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>&lt;count-to :start-val=&#x27;{{ _startVal }}&#x27; :end-val=&#x27;{{ _endVal }}&#x27; :duration=&#x27;{{ _duration }}&#x27;\n      :decimals=&#x27;{{ _decimals }}&#x27; :separator=&#x27;{{ _separator }}&#x27; :prefix=&#x27;{{ _prefix }}&#x27; :suffix=&#x27;{{ _suffix }}&#x27;\n      :autoplay=false&gt;</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"]}]}