1 line
8.0 KiB
JSON
1 line
8.0 KiB
JSON
{"remainingRequest":"E:\\项目\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\项目\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\decoration5\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\项目\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\decoration5\\src\\main.vue","mtime":1670569849683},{"path":"E:\\项目\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670569853083},{"path":"E:\\项目\\suyiScreen\\node_modules\\babel-loader\\lib\\index.js","mtime":1670569850970},{"path":"E:\\项目\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670569853083},{"path":"E:\\项目\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js","mtime":1670569867456}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgYXV0b1Jlc2l6ZSBmcm9tICcuLi8uLi8uLi9taXhpbi9hdXRvUmVzaXplJw0KDQppbXBvcnQgeyBnZXRQb2x5bGluZUxlbmd0aCB9IGZyb20gJ0BqaWFtaW5naGkvY2hhcnRzL2xpYi91dGlsJw0KDQppbXBvcnQgeyBkZWVwTWVyZ2UgfSBmcm9tICdAamlhbWluZ2hpL2NoYXJ0cy9saWIvdXRpbC9pbmRleCcNCg0KaW1wb3J0IHsgZGVlcENsb25lIH0gZnJvbSAnQGppYW1pbmdoaS9jLXJlbmRlci9saWIvcGx1Z2luL3V0aWwnDQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ0R2RGVjb3JhdGlvbjUnLA0KICBtaXhpbnM6IFthdXRvUmVzaXplXSwNCiAgcHJvcHM6IHsNCiAgICBjb2xvcjogew0KICAgICAgdHlwZTogQXJyYXksDQogICAgICBkZWZhdWx0OiAoKSA9PiAoW10pDQogICAgfQ0KICB9LA0KICBkYXRhICgpIHsNCiAgICByZXR1cm4gew0KICAgICAgcmVmOiAnZGVjb3JhdGlvbi01JywNCg0KICAgICAgbGluZTFQb2ludHM6ICcnLA0KICAgICAgbGluZTJQb2ludHM6ICcnLA0KDQogICAgICBsaW5lMUxlbmd0aDogMCwNCiAgICAgIGxpbmUyTGVuZ3RoOiAwLA0KDQogICAgICBkZWZhdWx0Q29sb3I6IFsnIzNmOTZhNScsICcjM2Y5NmE1J10sDQoNCiAgICAgIG1lcmdlZENvbG9yOiBbXQ0KICAgIH0NCiAgfSwNCiAgd2F0Y2g6IHsNCiAgICBjb2xvciAoKSB7DQogICAgICBjb25zdCB7IG1lcmdlQ29sb3IgfSA9IHRoaXMNCg0KICAgICAgbWVyZ2VDb2xvcigpDQogICAgfQ0KICB9LA0KICBtZXRob2RzOiB7DQogICAgYWZ0ZXJBdXRvUmVzaXplTWl4aW5Jbml0ICgpIHsNCiAgICAgIGNvbnN0IHsgY2FsY1NWR0RhdGEgfSA9IHRoaXMNCg0KICAgICAgY2FsY1NWR0RhdGEoKQ0KICAgIH0sDQogICAgY2FsY1NWR0RhdGEgKCkgew0KICAgICAgY29uc3QgeyB3aWR0aCwgaGVpZ2h0IH0gPSB0aGlzDQoNCiAgICAgIGxldCBsaW5lMVBvaW50cyA9IFsNCiAgICAgICAgWzAsIGhlaWdodCAqIDAuMl0sIFt3aWR0aCAqIDAuMTgsIGhlaWdodCAqIDAuMl0sIFt3aWR0aCAqIDAuMiwgaGVpZ2h0ICogMC40XSwgW3dpZHRoICogMC4yNSwgaGVpZ2h0ICogMC40XSwNCiAgICAgICAgW3dpZHRoICogMC4yNywgaGVpZ2h0ICogMC42XSwgW3dpZHRoICogMC43MiwgaGVpZ2h0ICogMC42XSwgW3dpZHRoICogMC43NSwgaGVpZ2h0ICogMC40XSwNCiAgICAgICAgW3dpZHRoICogMC44LCBoZWlnaHQgKiAwLjRdLCBbd2lkdGggKiAwLjgyLCBoZWlnaHQgKiAwLjJdLCBbd2lkdGgsIGhlaWdodCAqIDAuMl0NCiAgICAgIF0NCg0KICAgICAgbGV0IGxpbmUyUG9pbnRzID0gWw0KICAgICAgICBbd2lkdGggKiAwLjMsIGhlaWdodCAqIDAuOF0sIFt3aWR0aCAqIDAuNywgaGVpZ2h0ICogMC44XQ0KICAgICAgXQ0KDQogICAgICBjb25zdCBsaW5lMUxlbmd0aCA9IGdldFBvbHlsaW5lTGVuZ3RoKGxpbmUxUG9pbnRzKQ0KICAgICAgY29uc3QgbGluZTJMZW5ndGggPSBnZXRQb2x5bGluZUxlbmd0aChsaW5lMlBvaW50cykNCg0KICAgICAgbGluZTFQb2ludHMgPSBsaW5lMVBvaW50cy5tYXAocG9pbnQgPT4gcG9pbnQuam9pbignLCcpKS5qb2luKCcgJykNCiAgICAgIGxpbmUyUG9pbnRzID0gbGluZTJQb2ludHMubWFwKHBvaW50ID0+IHBvaW50LmpvaW4oJywnKSkuam9pbignICcpDQoNCiAgICAgIHRoaXMubGluZTFQb2ludHMgPSBsaW5lMVBvaW50cw0KICAgICAgdGhpcy5saW5lMlBvaW50cyA9IGxpbmUyUG9pbnRzDQoNCiAgICAgIHRoaXMubGluZTFMZW5ndGggPSBsaW5lMUxlbmd0aA0KICAgICAgdGhpcy5saW5lMkxlbmd0aCA9IGxpbmUyTGVuZ3RoDQogICAgfSwNCiAgICBvblJlc2l6ZSAoKSB7DQogICAgICBjb25zdCB7IGNhbGNTVkdEYXRhIH0gPSB0aGlzDQoNCiAgICAgIGNhbGNTVkdEYXRhKCkNCiAgICB9LA0KICAgIG1lcmdlQ29sb3IgKCkgew0KICAgICAgY29uc3QgeyBjb2xvciwgZGVmYXVsdENvbG9yIH0gPSB0aGlzDQoNCiAgICAgIHRoaXMubWVyZ2VkQ29sb3IgPSBkZWVwTWVyZ2UoZGVlcENsb25lKGRlZmF1bHRDb2xvciwgdHJ1ZSksIGNvbG9yIHx8IFtdKQ0KICAgIH0NCiAgfSwNCiAgbW91bnRlZCAoKSB7DQogICAgY29uc3QgeyBtZXJnZUNvbG9yIH0gPSB0aGlzDQoNCiAgICBtZXJnZUNvbG9yKCkNCiAgfQ0KfQ0K"},{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;;AAEA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;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/decoration5/src","sourcesContent":["<template>\r\n <div class=\"dv-decoration-5\" :ref=\"ref\">\r\n <svg :width=\"width\" :height=\"height\">\r\n <polyline\r\n fill=\"transparent\"\r\n :stroke=\"mergedColor[0]\"\r\n stroke-width=\"3\"\r\n :points=\"line1Points\"\r\n >\r\n <animate\r\n attributeName=\"stroke-dasharray\"\r\n attributeType=\"XML\"\r\n :from=\"`0, ${line1Length / 2}, 0, ${line1Length / 2}`\"\r\n :to=\"`0, 0, ${line1Length}, 0`\"\r\n dur=\"1.2s\"\r\n begin=\"0s\"\r\n calcMode=\"spline\"\r\n keyTimes=\"0;1\"\r\n keySplines=\"0.4,1,0.49,0.98\"\r\n repeatCount=\"indefinite\"\r\n />\r\n </polyline>\r\n <polyline\r\n fill=\"transparent\"\r\n :stroke=\"mergedColor[1]\"\r\n stroke-width=\"2\"\r\n :points=\"line2Points\"\r\n >\r\n <animate\r\n attributeName=\"stroke-dasharray\"\r\n attributeType=\"XML\"\r\n :from=\"`0, ${line2Length / 2}, 0, ${line2Length / 2}`\"\r\n :to=\"`0, 0, ${line2Length}, 0`\"\r\n dur=\"1.2s\"\r\n begin=\"0s\"\r\n calcMode=\"spline\"\r\n keyTimes=\"0;1\"\r\n keySplines=\".4,1,.49,.98\"\r\n repeatCount=\"indefinite\"\r\n />\r\n </polyline>\r\n </svg>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport autoResize from '../../../mixin/autoResize'\r\n\r\nimport { getPolylineLength } from '@jiaminghi/charts/lib/util'\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: 'DvDecoration5',\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 return {\r\n ref: 'decoration-5',\r\n\r\n line1Points: '',\r\n line2Points: '',\r\n\r\n line1Length: 0,\r\n line2Length: 0,\r\n\r\n defaultColor: ['#3f96a5', '#3f96a5'],\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 { calcSVGData } = this\r\n\r\n calcSVGData()\r\n },\r\n calcSVGData () {\r\n const { width, height } = this\r\n\r\n let line1Points = [\r\n [0, height * 0.2], [width * 0.18, height * 0.2], [width * 0.2, height * 0.4], [width * 0.25, height * 0.4],\r\n [width * 0.27, height * 0.6], [width * 0.72, height * 0.6], [width * 0.75, height * 0.4],\r\n [width * 0.8, height * 0.4], [width * 0.82, height * 0.2], [width, height * 0.2]\r\n ]\r\n\r\n let line2Points = [\r\n [width * 0.3, height * 0.8], [width * 0.7, height * 0.8]\r\n ]\r\n\r\n const line1Length = getPolylineLength(line1Points)\r\n const line2Length = getPolylineLength(line2Points)\r\n\r\n line1Points = line1Points.map(point => point.join(',')).join(' ')\r\n line2Points = line2Points.map(point => point.join(',')).join(' ')\r\n\r\n this.line1Points = line1Points\r\n this.line2Points = line2Points\r\n\r\n this.line1Length = line1Length\r\n this.line2Length = line2Length\r\n },\r\n onResize () {\r\n const { calcSVGData } = this\r\n\r\n calcSVGData()\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 },\r\n mounted () {\r\n const { mergeColor } = this\r\n\r\n mergeColor()\r\n }\r\n}\r\n</script>"]}]} |