1 line
12 KiB
JSON
1 line
12 KiB
JSON
{"remainingRequest":"D:\\Hjm项目\\suyi1111\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\borderBox11\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\borderBox11\\src\\main.vue","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBhdXRvUmVzaXplIGZyb20gJy4uLy4uLy4uL21peGluL2F1dG9SZXNpemUnCgppbXBvcnQgeyBkZWVwTWVyZ2UgfSBmcm9tICdAamlhbWluZ2hpL2NoYXJ0cy9saWIvdXRpbC9pbmRleCcKCmltcG9ydCB7IGRlZXBDbG9uZSB9IGZyb20gJ0BqaWFtaW5naGkvYy1yZW5kZXIvbGliL3BsdWdpbi91dGlsJwoKaW1wb3J0IHsgZmFkZSB9IGZyb20gJ0BqaWFtaW5naGkvY29sb3InCgpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ0R2Qm9yZGVyQm94MTEnLAogIG1peGluczogW2F1dG9SZXNpemVdLAogIHByb3BzOiB7CiAgICBjb2xvcjogewogICAgICB0eXBlOiBBcnJheSwKICAgICAgZGVmYXVsdDogKCkgPT4gKFtdKQogICAgfSwKICAgIHRpdGxlV2lkdGg6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiAyNTAKICAgIH0sCiAgICB0aXRsZTogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICcnCiAgICB9CiAgfSwKICBkYXRhICgpIHsKICAgIGNvbnN0IHRpbWVzdGFtcCA9IERhdGUubm93KCkKICAgIHJldHVybiB7CiAgICAgIHJlZjogJ2JvcmRlci1ib3gtMTEnLAogICAgICBmaWx0ZXJJZDogYGJvcmRlci1ib3gtMTEtZmlsdGVySWQtJHt0aW1lc3RhbXB9YCwKCiAgICAgIGRlZmF1bHRDb2xvcjogWycjOGFhYWZiJywgJyMxZjMzYTInXSwKCiAgICAgIG1lcmdlZENvbG9yOiBbXQogICAgfQogIH0sCiAgd2F0Y2g6IHsKICAgIGNvbG9yICgpIHsKICAgICAgY29uc3QgeyBtZXJnZUNvbG9yIH0gPSB0aGlzCgogICAgICBtZXJnZUNvbG9yKCkKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIG1lcmdlQ29sb3IgKCkgewogICAgICBjb25zdCB7IGNvbG9yLCBkZWZhdWx0Q29sb3IgfSA9IHRoaXMKCiAgICAgIHRoaXMubWVyZ2VkQ29sb3IgPSBkZWVwTWVyZ2UoZGVlcENsb25lKGRlZmF1bHRDb2xvciwgdHJ1ZSksIGNvbG9yIHx8IFtdKQogICAgfSwKICAgIGZhZGUKICB9LAogIG1vdW50ZWQgKCkgewogICAgY29uc3QgeyBtZXJnZUNvbG9yIH0gPSB0aGlzCgogICAgbWVyZ2VDb2xvcigpCiAgfQp9Cg=="},{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkNA;;AAEA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"main.vue","sourceRoot":"node_modules/@jiaminghi/data-view/lib/components/borderBox11/src","sourcesContent":["<template>\n <div class=\"dv-border-box-11\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\"height\">\n <defs>\n <filter :id=\"filterId\" height=\"150%\" width=\"150%\" x=\"-25%\" y=\"-25%\">\n <feMorphology operator=\"dilate\" radius=\"2\" in=\"SourceAlpha\" result=\"thicken\" />\n <feGaussianBlur in=\"thicken\" stdDeviation=\"3\" result=\"blurred\" />\n <feFlood :flood-color=\"mergedColor[1]\" result=\"glowColor\" />\n <feComposite in=\"glowColor\" in2=\"blurred\" operator=\"in\" result=\"softGlowColored\" />\n <feMerge>\n <feMergeNode in=\"softGlowColored\"/>\n <feMergeNode in=\"SourceGraphic\"/>\n </feMerge>\n </filter>\n </defs>\n\n <polyline\n :stroke=\"mergedColor[0]\"\n :filter=\"`url(#${filterId})`\"\n :points=\"`\n ${(width - titleWidth) / 2}, 30\n 20, 30 7, 50 7, ${50 + (height - 167) / 2}\n 13, ${55 + (height - 167) / 2} 13, ${135 + (height - 167) / 2}\n 7, ${140 + (height - 167) / 2} 7, ${height - 27}\n 20, ${height - 7} ${width - 20}, ${height - 7} ${width - 7}, ${height - 27}\n ${width - 7}, ${140 + (height - 167) / 2} ${width - 13}, ${135 + (height - 167) / 2}\n ${width - 13}, ${55 + (height - 167) / 2} ${width - 7}, ${50 + (height - 167) / 2}\n ${width - 7}, 50 ${width - 20}, 30 ${(width + titleWidth) / 2}, 30\n ${(width + titleWidth) / 2 - 20}, 7 ${(width - titleWidth) / 2 + 20}, 7\n ${(width - titleWidth) / 2}, 30 ${(width - titleWidth) / 2 + 20}, 52\n ${(width + titleWidth) / 2 - 20}, 52 ${(width + titleWidth) / 2}, 30\n `\"\n />\n\n <polygon\n :stroke=\"mergedColor[0]\"\n fill=\"transparent\"\n :points=\"`\n ${(width + titleWidth) / 2 - 5}, 30 ${(width + titleWidth) / 2 - 21}, 11\n ${(width + titleWidth) / 2 - 27}, 11 ${(width + titleWidth) / 2 - 8}, 34\n `\"\n />\n\n <polygon\n :stroke=\"mergedColor[0]\"\n fill=\"transparent\"\n :points=\"`\n ${(width - titleWidth) / 2 + 5}, 30 ${(width - titleWidth) / 2 + 22}, 49\n ${(width - titleWidth) / 2 + 28}, 49 ${(width - titleWidth) / 2 + 8}, 26\n `\"\n />\n\n <polygon\n :stroke=\"mergedColor[0]\"\n :fill=\"fade(mergedColor[1] || defaultColor[1], 30)\"\n :filter=\"`url(#${filterId})`\"\n :points=\"`\n ${(width + titleWidth) / 2 - 11}, 37 ${(width + titleWidth) / 2 - 32}, 11\n ${(width - titleWidth) / 2 + 23}, 11 ${(width - titleWidth) / 2 + 11}, 23\n ${(width - titleWidth) / 2 + 33}, 49 ${(width + titleWidth) / 2 - 22}, 49\n `\"\n />\n\n <polygon\n :filter=\"`url(#${filterId})`\"\n :fill=\"mergedColor[0]\"\n opacity=\"1\"\n :points=\"`\n ${(width - titleWidth) / 2 - 10}, 37 ${(width - titleWidth) / 2 - 31}, 37\n ${(width - titleWidth) / 2 - 25}, 46 ${(width - titleWidth) / 2 - 4}, 46\n `\"\n >\n <animate\n attributeName=\"opacity\"\n values=\"1;0.7;1\"\n dur=\"2s\"\n begin=\"0s\"\n repeatCount=\"indefinite\"\n />\n </polygon>\n\n\n <polygon\n :filter=\"`url(#${filterId})`\"\n :fill=\"mergedColor[0]\"\n opacity=\"0.7\"\n :points=\"`\n ${(width - titleWidth) / 2 - 40}, 37 ${(width - titleWidth) / 2 - 61}, 37\n ${(width - titleWidth) / 2 - 55}, 46 ${(width - titleWidth) / 2 - 34}, 46\n `\"\n >\n <animate\n attributeName=\"opacity\"\n values=\"0.7;0.4;0.7\"\n dur=\"2s\"\n begin=\"0s\"\n repeatCount=\"indefinite\"\n />\n </polygon>\n\n <polygon\n :filter=\"`url(#${filterId})`\"\n :fill=\"mergedColor[0]\"\n opacity=\"0.5\"\n :points=\"`\n ${(width - titleWidth) / 2 - 70}, 37 ${(width - titleWidth) / 2 - 91}, 37\n ${(width - titleWidth) / 2 - 85}, 46 ${(width - titleWidth) / 2 - 64}, 46\n `\"\n >\n <animate\n attributeName=\"opacity\"\n values=\"0.5;0.2;0.5\"\n dur=\"2s\"\n begin=\"0s\"\n repeatCount=\"indefinite\"\n />\n </polygon>\n\n <polygon\n :filter=\"`url(#${filterId})`\"\n :fill=\"mergedColor[0]\"\n opacity=\"1\"\n :points=\"`\n ${(width + titleWidth) / 2 + 30}, 37 ${(width + titleWidth) / 2 + 9}, 37\n ${(width + titleWidth) / 2 + 3}, 46 ${(width + titleWidth) / 2 + 24}, 46\n `\"\n >\n <animate\n attributeName=\"opacity\"\n values=\"1;0.7;1\"\n dur=\"2s\"\n begin=\"0s\"\n repeatCount=\"indefinite\"\n />\n </polygon>\n\n <polygon\n :filter=\"`url(#${filterId})`\"\n :fill=\"mergedColor[0]\"\n opacity=\"0.7\"\n :points=\"`\n ${(width + titleWidth) / 2 + 60}, 37 ${(width + titleWidth) / 2 + 39}, 37\n ${(width + titleWidth) / 2 + 33}, 46 ${(width + titleWidth) / 2 + 54}, 46\n `\"\n >\n <animate\n attributeName=\"opacity\"\n values=\"0.7;0.4;0.7\"\n dur=\"2s\"\n begin=\"0s\"\n repeatCount=\"indefinite\"\n />\n </polygon>\n\n <polygon\n :filter=\"`url(#${filterId})`\"\n :fill=\"mergedColor[0]\"\n opacity=\"0.5\"\n :points=\"`\n ${(width + titleWidth) / 2 + 90}, 37 ${(width + titleWidth) / 2 + 69}, 37\n ${(width + titleWidth) / 2 + 63}, 46 ${(width + titleWidth) / 2 + 84}, 46\n `\"\n >\n <animate\n attributeName=\"opacity\"\n values=\"0.5;0.2;0.5\"\n dur=\"2s\"\n begin=\"0s\"\n repeatCount=\"indefinite\"\n />\n </polygon>\n\n <text\n class=\"dv-border-box-11-title\"\n :x=\"`${width / 2}`\"\n y=\"32\"\n fill=\"#fff\"\n font-size=\"18\"\n text-anchor=\"middle\"\n dominant-baseline=\"middle\"\n >\n {{ title }}\n </text>\n\n <polygon\n :fill=\"mergedColor[0]\"\n :filter=\"`url(#${filterId})`\"\n :points=\"`\n 7, ${53 + (height - 167) / 2} 11, ${57 + (height - 167) / 2}\n 11, ${133 + (height - 167) / 2} 7, ${137 + (height - 167) / 2}\n `\"\n />\n\n <polygon\n :fill=\"mergedColor[0]\"\n :filter=\"`url(#${filterId})`\"\n :points=\"`\n ${width - 7}, ${53 + (height - 167) / 2} ${width - 11}, ${57 + (height - 167) / 2}\n ${width - 11}, ${133 + (height - 167) / 2} ${width - 7}, ${137 + (height - 167) / 2}\n `\"\n />\n </svg>\n\n <div class=\"border-box-content\">\n <slot></slot>\n </div>\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\nimport { fade } from '@jiaminghi/color'\n\nexport default {\n name: 'DvBorderBox11',\n mixins: [autoResize],\n props: {\n color: {\n type: Array,\n default: () => ([])\n },\n titleWidth: {\n type: Number,\n default: 250\n },\n title: {\n type: String,\n default: ''\n }\n },\n data () {\n const timestamp = Date.now()\n return {\n ref: 'border-box-11',\n filterId: `border-box-11-filterId-${timestamp}`,\n\n defaultColor: ['#8aaafb', '#1f33a2'],\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 fade\n },\n mounted () {\n const { mergeColor } = this\n\n mergeColor()\n }\n}\n</script>"]}]} |