suyiScreen/node_modules/.cache/vue-loader/0133d03a31d9e80e5b1653eb6dc86e31.json

{"remainingRequest":"D:\\Hjm项目\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\decoration1\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\decoration1\\src\\main.vue","mtime":499162500000},{"path":"D:\\Hjm项目\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyiScreen\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBhdXRvUmVzaXplIGZyb20gJy4uLy4uLy4uL21peGluL2F1dG9SZXNpemUnCgppbXBvcnQgeyBkZWVwTWVyZ2UgfSBmcm9tICdAamlhbWluZ2hpL2NoYXJ0cy9saWIvdXRpbC9pbmRleCcKCmltcG9ydCB7IGRlZXBDbG9uZSB9IGZyb20gJ0BqaWFtaW5naGkvYy1yZW5kZXIvbGliL3BsdWdpbi91dGlsJwoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdEdkRlY29yYXRpb24xJywKICBtaXhpbnM6IFthdXRvUmVzaXplXSwKICBwcm9wczogewogICAgY29sb3I6IHsKICAgICAgdHlwZTogQXJyYXksCiAgICAgIGRlZmF1bHQ6ICgpID0+IChbXSkKICAgIH0KICB9LAogIGRhdGEgKCkgewogICAgY29uc3QgcG9pbnRTaWRlTGVuZ3RoID0gMi41CgogICAgcmV0dXJuIHsKICAgICAgcmVmOiAnZGVjb3JhdGlvbi0xJywKCiAgICAgIHN2Z1dIOiBbMjAwLCA1MF0sCgogICAgICBzdmdTY2FsZTogWzEsIDFdLAoKICAgICAgcm93TnVtOiA0LAogICAgICByb3dQb2ludHM6IDIwLAoKICAgICAgcG9pbnRTaWRlTGVuZ3RoLAogICAgICBoYWxmUG9pbnRTaWRlTGVuZ3RoOiBwb2ludFNpZGVMZW5ndGggLyAyLAoKICAgICAgcG9pbnRzOiBbXSwKCiAgICAgIHJlY3RzOiBbXSwKCiAgICAgIGRlZmF1bHRDb2xvcjogWycjZmZmJywgJyMwZGU3YzInXSwKCiAgICAgIG1lcmdlZENvbG9yOiBbXQogICAgfQogIH0sCiAgd2F0Y2g6IHsKICAgIGNvbG9yICgpIHsKICAgICAgY29uc3QgeyBtZXJnZUNvbG9yIH0gPSB0aGlzCgogICAgICBtZXJnZUNvbG9yKCkKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIGFmdGVyQXV0b1Jlc2l6ZU1peGluSW5pdCAoKSB7CiAgICAgIGNvbnN0IHsgY2FsY1NWR0RhdGEgfSA9IHRoaXMKCiAgICAgIGNhbGNTVkdEYXRhKCkKICAgIH0sCiAgICBjYWxjU1ZHRGF0YSAoKSB7CiAgICAgIGNvbnN0IHsgY2FsY1BvaW50c1Bvc2l0aW9uLCBjYWxjUmVjdHNQb3NpdGlvbiwgY2FsY1NjYWxlIH0gPSB0aGlzCgogICAgICBjYWxjUG9pbnRzUG9zaXRpb24oKQoKICAgICAgY2FsY1JlY3RzUG9zaXRpb24oKQoKICAgICAgY2FsY1NjYWxlKCkKICAgIH0sCiAgICBjYWxjUG9pbnRzUG9zaXRpb24gKCkgewogICAgICBjb25zdCB7IHN2Z1dILCByb3dOdW0sIHJvd1BvaW50cyB9ID0gdGhpcwoKICAgICAgY29uc3QgW3csIGhdID0gc3ZnV0gKCiAgICAgIGNvbnN0IGhvcml6b250YWxHYXAgPSB3IC8gKHJvd1BvaW50cyArIDEpCiAgICAgIGNvbnN0IHZlcnRpY2FsR2FwID0gaCAvIChyb3dOdW0gKyAxKQoKICAgICAgbGV0IHBvaW50cyA9IG5ldyBBcnJheShyb3dOdW0pLmZpbGwoMCkubWFwKChmb28sIGkpID0+CiAgICAgICAgbmV3IEFycmF5KHJvd1BvaW50cykuZmlsbCgwKS5tYXAoKGZvbywgaikgPT4gWwogICAgICAgICAgaG9yaXpvbnRhbEdhcCAqIChqICsgMSksIHZlcnRpY2FsR2FwICogKGkgKyAxKQogICAgICAgIF0pKQoKICAgICAgdGhpcy5wb2ludHMgPSBwb2ludHMucmVkdWNlKChhbGwsIGl0ZW0pID0+IFsuLi5hbGwsIC4uLml0ZW1dLCBbXSkKICAgIH0sCiAgICBjYWxjUmVjdHNQb3NpdGlvbiAoKSB7CiAgICAgIGNvbnN0IHsgcG9pbnRzLCByb3dQb2ludHMgfSA9IHRoaXMKCiAgICAgIGNvbnN0IHJlY3QxID0gcG9pbnRzW3Jvd1BvaW50cyAqIDIgLSAxXQogICAgICBjb25zdCByZWN0MiA9IHBvaW50c1tyb3dQb2ludHMgKiAyIC0gM10KCiAgICAgIHRoaXMucmVjdHMgPSBbcmVjdDEsIHJlY3QyXQogICAgfSwKICAgIGNhbGNTY2FsZSAoKSB7CiAgICAgIGNvbnN0IHsgd2lkdGgsIGhlaWdodCwgc3ZnV0ggfSA9IHRoaXMKCiAgICAgIGNvbnN0IFt3LCBoXSA9IHN2Z1dICgogICAgICB0aGlzLnN2Z1NjYWxlID0gW3dpZHRoIC8gdywgaGVpZ2h0IC8gaF0KICAgIH0sCiAgICBvblJlc2l6ZSAoKSB7CiAgICAgIGNvbnN0IHsgY2FsY1NWR0RhdGEgfSA9IHRoaXMKCiAgICAgIGNhbGNTVkdEYXRhKCkKICAgIH0sCiAgICBtZXJnZUNvbG9yICgpIHsKICAgICAgY29uc3QgeyBjb2xvciwgZGVmYXVsdENvbG9yIH0gPSB0aGlzCgogICAgICB0aGlzLm1lcmdlZENvbG9yID0gZGVlcE1lcmdlKGRlZXBDbG9uZShkZWZhdWx0Q29sb3IsIHRydWUpLCBjb2xvciB8fCBbXSkKICAgIH0KICB9LAogIG1vdW50ZWQgKCkgewogICAgY29uc3QgeyBtZXJnZUNvbG9yIH0gPSB0aGlzCgogICAgbWVyZ2VDb2xvcigpCiAgfQp9Cg=="},{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;;AAEA;AACA;;AAEA;AACA;;AAEA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"main.vue","sourceRoot":"node_modules/@jiaminghi/data-view/lib/components/decoration1/src","sourcesContent":["<template>\n  <div class=\"dv-decoration-1\" :ref=\"ref\">\n    <svg :width=\"`${svgWH[0]}px`\" :height=\"`${svgWH[1]}px`\" :style=\"`transform:scale(${svgScale[0]},${svgScale[1]});`\">\n\n      <template\n        v-for=\"(point, i) in points\"\n      >\n        <rect\n          v-if=\"Math.random() > 0.6\"\n          :key=\"i\"\n          :fill=\"mergedColor[0]\"\n          :x=\"point[0] - halfPointSideLength\"\n          :y=\"point[1] - halfPointSideLength\"\n          :width=\"pointSideLength\"\n          :height=\"pointSideLength\"\n        >\n          <animate\n            v-if=\"Math.random() > 0.6\"\n            attributeName=\"fill\"\n            :values=\"`${mergedColor[0]};transparent`\"\n            dur=\"1s\"\n            :begin=\"Math.random() * 2\"\n            repeatCount=\"indefinite\"\n          />\n        </rect>\n      </template>\n\n      <rect\n        v-if=\"rects[0]\"\n        :fill=\"mergedColor[1]\"\n        :x=\"rects[0][0] - pointSideLength\"\n        :y=\"rects[0][1] - pointSideLength\"\n        :width=\"pointSideLength * 2\"\n        :height=\"pointSideLength * 2\"\n      >\n        <animate\n          attributeName=\"width\"\n          :values=\"`0;${pointSideLength * 2}`\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"height\"\n          :values=\"`0;${pointSideLength * 2}`\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"x\"\n          :values=\"`${rects[0][0]};${rects[0][0] - pointSideLength}`\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"y\"\n          :values=\"`${rects[0][1]};${rects[0][1] - pointSideLength}`\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n        />\n      </rect>\n\n      <rect\n        v-if=\"rects[1]\"\n        :fill=\"mergedColor[1]\"\n        :x=\"rects[1][0] - 40\"\n        :y=\"rects[1][1] - pointSideLength\"\n        :width=\"40\"\n        :height=\"pointSideLength * 2\"\n      >\n        <animate\n          attributeName=\"width\"\n          values=\"0;40;0\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"x\"\n          :values=\"`${rects[1][0]};${rects[1][0] - 40};${rects[1][0]}`\"\n          dur=\"2s\"\n          repeatCount=\"indefinite\"\n        />\n      </rect>\n    </svg>\n  </div>\n</template>\n\n<script>\nimport autoResize from '../../../mixin/autoResize'\n\nimport { deepMerge } from '@jiaminghi/charts/lib/util/index'\n\nimport { deepClone } from '@jiaminghi/c-render/lib/plugin/util'\n\nexport default {\n  name: 'DvDecoration1',\n  mixins: [autoResize],\n  props: {\n    color: {\n      type: Array,\n      default: () => ([])\n    }\n  },\n  data () {\n    const pointSideLength = 2.5\n\n    return {\n      ref: 'decoration-1',\n\n      svgWH: [200, 50],\n\n      svgScale: [1, 1],\n\n      rowNum: 4,\n      rowPoints: 20,\n\n      pointSideLength,\n      halfPointSideLength: pointSideLength / 2,\n\n      points: [],\n\n      rects: [],\n\n      defaultColor: ['#fff', '#0de7c2'],\n\n      mergedColor: []\n    }\n  },\n  watch: {\n    color () {\n      const { mergeColor } = this\n\n      mergeColor()\n    }\n  },\n  methods: {\n    afterAutoResizeMixinInit () {\n      const { calcSVGData } = this\n\n      calcSVGData()\n    },\n    calcSVGData () {\n      const { calcPointsPosition, calcRectsPosition, calcScale } = this\n\n      calcPointsPosition()\n\n      calcRectsPosition()\n\n      calcScale()\n    },\n    calcPointsPosition () {\n      const { svgWH, rowNum, rowPoints } = this\n\n      const [w, h] = svgWH\n\n      const horizontalGap = w / (rowPoints + 1)\n      const verticalGap = h / (rowNum + 1)\n\n      let points = new Array(rowNum).fill(0).map((foo, i) =>\n        new Array(rowPoints).fill(0).map((foo, j) => [\n          horizontalGap * (j + 1), verticalGap * (i + 1)\n        ]))\n\n      this.points = points.reduce((all, item) => [...all, ...item], [])\n    },\n    calcRectsPosition () {\n      const { points, rowPoints } = this\n\n      const rect1 = points[rowPoints * 2 - 1]\n      const rect2 = points[rowPoints * 2 - 3]\n\n      this.rects = [rect1, rect2]\n    },\n    calcScale () {\n      const { width, height, svgWH } = this\n\n      const [w, h] = svgWH\n\n      this.svgScale = [width / w, height / h]\n    },\n    onResize () {\n      const { calcSVGData } = this\n\n      calcSVGData()\n    },\n    mergeColor () {\n      const { color, defaultColor } = this\n\n      this.mergedColor = deepMerge(deepClone(defaultColor, true), color || [])\n    }\n  },\n  mounted () {\n    const { mergeColor } = this\n\n    mergeColor()\n  }\n}\n</script>"]}]}