{"remainingRequest":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\decoration9\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\decoration9\\src\\main.vue","mtime":1670891602068},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670891604112},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1670891613575},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\babel-loader\\lib\\index.js","mtime":1670891602826},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670891604112},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js","mtime":1670891614530}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgYXV0b1Jlc2l6ZSBmcm9tICcuLi8uLi8uLi9taXhpbi9hdXRvUmVzaXplJw0KDQppbXBvcnQgeyBkZWVwTWVyZ2UgfSBmcm9tICdAamlhbWluZ2hpL2NoYXJ0cy9saWIvdXRpbC9pbmRleCcNCg0KaW1wb3J0IHsgZGVlcENsb25lIH0gZnJvbSAnQGppYW1pbmdoaS9jLXJlbmRlci9saWIvcGx1Z2luL3V0aWwnDQoNCmltcG9ydCB7IGZhZGUgfSBmcm9tICdAamlhbWluZ2hpL2NvbG9yJw0KDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdEdkRlY29yYXRpb245JywNCiAgbWl4aW5zOiBbYXV0b1Jlc2l6ZV0sDQogIHByb3BzOiB7DQogICAgY29sb3I6IHsNCiAgICAgIHR5cGU6IEFycmF5LA0KICAgICAgZGVmYXVsdDogKCkgPT4gKFtdKQ0KICAgIH0sDQogICAgZHVyOiB7DQogICAgICB0eXBlOiBOdW1iZXIsDQogICAgICBkZWZhdWx0OiAzDQogICAgfQ0KICB9LA0KICBkYXRhICgpIHsNCiAgICBjb25zdCB0aW1lc3RhbXAgPSBEYXRlLm5vdygpDQogICAgcmV0dXJuIHsNCiAgICAgIHJlZjogJ2RlY29yYXRpb24tOScsDQoNCiAgICAgIHBvbHlnb25JZDogYGRlY29yYXRpb24tOS1wb2x5Z29uLSR7dGltZXN0YW1wfWAsDQoNCiAgICAgIHN2Z1dIOiBbMTAwLCAxMDBdLA0KDQogICAgICBzdmdTY2FsZTogWzEsIDFdLA0KDQogICAgICBkZWZhdWx0Q29sb3I6IFsncmdiYSgzLCAxNjYsIDIyNCwgMC44KScsICdyZ2JhKDMsIDE2NiwgMjI0LCAwLjUpJ10sDQoNCiAgICAgIG1lcmdlZENvbG9yOiBbXQ0KICAgIH0NCiAgfSwNCiAgd2F0Y2g6IHsNCiAgICBjb2xvciAoKSB7DQogICAgICBjb25zdCB7IG1lcmdlQ29sb3IgfSA9IHRoaXMNCg0KICAgICAgbWVyZ2VDb2xvcigpDQogICAgfQ0KICB9LA0KICBtZXRob2RzOiB7DQogICAgYWZ0ZXJBdXRvUmVzaXplTWl4aW5Jbml0ICgpIHsNCiAgICAgIGNvbnN0IHsgY2FsY1NjYWxlIH0gPSB0aGlzDQoNCiAgICAgIGNhbGNTY2FsZSgpDQogICAgfSwNCiAgICBjYWxjU2NhbGUgKCkgew0KICAgICAgY29uc3QgeyB3aWR0aCwgaGVpZ2h0LCBzdmdXSCB9ID0gdGhpcw0KDQogICAgICBjb25zdCBbdywgaF0gPSBzdmdXSA0KDQogICAgICB0aGlzLnN2Z1NjYWxlID0gW3dpZHRoIC8gdywgaGVpZ2h0IC8gaF0NCiAgICB9LA0KICAgIG9uUmVzaXplICgpIHsNCiAgICAgIGNvbnN0IHsgY2FsY1NjYWxlIH0gPSB0aGlzDQoNCiAgICAgIGNhbGNTY2FsZSgpDQogICAgfSwNCiAgICBtZXJnZUNvbG9yICgpIHsNCiAgICAgIGNvbnN0IHsgY29sb3IsIGRlZmF1bHRDb2xvciB9ID0gdGhpcw0KDQogICAgICB0aGlzLm1lcmdlZENvbG9yID0gZGVlcE1lcmdlKGRlZXBDbG9uZShkZWZhdWx0Q29sb3IsIHRydWUpLCBjb2xvciB8fCBbXSkNCiAgICB9LA0KICAgIGZhZGUNCiAgfSwNCiAgbW91bnRlZCAoKSB7DQogICAgY29uc3QgeyBtZXJnZUNvbG9yIH0gPSB0aGlzDQoNCiAgICBtZXJnZUNvbG9yKCkNCiAgfQ0KfQ0K"},{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA;;AAEA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"main.vue","sourceRoot":"node_modules/@jiaminghi/data-view/lib/components/decoration9/src","sourcesContent":["<template>\r\n  <div class=\"dv-decoration-9\" :ref=\"ref\">\r\n    <svg :width=\"`${svgWH[0]}px`\" :height=\"`${svgWH[1]}px`\" :style=\"`transform:scale(${svgScale[0]},${svgScale[1]});`\">\r\n      <defs>\r\n        <polygon :id=\"polygonId\" points=\"15, 46.5, 21, 47.5, 21, 52.5, 15, 53.5\" />\r\n      </defs>\r\n\r\n      <circle\r\n        cx=\"50\"\r\n        cy=\"50\"\r\n        r=\"45\"\r\n        fill=\"transparent\"\r\n        :stroke=\"mergedColor[1]\"\r\n        stroke-width=\"10\"\r\n        stroke-dasharray=\"80, 100, 30, 100\"\r\n      >\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"rotate\"\r\n          values=\"0 50 50;360 50 50\"\r\n          :dur=\"`${dur}s`\"\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      </circle>\r\n\r\n      <circle\r\n        cx=\"50\"\r\n        cy=\"50\"\r\n        r=\"45\"\r\n        fill=\"transparent\"\r\n        :stroke=\"mergedColor[0]\"\r\n        stroke-width=\"6\"\r\n        stroke-dasharray=\"50, 66, 100, 66\"\r\n      >\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"rotate\"\r\n          values=\"0 50 50;-360 50 50\"\r\n          :dur=\"`${dur}s`\"\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      </circle>\r\n\r\n      <circle\r\n        cx=\"50\"\r\n        cy=\"50\"\r\n        r=\"38\"\r\n        fill=\"transparent\"\r\n        :stroke=\"fade(mergedColor[1] || defaultColor[1], 30)\"\r\n        stroke-width=\"1\"\r\n        stroke-dasharray=\"5, 1\"\r\n      />\r\n\r\n      <use\r\n        v-for=\"(foo, i) in new Array(20).fill(0)\"\r\n        :key=\"i\"\r\n        :xlink:href=\"`#${polygonId}`\"\r\n        :stroke=\"mergedColor[1]\"\r\n        :fill=\"Math.random() > 0.4 ? 'transparent' : mergedColor[0]\"\r\n      >\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"rotate\"\r\n          values=\"0 50 50;360 50 50\"\r\n          :dur=\"`${dur}s`\"\r\n          :begin=\"`${i * dur / 20}s`\"\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      </use>\r\n\r\n      <circle\r\n        cx=\"50\"\r\n        cy=\"50\"\r\n        r=\"26\"\r\n        fill=\"transparent\"\r\n        :stroke=\"fade(mergedColor[1] || defaultColor[1], 30)\"\r\n        stroke-width=\"1\"\r\n        stroke-dasharray=\"5, 1\"\r\n      />\r\n    </svg>\r\n\r\n    <slot></slot>\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\nimport { fade } from '@jiaminghi/color'\r\n\r\nexport default {\r\n  name: 'DvDecoration9',\r\n  mixins: [autoResize],\r\n  props: {\r\n    color: {\r\n      type: Array,\r\n      default: () => ([])\r\n    },\r\n    dur: {\r\n      type: Number,\r\n      default: 3\r\n    }\r\n  },\r\n  data () {\r\n    const timestamp = Date.now()\r\n    return {\r\n      ref: 'decoration-9',\r\n\r\n      polygonId: `decoration-9-polygon-${timestamp}`,\r\n\r\n      svgWH: [100, 100],\r\n\r\n      svgScale: [1, 1],\r\n\r\n      defaultColor: ['rgba(3, 166, 224, 0.8)', 'rgba(3, 166, 224, 0.5)'],\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    afterAutoResizeMixinInit () {\r\n      const { calcScale } = this\r\n\r\n      calcScale()\r\n    },\r\n    calcScale () {\r\n      const { width, height, svgWH } = this\r\n\r\n      const [w, h] = svgWH\r\n\r\n      this.svgScale = [width / w, height / h]\r\n    },\r\n    onResize () {\r\n      const { calcScale } = this\r\n\r\n      calcScale()\r\n    },\r\n    mergeColor () {\r\n      const { color, defaultColor } = this\r\n\r\n      this.mergedColor = deepMerge(deepClone(defaultColor, true), color || [])\r\n    },\r\n    fade\r\n  },\r\n  mounted () {\r\n    const { mergeColor } = this\r\n\r\n    mergeColor()\r\n  }\r\n}\r\n</script>"]}]}