1 line
5.2 KiB
JSON
1 line
5.2 KiB
JSON
{"remainingRequest":"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\\borderBox4\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\borderBox4\\src\\main.vue","mtime":1670891602045},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670891604112},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgYXV0b1Jlc2l6ZSBmcm9tICcuLi8uLi8uLi9taXhpbi9hdXRvUmVzaXplJw0KDQppbXBvcnQgeyBkZWVwTWVyZ2UgfSBmcm9tICdAamlhbWluZ2hpL2NoYXJ0cy9saWIvdXRpbC9pbmRleCcNCg0KaW1wb3J0IHsgZGVlcENsb25lIH0gZnJvbSAnQGppYW1pbmdoaS9jLXJlbmRlci9saWIvcGx1Z2luL3V0aWwnDQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ0R2Qm9yZGVyQm94NCcsDQogIG1peGluczogW2F1dG9SZXNpemVdLA0KICBwcm9wczogew0KICAgIGNvbG9yOiB7DQogICAgICB0eXBlOiBBcnJheSwNCiAgICAgIGRlZmF1bHQ6ICgpID0+IChbXSkNCiAgICB9LA0KICAgIHJldmVyc2U6IHsNCiAgICAgIHR5cGU6IEJvb2xlYW4sDQogICAgICBkZWZhdWx0OiBmYWxzZQ0KICAgIH0NCiAgfSwNCiAgZGF0YSAoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIHJlZjogJ2JvcmRlci1ib3gtNCcsDQoNCiAgICAgIGRlZmF1bHRDb2xvcjogWydyZWQnLCAncmdiYSgwLDAsMjU1LDAuOCknXSwNCg0KICAgICAgbWVyZ2VkQ29sb3I6IFtdDQogICAgfQ0KICB9LA0KICB3YXRjaDogew0KICAgIGNvbG9yICgpIHsNCiAgICAgIGNvbnN0IHsgbWVyZ2VDb2xvciB9ID0gdGhpcw0KDQogICAgICBtZXJnZUNvbG9yKCkNCiAgICB9DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBtZXJnZUNvbG9yICgpIHsNCiAgICAgIGNvbnN0IHsgY29sb3IsIGRlZmF1bHRDb2xvciB9ID0gdGhpcw0KDQogICAgICB0aGlzLm1lcmdlZENvbG9yID0gZGVlcE1lcmdlKGRlZXBDbG9uZShkZWZhdWx0Q29sb3IsIHRydWUpLCBjb2xvciB8fCBbXSkNCiAgICB9DQogIH0sDQogIG1vdW50ZWQgKCkgew0KICAgIGNvbnN0IHsgbWVyZ2VDb2xvciB9ID0gdGhpcw0KDQogICAgbWVyZ2VDb2xvcigpDQogIH0NCn0NCg=="},{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA;;AAEA;;AAEA;;AAEA;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;;AAEA;AACA;AACA","file":"main.vue","sourceRoot":"node_modules/@jiaminghi/data-view/lib/components/borderBox4/src","sourcesContent":["<template>\r\n <div class=\"dv-border-box-4\" :ref=\"ref\">\r\n <svg :class=\"`dv-border-svg-container ${reverse && 'dv-reverse'}`\" :width=\"width\" :height=\"height\">\r\n <polyline class=\"dv-bb4-line-1\"\r\n :stroke=\"mergedColor[0]\"\r\n :points=\"`145, ${height - 5} 40, ${height - 5} 10, ${height - 35}\r\n 10, 40 40, 5 150, 5 170, 20 ${width - 15}, 20`\"\r\n />\r\n <polyline\r\n :stroke=\"mergedColor[1]\"\r\n class=\"dv-bb4-line-2\" :points=\"`245, ${height - 1} 36, ${height - 1} 14, ${height - 23}\r\n 14, ${height - 100}`\"\r\n />\r\n\r\n <polyline class=\"dv-bb4-line-3\" :stroke=\"mergedColor[0]\" :points=\"`7, ${height - 40} 7, ${height - 75}`\" />\r\n <polyline class=\"dv-bb4-line-4\" :stroke=\"mergedColor[0]\" :points=\"`28, 24 13, 41 13, 64`\" />\r\n <polyline class=\"dv-bb4-line-5\" :stroke=\"mergedColor[0]\" :points=\"`5, 45 5, 140`\" />\r\n <polyline class=\"dv-bb4-line-6\" :stroke=\"mergedColor[1]\" :points=\"`14, 75 14, 180`\" />\r\n <polyline class=\"dv-bb4-line-7\" :stroke=\"mergedColor[1]\" :points=\"`55, 11 147, 11 167, 26 250, 26`\" />\r\n <polyline class=\"dv-bb4-line-8\" :stroke=\"mergedColor[1]\" :points=\"`158, 5 173, 16`\" />\r\n <polyline class=\"dv-bb4-line-9\" :stroke=\"mergedColor[0]\" :points=\"`200, 17 ${width - 10}, 17`\" />\r\n <polyline class=\"dv-bb4-line-10\" :stroke=\"mergedColor[1]\" :points=\"`385, 17 ${width - 10}, 17`\" />\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: 'DvBorderBox4',\r\n mixins: [autoResize],\r\n props: {\r\n color: {\r\n type: Array,\r\n default: () => ([])\r\n },\r\n reverse: {\r\n type: Boolean,\r\n default: false\r\n }\r\n },\r\n data () {\r\n return {\r\n ref: 'border-box-4',\r\n\r\n defaultColor: ['red', 'rgba(0,0,255,0.8)'],\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>"]}]} |