1 line
8.8 KiB
JSON
1 line
8.8 KiB
JSON
{"remainingRequest":"D:\\Hjm项目\\suyi11112\\suyi1111\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\suyi11112\\suyi1111\\suyi1111\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\decoration6\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\suyi11112\\suyi1111\\suyi1111\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\decoration6\\src\\main.vue","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi11112\\suyi1111\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi11112\\suyi1111\\suyi1111\\suyi1111\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi11112\\suyi1111\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi11112\\suyi1111\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBhdXRvUmVzaXplIGZyb20gJy4uLy4uLy4uL21peGluL2F1dG9SZXNpemUnCgppbXBvcnQgeyByYW5kb21FeHRlbmQgfSBmcm9tICcuLi8uLi8uLi91dGlsJwoKaW1wb3J0IHsgZGVlcE1lcmdlIH0gZnJvbSAnQGppYW1pbmdoaS9jaGFydHMvbGliL3V0aWwvaW5kZXgnCgppbXBvcnQgeyBkZWVwQ2xvbmUgfSBmcm9tICdAamlhbWluZ2hpL2MtcmVuZGVyL2xpYi9wbHVnaW4vdXRpbCcKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnRHZEZWNvcmF0aW9uNicsCiAgbWl4aW5zOiBbYXV0b1Jlc2l6ZV0sCiAgcHJvcHM6IHsKICAgIGNvbG9yOiB7CiAgICAgIHR5cGU6IEFycmF5LAogICAgICBkZWZhdWx0OiAoKSA9PiAoW10pCiAgICB9CiAgfSwKICBkYXRhICgpIHsKICAgIGNvbnN0IHJlY3RXaWR0aCA9IDcKCiAgICByZXR1cm4gewogICAgICByZWY6ICdkZWNvcmF0aW9uLTYnLAoKICAgICAgc3ZnV0g6IFszMDAsIDM1XSwKCiAgICAgIHN2Z1NjYWxlOiBbMSwgMV0sCgogICAgICByb3dOdW06IDEsCiAgICAgIHJvd1BvaW50czogNDAsCgogICAgICByZWN0V2lkdGgsCiAgICAgIGhhbGZSZWN0V2lkdGg6IHJlY3RXaWR0aCAvIDIsCgogICAgICBwb2ludHM6IFtdLAogICAgICBoZWlnaHRzOiBbXSwKICAgICAgbWluSGVpZ2h0czogW10sCiAgICAgIHJhbmRvbXM6IFtdLAoKICAgICAgZGVmYXVsdENvbG9yOiBbJyM3YWNhZWMnLCAnIzdhY2FlYyddLAoKICAgICAgbWVyZ2VkQ29sb3I6IFtdCiAgICB9CiAgfSwKICB3YXRjaDogewogICAgY29sb3IgKCkgewogICAgICBjb25zdCB7IG1lcmdlQ29sb3IgfSA9IHRoaXMKCiAgICAgIG1lcmdlQ29sb3IoKQogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgYWZ0ZXJBdXRvUmVzaXplTWl4aW5Jbml0ICgpIHsKICAgICAgY29uc3QgeyBjYWxjU1ZHRGF0YSB9ID0gdGhpcwoKICAgICAgY2FsY1NWR0RhdGEoKQogICAgfSwKICAgIGNhbGNTVkdEYXRhICgpIHsKICAgICAgY29uc3QgeyBjYWxjUG9pbnRzUG9zaXRpb24sIGNhbGNTY2FsZSB9ID0gdGhpcwoKICAgICAgY2FsY1BvaW50c1Bvc2l0aW9uKCkKCiAgICAgIGNhbGNTY2FsZSgpCiAgICB9LAogICAgY2FsY1BvaW50c1Bvc2l0aW9uICgpIHsKICAgICAgY29uc3QgeyBzdmdXSCwgcm93TnVtLCByb3dQb2ludHMgfSA9IHRoaXMKCiAgICAgIGNvbnN0IFt3LCBoXSA9IHN2Z1dICgogICAgICBjb25zdCBob3Jpem9udGFsR2FwID0gdyAvIChyb3dQb2ludHMgKyAxKQogICAgICBjb25zdCB2ZXJ0aWNhbEdhcCA9IGggLyAocm93TnVtICsgMSkKCiAgICAgIGxldCBwb2ludHMgPSBuZXcgQXJyYXkocm93TnVtKS5maWxsKDApLm1hcCgoZm9vLCBpKSA9PgogICAgICAgIG5ldyBBcnJheShyb3dQb2ludHMpLmZpbGwoMCkubWFwKChmb28sIGopID0+IFsKICAgICAgICAgIGhvcml6b250YWxHYXAgKiAoaiArIDEpLCB2ZXJ0aWNhbEdhcCAqIChpICsgMSkKICAgICAgICBdKSkKCiAgICAgIHRoaXMucG9pbnRzID0gcG9pbnRzLnJlZHVjZSgoYWxsLCBpdGVtKSA9PiBbLi4uYWxsLCAuLi5pdGVtXSwgW10pCiAgICAgIGNvbnN0IGhlaWdodHMgPSB0aGlzLmhlaWdodHMgPSBuZXcgQXJyYXkocm93TnVtICogcm93UG9pbnRzKQogICAgICAgIC5maWxsKDApLm1hcChmb28gPT4KICAgICAgICAgIE1hdGgucmFuZG9tKCkgPiAwLjggPyByYW5kb21FeHRlbmQoMC43ICogaCwgaCkgOiByYW5kb21FeHRlbmQoMC4yICogaCwgMC41ICogaCkpCgogICAgICB0aGlzLm1pbkhlaWdodHMgPSBuZXcgQXJyYXkocm93TnVtICogcm93UG9pbnRzKQogICAgICAgIC5maWxsKDApLm1hcCgoZm9vLCBpKSA9PiBoZWlnaHRzW2ldICogTWF0aC5yYW5kb20oKSkKCiAgICAgIHRoaXMucmFuZG9tcyA9IG5ldyBBcnJheShyb3dOdW0gKiByb3dQb2ludHMpCiAgICAgICAgLmZpbGwoMCkubWFwKGZvbyA9PiBNYXRoLnJhbmRvbSgpICsgMS41KQogICAgfSwKICAgIGNhbGNTY2FsZSAoKSB7CiAgICAgIGNvbnN0IHsgd2lkdGgsIGhlaWdodCwgc3ZnV0ggfSA9IHRoaXMKCiAgICAgIGNvbnN0IFt3LCBoXSA9IHN2Z1dICgogICAgICB0aGlzLnN2Z1NjYWxlID0gW3dpZHRoIC8gdywgaGVpZ2h0IC8gaF0KICAgIH0sCiAgICBvblJlc2l6ZSAoKSB7CiAgICAgIGNvbnN0IHsgY2FsY1NWR0RhdGEgfSA9IHRoaXMKCiAgICAgIGNhbGNTVkdEYXRhKCkKICAgIH0sCiAgICBtZXJnZUNvbG9yICgpIHsKICAgICAgY29uc3QgeyBjb2xvciwgZGVmYXVsdENvbG9yIH0gPSB0aGlzCgogICAgICB0aGlzLm1lcmdlZENvbG9yID0gZGVlcE1lcmdlKGRlZXBDbG9uZShkZWZhdWx0Q29sb3IsIHRydWUpLCBjb2xvciB8fCBbXSkKICAgIH0KICB9LAogIG1vdW50ZWQgKCkgewogICAgY29uc3QgeyBtZXJnZUNvbG9yIH0gPSB0aGlzCgogICAgbWVyZ2VDb2xvcigpCiAgfQp9Cg=="},{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA;;AAEA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;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/decoration6/src","sourcesContent":["<template>\n <div class=\"dv-decoration-6\" :ref=\"ref\">\n <svg :width=\"`${svgWH[0]}px`\" :height=\"`${svgWH[1]}px`\" :style=\"`transform:scale(${svgScale[0]},${svgScale[1]});`\">\n <template\n v-for=\"(point, i) in points\"\n >\n <rect\n :key=\"i\"\n :fill=\"mergedColor[Math.random() > 0.5 ? 0 : 1]\"\n :x=\"point[0] - halfRectWidth\"\n :y=\"point[1] - heights[i] / 2\"\n :width=\"rectWidth\"\n :height=\"heights[i]\"\n >\n <animate\n attributeName=\"y\"\n :values=\"`${point[1] - minHeights[i] / 2};${point[1] - heights[i] / 2};${point[1] - minHeights[i] / 2}`\"\n :dur=\"`${randoms[i]}s`\"\n keyTimes=\"0;0.5;1\"\n calcMode=\"spline\"\n keySplines=\"0.42,0,0.58,1;0.42,0,0.58,1\"\n begin=\"0s\"\n repeatCount=\"indefinite\"\n />\n <animate\n attributeName=\"height\"\n :values=\"`${minHeights[i]};${heights[i]};${minHeights[i]}`\"\n :dur=\"`${randoms[i]}s`\"\n keyTimes=\"0;0.5;1\"\n calcMode=\"spline\"\n keySplines=\"0.42,0,0.58,1;0.42,0,0.58,1\"\n begin=\"0s\"\n repeatCount=\"indefinite\"\n />\n </rect>\n </template>\n </svg>\n </div>\n</template>\n\n<script>\nimport autoResize from '../../../mixin/autoResize'\n\nimport { randomExtend } from '../../../util'\n\nimport { deepMerge } from '@jiaminghi/charts/lib/util/index'\n\nimport { deepClone } from '@jiaminghi/c-render/lib/plugin/util'\n\nexport default {\n name: 'DvDecoration6',\n mixins: [autoResize],\n props: {\n color: {\n type: Array,\n default: () => ([])\n }\n },\n data () {\n const rectWidth = 7\n\n return {\n ref: 'decoration-6',\n\n svgWH: [300, 35],\n\n svgScale: [1, 1],\n\n rowNum: 1,\n rowPoints: 40,\n\n rectWidth,\n halfRectWidth: rectWidth / 2,\n\n points: [],\n heights: [],\n minHeights: [],\n randoms: [],\n\n defaultColor: ['#7acaec', '#7acaec'],\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, calcScale } = this\n\n calcPointsPosition()\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 const heights = this.heights = new Array(rowNum * rowPoints)\n .fill(0).map(foo =>\n Math.random() > 0.8 ? randomExtend(0.7 * h, h) : randomExtend(0.2 * h, 0.5 * h))\n\n this.minHeights = new Array(rowNum * rowPoints)\n .fill(0).map((foo, i) => heights[i] * Math.random())\n\n this.randoms = new Array(rowNum * rowPoints)\n .fill(0).map(foo => Math.random() + 1.5)\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>"]}]} |