{"remainingRequest":"D:\\Hjm项目\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\decoration10\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\decoration10\\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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBhdXRvUmVzaXplIGZyb20gJy4uLy4uLy4uL21peGluL2F1dG9SZXNpemUnCgppbXBvcnQgeyBkZWVwTWVyZ2UgfSBmcm9tICdAamlhbWluZ2hpL2NoYXJ0cy9saWIvdXRpbC9pbmRleCcKCmltcG9ydCB7IGRlZXBDbG9uZSB9IGZyb20gJ0BqaWFtaW5naGkvYy1yZW5kZXIvbGliL3BsdWdpbi91dGlsJwoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdEdkRlY29yYXRpb24xMCcsCiAgbWl4aW5zOiBbYXV0b1Jlc2l6ZV0sCiAgcHJvcHM6IHsKICAgIGNvbG9yOiB7CiAgICAgIHR5cGU6IEFycmF5LAogICAgICBkZWZhdWx0OiAoKSA9PiAoW10pCiAgICB9CiAgfSwKICBkYXRhICgpIHsKICAgIGNvbnN0IHRpbWVzdGFtcCA9IERhdGUubm93KCkKICAgIHJldHVybiB7CiAgICAgIHJlZjogJ2RlY29yYXRpb24tMTAnLAoKICAgICAgYW5pbWF0aW9uSWQxOiBgZDEwYW5pMSR7dGltZXN0YW1wfWAsCiAgICAgIGFuaW1hdGlvbklkMjogYGQxMGFuaTIke3RpbWVzdGFtcH1gLAogICAgICBhbmltYXRpb25JZDM6IGBkMTBhbmkzJHt0aW1lc3RhbXB9YCwKICAgICAgYW5pbWF0aW9uSWQ0OiBgZDEwYW5pNCR7dGltZXN0YW1wfWAsCiAgICAgIGFuaW1hdGlvbklkNTogYGQxMGFuaTUke3RpbWVzdGFtcH1gLAogICAgICBhbmltYXRpb25JZDY6IGBkMTBhbmk2JHt0aW1lc3RhbXB9YCwKICAgICAgYW5pbWF0aW9uSWQ3OiBgZDEwYW5pNyR7dGltZXN0YW1wfWAsCgogICAgICBkZWZhdWx0Q29sb3I6IFsnIzAwYzJmZicsICdyZ2JhKDAsIDE5NCwgMjU1LCAwLjMpJ10sCgogICAgICBtZXJnZWRDb2xvcjogW10KICAgIH0KICB9LAogIHdhdGNoOiB7CiAgICBjb2xvciAoKSB7CiAgICAgIGNvbnN0IHsgbWVyZ2VDb2xvciB9ID0gdGhpcwoKICAgICAgbWVyZ2VDb2xvcigpCiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICBtZXJnZUNvbG9yICgpIHsKICAgICAgY29uc3QgeyBjb2xvciwgZGVmYXVsdENvbG9yIH0gPSB0aGlzCgogICAgICB0aGlzLm1lcmdlZENvbG9yID0gZGVlcE1lcmdlKGRlZXBDbG9uZShkZWZhdWx0Q29sb3IsIHRydWUpLCBjb2xvciB8fCBbXSkKICAgIH0KICB9LAogIG1vdW50ZWQgKCkgewogICAgY29uc3QgeyBtZXJnZUNvbG9yIH0gPSB0aGlzCgogICAgbWVyZ2VDb2xvcigpCiAgfQp9Cg=="},{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoJA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"main.vue","sourceRoot":"node_modules/@jiaminghi/data-view/lib/components/decoration10/src","sourcesContent":["<template>\n  <div class=\"dv-decoration-10\" :ref=\"ref\">\n    <svg :width=\"width\" :height=\"height\">\n      <polyline\n        :stroke=\"mergedColor[1]\"\n        stroke-width=\"2\"\n        :points=\"`0, ${height / 2} ${width}, ${height / 2}`\"\n      />\n\n      <polyline\n        :stroke=\"mergedColor[0]\"\n        stroke-width=\"2\"\n        :points=\"`5, ${height / 2} ${width * 0.2 - 3}, ${height / 2}`\"\n        :stroke-dasharray=\"`0, ${width * 0.2}`\"\n        fill=\"freeze\"\n      >\n        <animate\n          :id=\"animationId2\"\n          attributeName=\"stroke-dasharray\"\n          :values=\"`0, ${width * 0.2};${width * 0.2}, 0;`\"\n          dur=\"3s\"\n          :begin=\"`${animationId1}.end`\"\n          fill=\"freeze\"\n        />\n        <animate\n          attributeName=\"stroke-dasharray\"\n          :values=\"`${width * 0.2}, 0;0, ${width * 0.2}`\"\n          dur=\"0.01s\"\n          :begin=\"`${animationId7}.end`\"\n          fill=\"freeze\"\n        />\n      </polyline>\n\n      <polyline\n        :stroke=\"mergedColor[0]\"\n        stroke-width=\"2\"\n        :points=\"`${width * 0.2 + 3}, ${height / 2} ${width * 0.8 - 3}, ${height / 2}`\"\n        :stroke-dasharray=\"`0, ${width * 0.6}`\"\n      >\n        <animate\n          :id=\"animationId4\"\n          attributeName=\"stroke-dasharray\"\n          :values=\"`0, ${width * 0.6};${width * 0.6}, 0`\"\n          dur=\"3s\"\n          :begin=\"`${animationId3}.end + 1s`\"\n          fill=\"freeze\"\n        />\n        <animate\n          attributeName=\"stroke-dasharray\"\n          :values=\"`${width * 0.6}, 0;0, ${width * 0.6}`\"\n          dur=\"0.01s\"\n          :begin=\"`${animationId7}.end`\"\n          fill=\"freeze\"\n        />\n      </polyline>\n\n      <polyline\n        :stroke=\"mergedColor[0]\"\n        stroke-width=\"2\"\n        :points=\"`${width * 0.8 + 3}, ${height / 2} ${width - 5}, ${height / 2}`\"\n        :stroke-dasharray=\"`0, ${width * 0.2}`\"\n      >\n        <animate\n          :id=\"animationId6\"\n          attributeName=\"stroke-dasharray\"\n          :values=\"`0, ${width * 0.2};${width * 0.2}, 0`\"\n          dur=\"3s\"\n          :begin=\"`${animationId5}.end + 1s`\"\n          fill=\"freeze\"\n        />\n        <animate\n          attributeName=\"stroke-dasharray\"\n          :values=\"`${width * 0.2}, 0;0, ${width * 0.3}`\"\n          dur=\"0.01s\"\n          :begin=\"`${animationId7}.end`\"\n          fill=\"freeze\"\n        />\n      </polyline>\n\n      <circle cx=\"2\" :cy=\"height / 2\" r=\"2\" :fill=\"mergedColor[1]\">\n        <animate\n          :id=\"animationId1\"\n          attributeName=\"fill\"\n          :values=\"`${mergedColor[1]};${mergedColor[0]}`\"\n          :begin=\"`0s;${animationId7}.end`\"\n          dur=\"0.3s\"\n          fill=\"freeze\"\n        />\n      </circle>\n\n      <circle :cx=\"width * 0.2\" :cy=\"height / 2\" r=\"2\" :fill=\"mergedColor[1]\">\n        <animate\n          :id=\"animationId3\"\n          attributeName=\"fill\"\n          :values=\"`${mergedColor[1]};${mergedColor[0]}`\"\n          :begin=\"`${animationId2}.end`\"\n          dur=\"0.3s\"\n          fill=\"freeze\"\n        />\n        <animate\n          attributeName=\"fill\"\n          :values=\"`${mergedColor[1]};${mergedColor[1]}`\"\n          dur=\"0.01s\"\n          :begin=\"`${animationId7}.end`\"\n          fill=\"freeze\"\n        />\n      </circle>\n\n      <circle :cx=\"width * 0.8\" :cy=\"height / 2\" r=\"2\" :fill=\"mergedColor[1]\">\n        <animate\n          :id=\"animationId5\"\n          attributeName=\"fill\"\n          :values=\"`${mergedColor[1]};${mergedColor[0]}`\"\n          :begin=\"`${animationId4}.end`\"\n          dur=\"0.3s\"\n          fill=\"freeze\"\n        />\n        <animate\n          attributeName=\"fill\"\n          :values=\"`${mergedColor[1]};${mergedColor[1]}`\"\n          dur=\"0.01s\"\n          :begin=\"`${animationId7}.end`\"\n          fill=\"freeze\"\n        />\n      </circle>\n\n      <circle :cx=\"width - 2\" :cy=\"height / 2\" r=\"2\" :fill=\"mergedColor[1]\">\n        <animate\n          :id=\"animationId7\"\n          attributeName=\"fill\"\n          :values=\"`${mergedColor[1]};${mergedColor[0]}`\"\n          :begin=\"`${animationId6}.end`\"\n          dur=\"0.3s\"\n          fill=\"freeze\"\n        />\n        <animate\n          attributeName=\"fill\"\n          :values=\"`${mergedColor[1]};${mergedColor[1]}`\"\n          dur=\"0.01s\"\n          :begin=\"`${animationId7}.end`\"\n          fill=\"freeze\"\n        />\n      </circle>\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: 'DvDecoration10',\n  mixins: [autoResize],\n  props: {\n    color: {\n      type: Array,\n      default: () => ([])\n    }\n  },\n  data () {\n    const timestamp = Date.now()\n    return {\n      ref: 'decoration-10',\n\n      animationId1: `d10ani1${timestamp}`,\n      animationId2: `d10ani2${timestamp}`,\n      animationId3: `d10ani3${timestamp}`,\n      animationId4: `d10ani4${timestamp}`,\n      animationId5: `d10ani5${timestamp}`,\n      animationId6: `d10ani6${timestamp}`,\n      animationId7: `d10ani7${timestamp}`,\n\n      defaultColor: ['#00c2ff', 'rgba(0, 194, 255, 0.3)'],\n\n      mergedColor: []\n    }\n  },\n  watch: {\n    color () {\n      const { mergeColor } = this\n\n      mergeColor()\n    }\n  },\n  methods: {\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>"]}]}