{"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\\thread-loader\\dist\\cjs.js","mtime":1670640073542},{"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>"]}]}