{"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\\borderBox11\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\borderBox11\\src\\main.vue","mtime":1670640065265},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgYXV0b1Jlc2l6ZSBmcm9tICcuLi8uLi8uLi9taXhpbi9hdXRvUmVzaXplJw0KDQppbXBvcnQgeyBkZWVwTWVyZ2UgfSBmcm9tICdAamlhbWluZ2hpL2NoYXJ0cy9saWIvdXRpbC9pbmRleCcNCg0KaW1wb3J0IHsgZGVlcENsb25lIH0gZnJvbSAnQGppYW1pbmdoaS9jLXJlbmRlci9saWIvcGx1Z2luL3V0aWwnDQoNCmltcG9ydCB7IGZhZGUgfSBmcm9tICdAamlhbWluZ2hpL2NvbG9yJw0KDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdEdkJvcmRlckJveDExJywNCiAgbWl4aW5zOiBbYXV0b1Jlc2l6ZV0sDQogIHByb3BzOiB7DQogICAgY29sb3I6IHsNCiAgICAgIHR5cGU6IEFycmF5LA0KICAgICAgZGVmYXVsdDogKCkgPT4gKFtdKQ0KICAgIH0sDQogICAgdGl0bGVXaWR0aDogew0KICAgICAgdHlwZTogTnVtYmVyLA0KICAgICAgZGVmYXVsdDogMjUwDQogICAgfSwNCiAgICB0aXRsZTogew0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgICAgZGVmYXVsdDogJycNCiAgICB9DQogIH0sDQogIGRhdGEgKCkgew0KICAgIGNvbnN0IHRpbWVzdGFtcCA9IERhdGUubm93KCkNCiAgICByZXR1cm4gew0KICAgICAgcmVmOiAnYm9yZGVyLWJveC0xMScsDQogICAgICBmaWx0ZXJJZDogYGJvcmRlci1ib3gtMTEtZmlsdGVySWQtJHt0aW1lc3RhbXB9YCwNCg0KICAgICAgZGVmYXVsdENvbG9yOiBbJyM4YWFhZmInLCAnIzFmMzNhMiddLA0KDQogICAgICBtZXJnZWRDb2xvcjogW10NCiAgICB9DQogIH0sDQogIHdhdGNoOiB7DQogICAgY29sb3IgKCkgew0KICAgICAgY29uc3QgeyBtZXJnZUNvbG9yIH0gPSB0aGlzDQoNCiAgICAgIG1lcmdlQ29sb3IoKQ0KICAgIH0NCiAgfSwNCiAgbWV0aG9kczogew0KICAgIG1lcmdlQ29sb3IgKCkgew0KICAgICAgY29uc3QgeyBjb2xvciwgZGVmYXVsdENvbG9yIH0gPSB0aGlzDQoNCiAgICAgIHRoaXMubWVyZ2VkQ29sb3IgPSBkZWVwTWVyZ2UoZGVlcENsb25lKGRlZmF1bHRDb2xvciwgdHJ1ZSksIGNvbG9yIHx8IFtdKQ0KICAgIH0sDQogICAgZmFkZQ0KICB9LA0KICBtb3VudGVkICgpIHsNCiAgICBjb25zdCB7IG1lcmdlQ29sb3IgfSA9IHRoaXMNCg0KICAgIG1lcmdlQ29sb3IoKQ0KICB9DQp9DQo="},{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkNA;;AAEA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;;AAEA;AACA;AACA","file":"main.vue","sourceRoot":"node_modules/@jiaminghi/data-view/lib/components/borderBox11/src","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>"]}]}