1 line
7.9 KiB
JSON
1 line
7.9 KiB
JSON
{"remainingRequest":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\borderBox9\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\borderBox9\\src\\main.vue","mtime":499162500000},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBhdXRvUmVzaXplIGZyb20gJy4uLy4uLy4uL21peGluL2F1dG9SZXNpemUnCgppbXBvcnQgeyBkZWVwTWVyZ2UgfSBmcm9tICdAamlhbWluZ2hpL2NoYXJ0cy9saWIvdXRpbC9pbmRleCcKCmltcG9ydCB7IGRlZXBDbG9uZSB9IGZyb20gJ0BqaWFtaW5naGkvYy1yZW5kZXIvbGliL3BsdWdpbi91dGlsJwoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdEdkJvcmRlckJveDknLAogIG1peGluczogW2F1dG9SZXNpemVdLAogIHByb3BzOiB7CiAgICBjb2xvcjogewogICAgICB0eXBlOiBBcnJheSwKICAgICAgZGVmYXVsdDogKCkgPT4gKFtdKQogICAgfQogIH0sCiAgZGF0YSAoKSB7CiAgICBjb25zdCB0aW1lc3RhbXAgPSBEYXRlLm5vdygpCiAgICByZXR1cm4gewogICAgICByZWY6ICdib3JkZXItYm94LTknLAoKICAgICAgZ3JhZGllbnRJZDogYGJvcmRlci1ib3gtOS1ncmFkaWVudC0ke3RpbWVzdGFtcH1gLAogICAgICBtYXNrSWQ6IGBib3JkZXItYm94LTktbWFzay0ke3RpbWVzdGFtcH1gLAoKICAgICAgZGVmYXVsdENvbG9yOiBbJyMxMWVlZmQnLCAnIzAwNzhkMiddLAoKICAgICAgbWVyZ2VkQ29sb3I6IFtdCiAgICB9CiAgfSwKICB3YXRjaDogewogICAgY29sb3IgKCkgewogICAgICBjb25zdCB7IG1lcmdlQ29sb3IgfSA9IHRoaXMKCiAgICAgIG1lcmdlQ29sb3IoKQogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgbWVyZ2VDb2xvciAoKSB7CiAgICAgIGNvbnN0IHsgY29sb3IsIGRlZmF1bHRDb2xvciB9ID0gdGhpcwoKICAgICAgdGhpcy5tZXJnZWRDb2xvciA9IGRlZXBNZXJnZShkZWVwQ2xvbmUoZGVmYXVsdENvbG9yLCB0cnVlKSwgY29sb3IgfHwgW10pCiAgICB9CiAgfSwKICBtb3VudGVkICgpIHsKICAgIGNvbnN0IHsgbWVyZ2VDb2xvciB9ID0gdGhpcwoKICAgIG1lcmdlQ29sb3IoKQogIH0KfQo="},{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqHA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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/borderBox9/src","sourcesContent":["<template>\n <div class=\"dv-border-box-9\" :ref=\"ref\">\n <svg class=\"dv-svg-container\" :width=\"width\" :height=\"height\">\n <defs>\n <linearGradient :id=\"gradientId\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <animate\n attributeName=\"x1\"\n values=\"0%;100%;0%\"\n dur=\"10s\"\n begin=\"0s\"\n repeatCount=\"indefinite\"\n />\n\n <animate\n attributeName=\"x2\"\n values=\"100%;0%;100%\"\n dur=\"10s\"\n begin=\"0s\"\n repeatCount=\"indefinite\"\n />\n\n <stop offset=\"0%\" :stop-color=\"mergedColor[0]\">\n <animate\n attributeName=\"stop-color\"\n :values=\"`${mergedColor[0]};${mergedColor[1]};${mergedColor[0]}`\"\n dur=\"10s\"\n begin=\"0s\"\n repeatCount=\"indefinite\"\n />\n </stop>\n <stop offset=\"100%\" :stop-color=\"mergedColor[1]\">\n <animate\n attributeName=\"stop-color\"\n :values=\"`${mergedColor[1]};${mergedColor[0]};${mergedColor[1]}`\"\n dur=\"10s\"\n begin=\"0s\"\n repeatCount=\"indefinite\"\n />\n </stop>\n </linearGradient>\n\n <mask :id=\"maskId\">\n <polyline\n stroke=\"#fff\"\n stroke-width=\"3\"\n fill=\"transparent\"\n :points=\"`8, ${height * 0.4} 8, 3, ${width * 0.4 + 7}, 3`\"\n />\n <polyline\n fill=\"#fff\"\n :points=\"\n `8, ${height * 0.15} 8, 3, ${width * 0.1 + 7}, 3\n ${width * 0.1}, 8 14, 8 14, ${height * 0.15 - 7}\n `\"\n />\n\n <polyline\n stroke=\"#fff\"\n stroke-width=\"3\"\n fill=\"transparent\"\n :points=\"`${width * 0.5}, 3 ${width - 3}, 3, ${width - 3}, ${height * 0.25}`\"\n />\n <polyline\n fill=\"#fff\"\n :points=\"`\n ${width * 0.52}, 3 ${width * 0.58}, 3\n ${width * 0.58 - 7}, 9 ${width * 0.52 + 7}, 9\n `\"\n />\n <polyline\n fill=\"#fff\"\n :points=\"`\n ${width * 0.9}, 3 ${width - 3}, 3 ${width - 3}, ${height * 0.1}\n ${width - 9}, ${height * 0.1 - 7} ${width - 9}, 9 ${width * 0.9 + 7}, 9\n `\"\n />\n\n <polyline\n stroke=\"#fff\"\n stroke-width=\"3\"\n fill=\"transparent\"\n :points=\"`8, ${height * 0.5} 8, ${height - 3} ${width * 0.3 + 7}, ${height - 3}`\"\n />\n <polyline\n fill=\"#fff\"\n :points=\"`\n 8, ${height * 0.55} 8, ${height * 0.7}\n 2, ${height * 0.7 - 7} 2, ${height * 0.55 + 7}\n `\"\n />\n\n <polyline\n stroke=\"#fff\"\n stroke-width=\"3\"\n fill=\"transparent\"\n :points=\"`${width * 0.35}, ${height - 3} ${width - 3}, ${height - 3} ${width - 3}, ${height * 0.35}`\"\n />\n <polyline\n fill=\"#fff\"\n :points=\"`\n ${width * 0.92}, ${height - 3} ${width - 3}, ${height - 3} ${width - 3}, ${height * 0.8}\n ${width - 9}, ${height * 0.8 + 7} ${width - 9}, ${height - 9} ${width * 0.92 + 7}, ${height - 9}\n `\"\n />\n </mask>\n </defs>\n\n <rect x=\"0\" y=\"0\" :width=\"width\" :height=\"height\" :fill=\"`url(#${gradientId})`\" :mask=\"`url(#${maskId})`\" />\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\nexport default {\n name: 'DvBorderBox9',\n mixins: [autoResize],\n props: {\n color: {\n type: Array,\n default: () => ([])\n }\n },\n data () {\n const timestamp = Date.now()\n return {\n ref: 'border-box-9',\n\n gradientId: `border-box-9-gradient-${timestamp}`,\n maskId: `border-box-9-mask-${timestamp}`,\n\n defaultColor: ['#11eefd', '#0078d2'],\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 },\n mounted () {\n const { mergeColor } = this\n\n mergeColor()\n }\n}\n</script>"]}]} |