{"version":3,"sources":["webpack://visualization-cockpit-sm/./src/modules/visualization-cockpit/components/business/InspectionAPicture/components/InfiniteScroll.vue?f888","webpack://visualization-cockpit-sm/src/modules/visualization-cockpit/components/business/InspectionAPicture/components/InfiniteScroll.vue","webpack://visualization-cockpit-sm/./src/modules/visualization-cockpit/components/business/InspectionAPicture/components/InfiniteScroll.vue?b44d","webpack://visualization-cockpit-sm/./src/modules/visualization-cockpit/components/business/InspectionAPicture/components/InfiniteScroll.vue"],"names":["props","speed","type","Number","default","isMouseControl","Boolean","deviation","direction","String","num","limit","data","height","width","isScroll","computed","firstSlot","$refs","box","children","secondSlot","boxHeight","clientHeight","boxWidth","clientWidth","mounted","startY","setEvent","startX","methods","_this","onmouseenter","onmouseleave","$nextTick","_this2","style","concat","$emit","window","requestAnimationFrame","_this3"],"mappings":"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","file":"visualization-cockpit-sm.umd.180.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"box\",style:({ display: _vm.direction === 'X' ? 'table' : '' })},[_vm._t(\"default\"),(_vm.num > _vm.limit)?_vm._t(\"default\"):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div ref=\"box\" :style=\"{ display: direction === 'X' ? 'table' : '' }\">\n    <slot></slot>\n    <slot v-if=\"num > limit\"></slot>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    // 控制滚动速度\n    speed: {\n      type: Number,\n      default: 1,\n    },\n    // 控制鼠标移入滚动停止\n    isMouseControl: {\n      type: Boolean,\n      default: true,\n    },\n    // 高度偏差【padding,margin】\n    deviation: {\n      type: Number,\n      default: 5,\n    },\n    // 滚动方向\n    direction: {\n      type: String,\n      default: 'Y',\n    },\n    // 数据量\n    num: {\n      type: Number,\n      default: 0,\n    },\n    // 限制，多少条数据开始滚动\n    limit: {\n      type: Number,\n      default: 4,\n    },\n  },\n  data() {\n    return {\n      height: 0,\n      width: 0,\n      isScroll: true,\n    }\n  },\n  computed: {\n    firstSlot() {\n      return this.$refs.box.children[0] || {}\n    },\n    secondSlot() {\n      return this.$refs.box.children[1] || {}\n    },\n    boxHeight() {\n      return this.$refs.box.clientHeight || 0\n    },\n    boxWidth() {\n      return this.$refs.box.clientWidth || 0\n    },\n  },\n  mounted() {\n    if (this.num <= this.limit) return\n    if (this.direction === 'Y') {\n      this.startY(this.height)\n      if (this.isMouseControl) {\n        this.setEvent()\n      }\n    } else {\n      this.startX(this.width)\n      if (this.isMouseControl) {\n        this.setEvent()\n      }\n    }\n  },\n  methods: {\n    setEvent() {\n      this.$refs.box.onmouseenter = () => {\n        this.isScroll = false\n      }\n      this.$refs.box.onmouseleave = () => {\n        this.isScroll = true\n        if (this.direction === 'Y') {\n          this.$nextTick(() => {\n            this.startY(this.height)\n          })\n        } else {\n          this.$nextTick(() => {\n            this.startX(this.width)\n          })\n        }\n      }\n    },\n    startY(height) {\n      this.firstSlot.style = `transform:translate${this.direction}(-${height}px);`\n      this.secondSlot.style = `height:${this.boxHeight}px;transform:translate${this.direction}(-${height}px);overflow:hidden;`\n      if (height >= this.firstSlot.clientHeight + this.deviation) {\n        this.$emit('reset')\n      } else {\n        this.height += this.speed\n      }\n      if (!this.isScroll) return\n      window.requestAnimationFrame(() => {\n        this.startY(this.height)\n      })\n    },\n    startX(width) {\n      this.firstSlot.style = `transform:translate${this.direction}(-${width}px);`\n      this.secondSlot.style = `width:${this.boxWidth}px;transform:translate${this.direction}(-${width}px);overflow:hidden;`\n      if (width >= this.firstSlot.clientWidth + this.deviation) {\n        this.$emit('reset')\n      } else {\n        this.width += this.speed\n      }\n      if (!this.isScroll) return\n      window.requestAnimationFrame(() => {\n        this.startX(this.width)\n      })\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n</style>\n","import mod from \"-!../../../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--12-0!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../../../node_modules/windicss-webpack-plugin/dist/loaders/windicss-template.cjs!./InfiniteScroll.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--12-0!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../../../node_modules/windicss-webpack-plugin/dist/loaders/windicss-template.cjs!./InfiniteScroll.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./InfiniteScroll.vue?vue&type=template&id=bfa87402&scoped=true\"\nimport script from \"./InfiniteScroll.vue?vue&type=script&lang=js\"\nexport * from \"./InfiniteScroll.vue?vue&type=script&lang=js\"\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  \"bfa87402\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}