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