1 line
14 KiB
JSON
1 line
14 KiB
JSON
{"remainingRequest":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\thread-loader\\dist\\cjs.js!F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\babel-loader\\lib\\index.js!F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\borderBox11\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\borderBox11\\src\\main.vue","mtime":1670891602038},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670891604112},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1670891613575},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\babel-loader\\lib\\index.js","mtime":1670891602826},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670891604112},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js","mtime":1670891614530}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IGF1dG9SZXNpemUgZnJvbSAnLi4vLi4vLi4vbWl4aW4vYXV0b1Jlc2l6ZSc7CmltcG9ydCB7IGRlZXBNZXJnZSB9IGZyb20gJ0BqaWFtaW5naGkvY2hhcnRzL2xpYi91dGlsL2luZGV4JzsKaW1wb3J0IHsgZGVlcENsb25lIH0gZnJvbSAnQGppYW1pbmdoaS9jLXJlbmRlci9saWIvcGx1Z2luL3V0aWwnOwppbXBvcnQgeyBmYWRlIH0gZnJvbSAnQGppYW1pbmdoaS9jb2xvcic7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnRHZCb3JkZXJCb3gxMScsCiAgbWl4aW5zOiBbYXV0b1Jlc2l6ZV0sCiAgcHJvcHM6IHsKICAgIGNvbG9yOiB7CiAgICAgIHR5cGU6IEFycmF5LAogICAgICBkZWZhdWx0OiBmdW5jdGlvbiBfZGVmYXVsdCgpIHsKICAgICAgICByZXR1cm4gW107CiAgICAgIH0KICAgIH0sCiAgICB0aXRsZVdpZHRoOiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogMjUwCiAgICB9LAogICAgdGl0bGU6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAnJwogICAgfQogIH0sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHZhciB0aW1lc3RhbXAgPSBEYXRlLm5vdygpOwogICAgcmV0dXJuIHsKICAgICAgcmVmOiAnYm9yZGVyLWJveC0xMScsCiAgICAgIGZpbHRlcklkOiAiYm9yZGVyLWJveC0xMS1maWx0ZXJJZC0iLmNvbmNhdCh0aW1lc3RhbXApLAogICAgICBkZWZhdWx0Q29sb3I6IFsnIzhhYWFmYicsICcjMWYzM2EyJ10sCiAgICAgIG1lcmdlZENvbG9yOiBbXQogICAgfTsKICB9LAogIHdhdGNoOiB7CiAgICBjb2xvcjogZnVuY3Rpb24gY29sb3IoKSB7CiAgICAgIHZhciBtZXJnZUNvbG9yID0gdGhpcy5tZXJnZUNvbG9yOwogICAgICBtZXJnZUNvbG9yKCk7CiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICBtZXJnZUNvbG9yOiBmdW5jdGlvbiBtZXJnZUNvbG9yKCkgewogICAgICB2YXIgY29sb3IgPSB0aGlzLmNvbG9yLAogICAgICAgICAgZGVmYXVsdENvbG9yID0gdGhpcy5kZWZhdWx0Q29sb3I7CiAgICAgIHRoaXMubWVyZ2VkQ29sb3IgPSBkZWVwTWVyZ2UoZGVlcENsb25lKGRlZmF1bHRDb2xvciwgdHJ1ZSksIGNvbG9yIHx8IFtdKTsKICAgIH0sCiAgICBmYWRlOiBmYWRlCiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdmFyIG1lcmdlQ29sb3IgPSB0aGlzLm1lcmdlQ29sb3I7CiAgICBtZXJnZUNvbG9yKCk7CiAgfQp9Ow=="},{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkNA,OAAA,UAAA,MAAA,2BAAA;AAEA,SAAA,SAAA,QAAA,kCAAA;AAEA,SAAA,SAAA,QAAA,qCAAA;AAEA,SAAA,IAAA,QAAA,kBAAA;AAEA,eAAA;AACA,EAAA,IAAA,EAAA,eADA;AAEA,EAAA,MAAA,EAAA,CAAA,UAAA,CAFA;AAGA,EAAA,KAAA,EAAA;AACA,IAAA,KAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAAA,EAAA;AAAA,eAAA,EAAA;AAAA;AAFA,KADA;AAKA,IAAA,UAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAAA,EAAA;AAFA,KALA;AASA,IAAA,KAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAAA,EAAA;AAFA;AATA,GAHA;AAiBA,EAAA,IAjBA,kBAiBA;AACA,QAAA,SAAA,GAAA,IAAA,CAAA,GAAA,EAAA;AACA,WAAA;AACA,MAAA,GAAA,EAAA,eADA;AAEA,MAAA,QAAA,mCAAA,SAAA,CAFA;AAIA,MAAA,YAAA,EAAA,CAAA,SAAA,EAAA,SAAA,CAJA;AAMA,MAAA,WAAA,EAAA;AANA,KAAA;AAQA,GA3BA;AA4BA,EAAA,KAAA,EAAA;AACA,IAAA,KADA,mBACA;AAAA,UACA,UADA,GACA,IADA,CACA,UADA;AAGA,MAAA,UAAA;AACA;AALA,GA5BA;AAmCA,EAAA,OAAA,EAAA;AACA,IAAA,UADA,wBACA;AAAA,UACA,KADA,GACA,IADA,CACA,KADA;AAAA,UACA,YADA,GACA,IADA,CACA,YADA;AAGA,WAAA,WAAA,GAAA,SAAA,CAAA,SAAA,CAAA,YAAA,EAAA,IAAA,CAAA,EAAA,KAAA,IAAA,EAAA,CAAA;AACA,KALA;AAMA,IAAA,IAAA,EAAA;AANA,GAnCA;AA2CA,EAAA,OA3CA,qBA2CA;AAAA,QACA,UADA,GACA,IADA,CACA,UADA;AAGA,IAAA,UAAA;AACA;AA/CA,CAAA","sourcesContent":["<template>\r\n <div class=\"dv-border-box-11\" :ref=\"ref\">\r\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\"height\">\r\n <defs>\r\n <filter :id=\"filterId\" height=\"150%\" width=\"150%\" x=\"-25%\" y=\"-25%\">\r\n <feMorphology operator=\"dilate\" radius=\"2\" in=\"SourceAlpha\" result=\"thicken\" />\r\n <feGaussianBlur in=\"thicken\" stdDeviation=\"3\" result=\"blurred\" />\r\n <feFlood :flood-color=\"mergedColor[1]\" result=\"glowColor\" />\r\n <feComposite in=\"glowColor\" in2=\"blurred\" operator=\"in\" result=\"softGlowColored\" />\r\n <feMerge>\r\n <feMergeNode in=\"softGlowColored\"/>\r\n <feMergeNode in=\"SourceGraphic\"/>\r\n </feMerge>\r\n </filter>\r\n </defs>\r\n\r\n <polyline\r\n :stroke=\"mergedColor[0]\"\r\n :filter=\"`url(#${filterId})`\"\r\n :points=\"`\r\n ${(width - titleWidth) / 2}, 30\r\n 20, 30 7, 50 7, ${50 + (height - 167) / 2}\r\n 13, ${55 + (height - 167) / 2} 13, ${135 + (height - 167) / 2}\r\n 7, ${140 + (height - 167) / 2} 7, ${height - 27}\r\n 20, ${height - 7} ${width - 20}, ${height - 7} ${width - 7}, ${height - 27}\r\n ${width - 7}, ${140 + (height - 167) / 2} ${width - 13}, ${135 + (height - 167) / 2}\r\n ${width - 13}, ${55 + (height - 167) / 2} ${width - 7}, ${50 + (height - 167) / 2}\r\n ${width - 7}, 50 ${width - 20}, 30 ${(width + titleWidth) / 2}, 30\r\n ${(width + titleWidth) / 2 - 20}, 7 ${(width - titleWidth) / 2 + 20}, 7\r\n ${(width - titleWidth) / 2}, 30 ${(width - titleWidth) / 2 + 20}, 52\r\n ${(width + titleWidth) / 2 - 20}, 52 ${(width + titleWidth) / 2}, 30\r\n `\"\r\n />\r\n\r\n <polygon\r\n :stroke=\"mergedColor[0]\"\r\n fill=\"transparent\"\r\n :points=\"`\r\n ${(width + titleWidth) / 2 - 5}, 30 ${(width + titleWidth) / 2 - 21}, 11\r\n ${(width + titleWidth) / 2 - 27}, 11 ${(width + titleWidth) / 2 - 8}, 34\r\n `\"\r\n />\r\n\r\n <polygon\r\n :stroke=\"mergedColor[0]\"\r\n fill=\"transparent\"\r\n :points=\"`\r\n ${(width - titleWidth) / 2 + 5}, 30 ${(width - titleWidth) / 2 + 22}, 49\r\n ${(width - titleWidth) / 2 + 28}, 49 ${(width - titleWidth) / 2 + 8}, 26\r\n `\"\r\n />\r\n\r\n <polygon\r\n :stroke=\"mergedColor[0]\"\r\n :fill=\"fade(mergedColor[1] || defaultColor[1], 30)\"\r\n :filter=\"`url(#${filterId})`\"\r\n :points=\"`\r\n ${(width + titleWidth) / 2 - 11}, 37 ${(width + titleWidth) / 2 - 32}, 11\r\n ${(width - titleWidth) / 2 + 23}, 11 ${(width - titleWidth) / 2 + 11}, 23\r\n ${(width - titleWidth) / 2 + 33}, 49 ${(width + titleWidth) / 2 - 22}, 49\r\n `\"\r\n />\r\n\r\n <polygon\r\n :filter=\"`url(#${filterId})`\"\r\n :fill=\"mergedColor[0]\"\r\n opacity=\"1\"\r\n :points=\"`\r\n ${(width - titleWidth) / 2 - 10}, 37 ${(width - titleWidth) / 2 - 31}, 37\r\n ${(width - titleWidth) / 2 - 25}, 46 ${(width - titleWidth) / 2 - 4}, 46\r\n `\"\r\n >\r\n <animate\r\n attributeName=\"opacity\"\r\n values=\"1;0.7;1\"\r\n dur=\"2s\"\r\n begin=\"0s\"\r\n repeatCount=\"indefinite\"\r\n />\r\n </polygon>\r\n\r\n\r\n <polygon\r\n :filter=\"`url(#${filterId})`\"\r\n :fill=\"mergedColor[0]\"\r\n opacity=\"0.7\"\r\n :points=\"`\r\n ${(width - titleWidth) / 2 - 40}, 37 ${(width - titleWidth) / 2 - 61}, 37\r\n ${(width - titleWidth) / 2 - 55}, 46 ${(width - titleWidth) / 2 - 34}, 46\r\n `\"\r\n >\r\n <animate\r\n attributeName=\"opacity\"\r\n values=\"0.7;0.4;0.7\"\r\n dur=\"2s\"\r\n begin=\"0s\"\r\n repeatCount=\"indefinite\"\r\n />\r\n </polygon>\r\n\r\n <polygon\r\n :filter=\"`url(#${filterId})`\"\r\n :fill=\"mergedColor[0]\"\r\n opacity=\"0.5\"\r\n :points=\"`\r\n ${(width - titleWidth) / 2 - 70}, 37 ${(width - titleWidth) / 2 - 91}, 37\r\n ${(width - titleWidth) / 2 - 85}, 46 ${(width - titleWidth) / 2 - 64}, 46\r\n `\"\r\n >\r\n <animate\r\n attributeName=\"opacity\"\r\n values=\"0.5;0.2;0.5\"\r\n dur=\"2s\"\r\n begin=\"0s\"\r\n repeatCount=\"indefinite\"\r\n />\r\n </polygon>\r\n\r\n <polygon\r\n :filter=\"`url(#${filterId})`\"\r\n :fill=\"mergedColor[0]\"\r\n opacity=\"1\"\r\n :points=\"`\r\n ${(width + titleWidth) / 2 + 30}, 37 ${(width + titleWidth) / 2 + 9}, 37\r\n ${(width + titleWidth) / 2 + 3}, 46 ${(width + titleWidth) / 2 + 24}, 46\r\n `\"\r\n >\r\n <animate\r\n attributeName=\"opacity\"\r\n values=\"1;0.7;1\"\r\n dur=\"2s\"\r\n begin=\"0s\"\r\n repeatCount=\"indefinite\"\r\n />\r\n </polygon>\r\n\r\n <polygon\r\n :filter=\"`url(#${filterId})`\"\r\n :fill=\"mergedColor[0]\"\r\n opacity=\"0.7\"\r\n :points=\"`\r\n ${(width + titleWidth) / 2 + 60}, 37 ${(width + titleWidth) / 2 + 39}, 37\r\n ${(width + titleWidth) / 2 + 33}, 46 ${(width + titleWidth) / 2 + 54}, 46\r\n `\"\r\n >\r\n <animate\r\n attributeName=\"opacity\"\r\n values=\"0.7;0.4;0.7\"\r\n dur=\"2s\"\r\n begin=\"0s\"\r\n repeatCount=\"indefinite\"\r\n />\r\n </polygon>\r\n\r\n <polygon\r\n :filter=\"`url(#${filterId})`\"\r\n :fill=\"mergedColor[0]\"\r\n opacity=\"0.5\"\r\n :points=\"`\r\n ${(width + titleWidth) / 2 + 90}, 37 ${(width + titleWidth) / 2 + 69}, 37\r\n ${(width + titleWidth) / 2 + 63}, 46 ${(width + titleWidth) / 2 + 84}, 46\r\n `\"\r\n >\r\n <animate\r\n attributeName=\"opacity\"\r\n values=\"0.5;0.2;0.5\"\r\n dur=\"2s\"\r\n begin=\"0s\"\r\n repeatCount=\"indefinite\"\r\n />\r\n </polygon>\r\n\r\n <text\r\n class=\"dv-border-box-11-title\"\r\n :x=\"`${width / 2}`\"\r\n y=\"32\"\r\n fill=\"#fff\"\r\n font-size=\"18\"\r\n text-anchor=\"middle\"\r\n dominant-baseline=\"middle\"\r\n >\r\n {{ title }}\r\n </text>\r\n\r\n <polygon\r\n :fill=\"mergedColor[0]\"\r\n :filter=\"`url(#${filterId})`\"\r\n :points=\"`\r\n 7, ${53 + (height - 167) / 2} 11, ${57 + (height - 167) / 2}\r\n 11, ${133 + (height - 167) / 2} 7, ${137 + (height - 167) / 2}\r\n `\"\r\n />\r\n\r\n <polygon\r\n :fill=\"mergedColor[0]\"\r\n :filter=\"`url(#${filterId})`\"\r\n :points=\"`\r\n ${width - 7}, ${53 + (height - 167) / 2} ${width - 11}, ${57 + (height - 167) / 2}\r\n ${width - 11}, ${133 + (height - 167) / 2} ${width - 7}, ${137 + (height - 167) / 2}\r\n `\"\r\n />\r\n </svg>\r\n\r\n <div class=\"border-box-content\">\r\n <slot></slot>\r\n </div>\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: 'DvBorderBox11',\r\n mixins: [autoResize],\r\n props: {\r\n color: {\r\n type: Array,\r\n default: () => ([])\r\n },\r\n titleWidth: {\r\n type: Number,\r\n default: 250\r\n },\r\n title: {\r\n type: String,\r\n default: ''\r\n }\r\n },\r\n data () {\r\n const timestamp = Date.now()\r\n return {\r\n ref: 'border-box-11',\r\n filterId: `border-box-11-filterId-${timestamp}`,\r\n\r\n defaultColor: ['#8aaafb', '#1f33a2'],\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 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>"],"sourceRoot":"node_modules/@jiaminghi/data-view/lib/components/borderBox11/src"}]} |