{"remainingRequest":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\borderBox12\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\borderBox12\\src\\main.vue","mtime":499162500000},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBhdXRvUmVzaXplIGZyb20gJy4uLy4uLy4uL21peGluL2F1dG9SZXNpemUnCgppbXBvcnQgeyBkZWVwTWVyZ2UgfSBmcm9tICdAamlhbWluZ2hpL2NoYXJ0cy9saWIvdXRpbC9pbmRleCcKCmltcG9ydCB7IGRlZXBDbG9uZSB9IGZyb20gJ0BqaWFtaW5naGkvYy1yZW5kZXIvbGliL3BsdWdpbi91dGlsJwoKaW1wb3J0IHsgZmFkZSB9IGZyb20gJ0BqaWFtaW5naGkvY29sb3InCgpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ0R2Qm9yZGVyQm94MTInLAogIG1peGluczogW2F1dG9SZXNpemVdLAogIHByb3BzOiB7CiAgICBjb2xvcjogewogICAgICB0eXBlOiBBcnJheSwKICAgICAgZGVmYXVsdDogKCkgPT4gKFtdKQogICAgfQogIH0sCiAgZGF0YSAoKSB7CiAgICBjb25zdCB0aW1lc3RhbXAgPSArbmV3IERhdGUoKQogICAgcmV0dXJuIHsKICAgICAgcmVmOiAnYm9yZGVyLWJveC0xMicsCiAgICAgIGZpbHRlcklkOiBgYm9yZGVyci1ib3gtMTItZmlsdGVySWQtJHt0aW1lc3RhbXB9YCwKCiAgICAgIGRlZmF1bHRDb2xvcjogWycjMmU2MDk5JywgJyM3Y2U3ZmQnXSwKCiAgICAgIG1lcmdlZENvbG9yOiBbXQogICAgfQogIH0sCiAgd2F0Y2g6IHsKICAgIGNvbG9yICgpIHsKICAgICAgY29uc3QgeyBtZXJnZUNvbG9yIH0gPSB0aGlzCgogICAgICBtZXJnZUNvbG9yKCkKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIG1lcmdlQ29sb3IgKCkgewogICAgICBjb25zdCB7IGNvbG9yLCBkZWZhdWx0Q29sb3IgfSA9IHRoaXMKCiAgICAgIHRoaXMubWVyZ2VkQ29sb3IgPSBkZWVwTWVyZ2UoZGVlcENsb25lKGRlZmF1bHRDb2xvciwgdHJ1ZSksIGNvbG9yIHx8IFtdKQogICAgfSwKICAgIGZhZGUKICB9LAogIG1vdW50ZWQgKCkgewogICAgY29uc3QgeyBtZXJnZUNvbG9yIH0gPSB0aGlzCgogICAgbWVyZ2VDb2xvcigpCiAgfQp9Cg=="},{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FA;;AAEA;;AAEA;;AAEA;;AAEA;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","file":"main.vue","sourceRoot":"node_modules/@jiaminghi/data-view/lib/components/borderBox12/src","sourcesContent":["<template>\n  <div class=\"dv-border-box-12\" :ref=\"ref\">\n    <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\"height\">\n      <defs>\n        <filter :id=\"filterId\" height=\"150%\" width=\"150%\" x=\"-25%\" y=\"-25%\">\n          <feMorphology operator=\"dilate\" radius=\"1\" in=\"SourceAlpha\" result=\"thicken\" />\n          <feGaussianBlur in=\"thicken\" stdDeviation=\"2\" result=\"blurred\" />\n          <feFlood :flood-color=\"fade(mergedColor[1] || defaultColor[1], 70)\" result=\"glowColor\">\n            <animate\n              attributeName=\"flood-color\"\n              :values=\"`\n                ${fade(mergedColor[1] || defaultColor[1], 70)};\n                ${fade(mergedColor[1] || defaultColor[1], 30)};\n                ${fade(mergedColor[1] || defaultColor[1], 70)};\n              `\"\n              dur=\"3s\"\n              begin=\"0s\"\n              repeatCount=\"indefinite\"\n            />\n          </feFlood>\n          <feComposite in=\"glowColor\" in2=\"blurred\" operator=\"in\" result=\"softGlowColored\" />\n          <feMerge>\n            <feMergeNode in=\"softGlowColored\"/>\n            <feMergeNode in=\"SourceGraphic\"/>\n          </feMerge>\n        </filter>\n      </defs>\n\n      <path\n        v-if=\"width && height\"\n        fill=\"transparent\"\n        stroke-width=\"2\"\n        :stroke=\"mergedColor[0]\"\n        :d=\"`\n          M15 5 L ${width - 15} 5 Q ${width - 5} 5, ${width - 5} 15\n          L ${width - 5} ${height - 15} Q ${width - 5} ${height - 5}, ${width - 15} ${height - 5}\n          L 15, ${height - 5} Q 5 ${height - 5} 5 ${height - 15} L 5 15\n          Q 5 5 15 5\n        `\"\n      />\n\n      <path\n        stroke-width=\"2\"\n        fill=\"transparent\"\n        stroke-linecap=\"round\"\n        :filter=\"`url(#${filterId})`\"\n        :stroke=\"mergedColor[1]\"\n        :d=\"`M 20 5 L 15 5 Q 5 5 5 15 L 5 20`\"\n      />\n\n      <path\n        stroke-width=\"2\"\n        fill=\"transparent\"\n        stroke-linecap=\"round\"\n        :filter=\"`url(#${filterId})`\"\n        :stroke=\"mergedColor[1]\"\n        :d=\"`M ${width - 20} 5 L ${width - 15} 5 Q ${width - 5} 5 ${width - 5} 15 L ${width - 5} 20`\"\n      />\n\n      <path\n        stroke-width=\"2\"\n        fill=\"transparent\"\n        stroke-linecap=\"round\"\n        :filter=\"`url(#${filterId})`\"\n        :stroke=\"mergedColor[1]\"\n        :d=\"`\n          M ${width - 20} ${height - 5} L ${width - 15} ${height - 5}\n          Q ${width - 5} ${height - 5} ${width - 5} ${height - 15}\n          L ${width - 5} ${height - 20}\n        `\"\n      />\n\n      <path\n        stroke-width=\"2\"\n        fill=\"transparent\"\n        stroke-linecap=\"round\"\n        :filter=\"`url(#${filterId})`\"\n        :stroke=\"mergedColor[1]\"\n        :d=\"`\n          M 20 ${height - 5} L 15 ${height - 5}\n          Q 5 ${height - 5} 5 ${height - 15}\n          L 5 ${height - 20}\n        `\"\n      />\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\nimport { fade } from '@jiaminghi/color'\n\nexport default {\n  name: 'DvBorderBox12',\n  mixins: [autoResize],\n  props: {\n    color: {\n      type: Array,\n      default: () => ([])\n    }\n  },\n  data () {\n    const timestamp = +new Date()\n    return {\n      ref: 'border-box-12',\n      filterId: `borderr-box-12-filterId-${timestamp}`,\n\n      defaultColor: ['#2e6099', '#7ce7fd'],\n\n      mergedColor: []\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    fade\n  },\n  mounted () {\n    const { mergeColor } = this\n\n    mergeColor()\n  }\n}\n</script>"]}]}