1 line
6.3 KiB
JSON
1 line
6.3 KiB
JSON
{"remainingRequest":"D:\\Hjm项目\\suyi11112\\suyi1111\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\suyi11112\\suyi1111\\suyi1111\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\borderBox8\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\suyi11112\\suyi1111\\suyi1111\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\borderBox8\\src\\main.vue","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi11112\\suyi1111\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi11112\\suyi1111\\suyi1111\\suyi1111\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi11112\\suyi1111\\suyi1111\\suyi1111\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi11112\\suyi1111\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi11112\\suyi1111\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBhdXRvUmVzaXplIGZyb20gJy4uLy4uLy4uL21peGluL2F1dG9SZXNpemUnCgppbXBvcnQgeyBkZWVwTWVyZ2UgfSBmcm9tICdAamlhbWluZ2hpL2NoYXJ0cy9saWIvdXRpbC9pbmRleCcKCmltcG9ydCB7IGRlZXBDbG9uZSB9IGZyb20gJ0BqaWFtaW5naGkvYy1yZW5kZXIvbGliL3BsdWdpbi91dGlsJwoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdEdkJvcmRlckJveDgnLAogIG1peGluczogW2F1dG9SZXNpemVdLAogIHByb3BzOiB7CiAgICBjb2xvcjogewogICAgICB0eXBlOiBBcnJheSwKICAgICAgZGVmYXVsdDogKCkgPT4gKFtdKQogICAgfSwKICAgIGR1cjogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDMKICAgIH0KICB9LAogIGRhdGEgKCkgewogICAgY29uc3QgdGltZXN0YW1wID0gRGF0ZS5ub3coKQogICAgcmV0dXJuIHsKICAgICAgcmVmOiAnYm9yZGVyLWJveC04JywKICAgICAgcGF0aDogYGJvcmRlci1ib3gtOC1wYXRoLSR7dGltZXN0YW1wfWAsCiAgICAgIGdyYWRpZW50OiBgYm9yZGVyLWJveC04LWdyYWRpZW50LSR7dGltZXN0YW1wfWAsCiAgICAgIG1hc2s6IGBib3JkZXItYm94LTgtbWFzay0ke3RpbWVzdGFtcH1gLAoKICAgICAgZGVmYXVsdENvbG9yOiBbJyMyMzVmYTcnLCAnIzRmZDJkZCddLAoKICAgICAgbWVyZ2VkQ29sb3I6IFtdCiAgICB9CiAgfSwKICBjb21wdXRlZDogewogICAgbGVuZ3RoICgpIHsKICAgICAgY29uc3QgeyB3aWR0aCwgaGVpZ2h0IH0gPSB0aGlzCgogICAgICByZXR1cm4gKHdpZHRoICsgaGVpZ2h0IC0gNSkgKiAyCiAgICB9CiAgfSwKICB3YXRjaDogewogICAgY29sb3IgKCkgewogICAgICBjb25zdCB7IG1lcmdlQ29sb3IgfSA9IHRoaXMKCiAgICAgIG1lcmdlQ29sb3IoKQogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgbWVyZ2VDb2xvciAoKSB7CiAgICAgIGNvbnN0IHsgY29sb3IsIGRlZmF1bHRDb2xvciB9ID0gdGhpcwoKICAgICAgdGhpcy5tZXJnZWRDb2xvciA9IGRlZXBNZXJnZShkZWVwQ2xvbmUoZGVmYXVsdENvbG9yLCB0cnVlKSwgY29sb3IgfHwgW10pCiAgICB9CiAgfSwKICBtb3VudGVkICgpIHsKICAgIGNvbnN0IHsgbWVyZ2VDb2xvciB9ID0gdGhpcwoKICAgIG1lcmdlQ29sb3IoKQogIH0KfQo="},{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA;;AAEA;;AAEA;;AAEA;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;AACA;AACA;;AAEA;AACA;AACA","file":"main.vue","sourceRoot":"node_modules/@jiaminghi/data-view/lib/components/borderBox8/src","sourcesContent":["<template>\n <div class=\"dv-border-box-8\" :ref=\"ref\">\n <svg class=\"dv-svg-container\" :width=\"width\" :height=\"height\">\n <defs>\n <path\n :id=\"path\"\n :d=\"`M2.5, 2.5 L${width - 2.5}, 2.5 L${width - 2.5}, ${height - 2.5} L2.5, ${height - 2.5} L2.5, 2.5`\"\n fill=\"transparent\"\n />\n <radialGradient\n :id=\"gradient\"\n cx=\"50%\" cy=\"50%\" r=\"50%\"\n >\n <stop\n offset=\"0%\" stop-color=\"#fff\"\n stop-opacity=\"1\"\n />\n <stop\n offset=\"100%\" stop-color=\"#fff\"\n stop-opacity=\"0\"\n />\n </radialGradient>\n\n <mask :id=\"mask\">\n <circle cx=\"0\" cy=\"0\" r=\"150\" :fill=\"`url(#${gradient})`\">\n <animateMotion\n :dur=\"`${dur}s`\"\n :path=\"`M2.5, 2.5 L${width - 2.5}, 2.5 L${width - 2.5}, ${height - 2.5} L2.5, ${height - 2.5} L2.5, 2.5`\"\n rotate=\"auto\"\n repeatCount=\"indefinite\"\n />\n </circle>\n </mask>\n </defs>\n\n <use\n :stroke=\"mergedColor[0]\"\n stroke-width=\"1\"\n :xlink:href=\"`#${path}`\"\n />\n\n <use\n :stroke=\"mergedColor[1]\"\n stroke-width=\"3\"\n :xlink:href=\"`#${path}`\"\n :mask=\"`url(#${mask})`\"\n >\n <animate\n attributeName=\"stroke-dasharray\"\n :from=\"`0, ${length}`\"\n :to=\"`${length}, 0`\"\n :dur=\"`${dur}s`\"\n repeatCount=\"indefinite\"\n />\n </use>\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: 'DvBorderBox8',\n mixins: [autoResize],\n props: {\n color: {\n type: Array,\n default: () => ([])\n },\n dur: {\n type: Number,\n default: 3\n }\n },\n data () {\n const timestamp = Date.now()\n return {\n ref: 'border-box-8',\n path: `border-box-8-path-${timestamp}`,\n gradient: `border-box-8-gradient-${timestamp}`,\n mask: `border-box-8-mask-${timestamp}`,\n\n defaultColor: ['#235fa7', '#4fd2dd'],\n\n mergedColor: []\n }\n },\n computed: {\n length () {\n const { width, height } = this\n\n return (width + height - 5) * 2\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>"]}]} |