1 line
7.7 KiB
JSON
1 line
7.7 KiB
JSON
{"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\\decoration9\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\decoration9\\src\\main.vue","mtime":1670640065288},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670640066936},{"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: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>"]}]} |