{"remainingRequest":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\decoration10\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\decoration10\\src\\main.vue","mtime":1670640065279},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670640066936},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1670640073542},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\babel-loader\\lib\\index.js","mtime":1670640065986},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670640066936},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js","mtime":1670640074287}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgYXV0b1Jlc2l6ZSBmcm9tICcuLi8uLi8uLi9taXhpbi9hdXRvUmVzaXplJw0KDQppbXBvcnQgeyBkZWVwTWVyZ2UgfSBmcm9tICdAamlhbWluZ2hpL2NoYXJ0cy9saWIvdXRpbC9pbmRleCcNCg0KaW1wb3J0IHsgZGVlcENsb25lIH0gZnJvbSAnQGppYW1pbmdoaS9jLXJlbmRlci9saWIvcGx1Z2luL3V0aWwnDQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ0R2RGVjb3JhdGlvbjEwJywNCiAgbWl4aW5zOiBbYXV0b1Jlc2l6ZV0sDQogIHByb3BzOiB7DQogICAgY29sb3I6IHsNCiAgICAgIHR5cGU6IEFycmF5LA0KICAgICAgZGVmYXVsdDogKCkgPT4gKFtdKQ0KICAgIH0NCiAgfSwNCiAgZGF0YSAoKSB7DQogICAgY29uc3QgdGltZXN0YW1wID0gRGF0ZS5ub3coKQ0KICAgIHJldHVybiB7DQogICAgICByZWY6ICdkZWNvcmF0aW9uLTEwJywNCg0KICAgICAgYW5pbWF0aW9uSWQxOiBgZDEwYW5pMSR7dGltZXN0YW1wfWAsDQogICAgICBhbmltYXRpb25JZDI6IGBkMTBhbmkyJHt0aW1lc3RhbXB9YCwNCiAgICAgIGFuaW1hdGlvbklkMzogYGQxMGFuaTMke3RpbWVzdGFtcH1gLA0KICAgICAgYW5pbWF0aW9uSWQ0OiBgZDEwYW5pNCR7dGltZXN0YW1wfWAsDQogICAgICBhbmltYXRpb25JZDU6IGBkMTBhbmk1JHt0aW1lc3RhbXB9YCwNCiAgICAgIGFuaW1hdGlvbklkNjogYGQxMGFuaTYke3RpbWVzdGFtcH1gLA0KICAgICAgYW5pbWF0aW9uSWQ3OiBgZDEwYW5pNyR7dGltZXN0YW1wfWAsDQoNCiAgICAgIGRlZmF1bHRDb2xvcjogWycjMDBjMmZmJywgJ3JnYmEoMCwgMTk0LCAyNTUsIDAuMyknXSwNCg0KICAgICAgbWVyZ2VkQ29sb3I6IFtdDQogICAgfQ0KICB9LA0KICB3YXRjaDogew0KICAgIGNvbG9yICgpIHsNCiAgICAgIGNvbnN0IHsgbWVyZ2VDb2xvciB9ID0gdGhpcw0KDQogICAgICBtZXJnZUNvbG9yKCkNCiAgICB9DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBtZXJnZUNvbG9yICgpIHsNCiAgICAgIGNvbnN0IHsgY29sb3IsIGRlZmF1bHRDb2xvciB9ID0gdGhpcw0KDQogICAgICB0aGlzLm1lcmdlZENvbG9yID0gZGVlcE1lcmdlKGRlZXBDbG9uZShkZWZhdWx0Q29sb3IsIHRydWUpLCBjb2xvciB8fCBbXSkNCiAgICB9DQogIH0sDQogIG1vdW50ZWQgKCkgew0KICAgIGNvbnN0IHsgbWVyZ2VDb2xvciB9ID0gdGhpcw0KDQogICAgbWVyZ2VDb2xvcigpDQogIH0NCn0NCg=="},{"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>\r\n  <div class=\"dv-decoration-10\" :ref=\"ref\">\r\n    <svg :width=\"width\" :height=\"height\">\r\n      <polyline\r\n        :stroke=\"mergedColor[1]\"\r\n        stroke-width=\"2\"\r\n        :points=\"`0, ${height / 2} ${width}, ${height / 2}`\"\r\n      />\r\n\r\n      <polyline\r\n        :stroke=\"mergedColor[0]\"\r\n        stroke-width=\"2\"\r\n        :points=\"`5, ${height / 2} ${width * 0.2 - 3}, ${height / 2}`\"\r\n        :stroke-dasharray=\"`0, ${width * 0.2}`\"\r\n        fill=\"freeze\"\r\n      >\r\n        <animate\r\n          :id=\"animationId2\"\r\n          attributeName=\"stroke-dasharray\"\r\n          :values=\"`0, ${width * 0.2};${width * 0.2}, 0;`\"\r\n          dur=\"3s\"\r\n          :begin=\"`${animationId1}.end`\"\r\n          fill=\"freeze\"\r\n        />\r\n        <animate\r\n          attributeName=\"stroke-dasharray\"\r\n          :values=\"`${width * 0.2}, 0;0, ${width * 0.2}`\"\r\n          dur=\"0.01s\"\r\n          :begin=\"`${animationId7}.end`\"\r\n          fill=\"freeze\"\r\n        />\r\n      </polyline>\r\n\r\n      <polyline\r\n        :stroke=\"mergedColor[0]\"\r\n        stroke-width=\"2\"\r\n        :points=\"`${width * 0.2 + 3}, ${height / 2} ${width * 0.8 - 3}, ${height / 2}`\"\r\n        :stroke-dasharray=\"`0, ${width * 0.6}`\"\r\n      >\r\n        <animate\r\n          :id=\"animationId4\"\r\n          attributeName=\"stroke-dasharray\"\r\n          :values=\"`0, ${width * 0.6};${width * 0.6}, 0`\"\r\n          dur=\"3s\"\r\n          :begin=\"`${animationId3}.end + 1s`\"\r\n          fill=\"freeze\"\r\n        />\r\n        <animate\r\n          attributeName=\"stroke-dasharray\"\r\n          :values=\"`${width * 0.6}, 0;0, ${width * 0.6}`\"\r\n          dur=\"0.01s\"\r\n          :begin=\"`${animationId7}.end`\"\r\n          fill=\"freeze\"\r\n        />\r\n      </polyline>\r\n\r\n      <polyline\r\n        :stroke=\"mergedColor[0]\"\r\n        stroke-width=\"2\"\r\n        :points=\"`${width * 0.8 + 3}, ${height / 2} ${width - 5}, ${height / 2}`\"\r\n        :stroke-dasharray=\"`0, ${width * 0.2}`\"\r\n      >\r\n        <animate\r\n          :id=\"animationId6\"\r\n          attributeName=\"stroke-dasharray\"\r\n          :values=\"`0, ${width * 0.2};${width * 0.2}, 0`\"\r\n          dur=\"3s\"\r\n          :begin=\"`${animationId5}.end + 1s`\"\r\n          fill=\"freeze\"\r\n        />\r\n        <animate\r\n          attributeName=\"stroke-dasharray\"\r\n          :values=\"`${width * 0.2}, 0;0, ${width * 0.3}`\"\r\n          dur=\"0.01s\"\r\n          :begin=\"`${animationId7}.end`\"\r\n          fill=\"freeze\"\r\n        />\r\n      </polyline>\r\n\r\n      <circle cx=\"2\" :cy=\"height / 2\" r=\"2\" :fill=\"mergedColor[1]\">\r\n        <animate\r\n          :id=\"animationId1\"\r\n          attributeName=\"fill\"\r\n          :values=\"`${mergedColor[1]};${mergedColor[0]}`\"\r\n          :begin=\"`0s;${animationId7}.end`\"\r\n          dur=\"0.3s\"\r\n          fill=\"freeze\"\r\n        />\r\n      </circle>\r\n\r\n      <circle :cx=\"width * 0.2\" :cy=\"height / 2\" r=\"2\" :fill=\"mergedColor[1]\">\r\n        <animate\r\n          :id=\"animationId3\"\r\n          attributeName=\"fill\"\r\n          :values=\"`${mergedColor[1]};${mergedColor[0]}`\"\r\n          :begin=\"`${animationId2}.end`\"\r\n          dur=\"0.3s\"\r\n          fill=\"freeze\"\r\n        />\r\n        <animate\r\n          attributeName=\"fill\"\r\n          :values=\"`${mergedColor[1]};${mergedColor[1]}`\"\r\n          dur=\"0.01s\"\r\n          :begin=\"`${animationId7}.end`\"\r\n          fill=\"freeze\"\r\n        />\r\n      </circle>\r\n\r\n      <circle :cx=\"width * 0.8\" :cy=\"height / 2\" r=\"2\" :fill=\"mergedColor[1]\">\r\n        <animate\r\n          :id=\"animationId5\"\r\n          attributeName=\"fill\"\r\n          :values=\"`${mergedColor[1]};${mergedColor[0]}`\"\r\n          :begin=\"`${animationId4}.end`\"\r\n          dur=\"0.3s\"\r\n          fill=\"freeze\"\r\n        />\r\n        <animate\r\n          attributeName=\"fill\"\r\n          :values=\"`${mergedColor[1]};${mergedColor[1]}`\"\r\n          dur=\"0.01s\"\r\n          :begin=\"`${animationId7}.end`\"\r\n          fill=\"freeze\"\r\n        />\r\n      </circle>\r\n\r\n      <circle :cx=\"width - 2\" :cy=\"height / 2\" r=\"2\" :fill=\"mergedColor[1]\">\r\n        <animate\r\n          :id=\"animationId7\"\r\n          attributeName=\"fill\"\r\n          :values=\"`${mergedColor[1]};${mergedColor[0]}`\"\r\n          :begin=\"`${animationId6}.end`\"\r\n          dur=\"0.3s\"\r\n          fill=\"freeze\"\r\n        />\r\n        <animate\r\n          attributeName=\"fill\"\r\n          :values=\"`${mergedColor[1]};${mergedColor[1]}`\"\r\n          dur=\"0.01s\"\r\n          :begin=\"`${animationId7}.end`\"\r\n          fill=\"freeze\"\r\n        />\r\n      </circle>\r\n    </svg>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport autoResize from '../../../mixin/autoResize'\r\n\r\nimport { deepMerge } from '@jiaminghi/charts/lib/util/index'\r\n\r\nimport { deepClone } from '@jiaminghi/c-render/lib/plugin/util'\r\n\r\nexport default {\r\n  name: 'DvDecoration10',\r\n  mixins: [autoResize],\r\n  props: {\r\n    color: {\r\n      type: Array,\r\n      default: () => ([])\r\n    }\r\n  },\r\n  data () {\r\n    const timestamp = Date.now()\r\n    return {\r\n      ref: 'decoration-10',\r\n\r\n      animationId1: `d10ani1${timestamp}`,\r\n      animationId2: `d10ani2${timestamp}`,\r\n      animationId3: `d10ani3${timestamp}`,\r\n      animationId4: `d10ani4${timestamp}`,\r\n      animationId5: `d10ani5${timestamp}`,\r\n      animationId6: `d10ani6${timestamp}`,\r\n      animationId7: `d10ani7${timestamp}`,\r\n\r\n      defaultColor: ['#00c2ff', 'rgba(0, 194, 255, 0.3)'],\r\n\r\n      mergedColor: []\r\n    }\r\n  },\r\n  watch: {\r\n    color () {\r\n      const { mergeColor } = this\r\n\r\n      mergeColor()\r\n    }\r\n  },\r\n  methods: {\r\n    mergeColor () {\r\n      const { color, defaultColor } = this\r\n\r\n      this.mergedColor = deepMerge(deepClone(defaultColor, true), color || [])\r\n    }\r\n  },\r\n  mounted () {\r\n    const { mergeColor } = this\r\n\r\n    mergeColor()\r\n  }\r\n}\r\n</script>"]}]}