{"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\\borderBox12\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\borderBox12\\src\\main.vue","mtime":1670640065266},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgYXV0b1Jlc2l6ZSBmcm9tICcuLi8uLi8uLi9taXhpbi9hdXRvUmVzaXplJw0KDQppbXBvcnQgeyBkZWVwTWVyZ2UgfSBmcm9tICdAamlhbWluZ2hpL2NoYXJ0cy9saWIvdXRpbC9pbmRleCcNCg0KaW1wb3J0IHsgZGVlcENsb25lIH0gZnJvbSAnQGppYW1pbmdoaS9jLXJlbmRlci9saWIvcGx1Z2luL3V0aWwnDQoNCmltcG9ydCB7IGZhZGUgfSBmcm9tICdAamlhbWluZ2hpL2NvbG9yJw0KDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdEdkJvcmRlckJveDEyJywNCiAgbWl4aW5zOiBbYXV0b1Jlc2l6ZV0sDQogIHByb3BzOiB7DQogICAgY29sb3I6IHsNCiAgICAgIHR5cGU6IEFycmF5LA0KICAgICAgZGVmYXVsdDogKCkgPT4gKFtdKQ0KICAgIH0NCiAgfSwNCiAgZGF0YSAoKSB7DQogICAgY29uc3QgdGltZXN0YW1wID0gK25ldyBEYXRlKCkNCiAgICByZXR1cm4gew0KICAgICAgcmVmOiAnYm9yZGVyLWJveC0xMicsDQogICAgICBmaWx0ZXJJZDogYGJvcmRlcnItYm94LTEyLWZpbHRlcklkLSR7dGltZXN0YW1wfWAsDQoNCiAgICAgIGRlZmF1bHRDb2xvcjogWycjMmU2MDk5JywgJyM3Y2U3ZmQnXSwNCg0KICAgICAgbWVyZ2VkQ29sb3I6IFtdDQogICAgfQ0KICB9LA0KICB3YXRjaDogew0KICAgIGNvbG9yICgpIHsNCiAgICAgIGNvbnN0IHsgbWVyZ2VDb2xvciB9ID0gdGhpcw0KDQogICAgICBtZXJnZUNvbG9yKCkNCiAgICB9DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBtZXJnZUNvbG9yICgpIHsNCiAgICAgIGNvbnN0IHsgY29sb3IsIGRlZmF1bHRDb2xvciB9ID0gdGhpcw0KDQogICAgICB0aGlzLm1lcmdlZENvbG9yID0gZGVlcE1lcmdlKGRlZXBDbG9uZShkZWZhdWx0Q29sb3IsIHRydWUpLCBjb2xvciB8fCBbXSkNCiAgICB9LA0KICAgIGZhZGUNCiAgfSwNCiAgbW91bnRlZCAoKSB7DQogICAgY29uc3QgeyBtZXJnZUNvbG9yIH0gPSB0aGlzDQoNCiAgICBtZXJnZUNvbG9yKCkNCiAgfQ0KfQ0K"},{"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>\r\n  <div class=\"dv-border-box-12\" :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=\"1\" in=\"SourceAlpha\" result=\"thicken\" />\r\n          <feGaussianBlur in=\"thicken\" stdDeviation=\"2\" result=\"blurred\" />\r\n          <feFlood :flood-color=\"fade(mergedColor[1] || defaultColor[1], 70)\" result=\"glowColor\">\r\n            <animate\r\n              attributeName=\"flood-color\"\r\n              :values=\"`\r\n                ${fade(mergedColor[1] || defaultColor[1], 70)};\r\n                ${fade(mergedColor[1] || defaultColor[1], 30)};\r\n                ${fade(mergedColor[1] || defaultColor[1], 70)};\r\n              `\"\r\n              dur=\"3s\"\r\n              begin=\"0s\"\r\n              repeatCount=\"indefinite\"\r\n            />\r\n          </feFlood>\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      <path\r\n        v-if=\"width && height\"\r\n        fill=\"transparent\"\r\n        stroke-width=\"2\"\r\n        :stroke=\"mergedColor[0]\"\r\n        :d=\"`\r\n          M15 5 L ${width - 15} 5 Q ${width - 5} 5, ${width - 5} 15\r\n          L ${width - 5} ${height - 15} Q ${width - 5} ${height - 5}, ${width - 15} ${height - 5}\r\n          L 15, ${height - 5} Q 5 ${height - 5} 5 ${height - 15} L 5 15\r\n          Q 5 5 15 5\r\n        `\"\r\n      />\r\n\r\n      <path\r\n        stroke-width=\"2\"\r\n        fill=\"transparent\"\r\n        stroke-linecap=\"round\"\r\n        :filter=\"`url(#${filterId})`\"\r\n        :stroke=\"mergedColor[1]\"\r\n        :d=\"`M 20 5 L 15 5 Q 5 5 5 15 L 5 20`\"\r\n      />\r\n\r\n      <path\r\n        stroke-width=\"2\"\r\n        fill=\"transparent\"\r\n        stroke-linecap=\"round\"\r\n        :filter=\"`url(#${filterId})`\"\r\n        :stroke=\"mergedColor[1]\"\r\n        :d=\"`M ${width - 20} 5 L ${width - 15} 5 Q ${width - 5} 5 ${width - 5} 15 L ${width - 5} 20`\"\r\n      />\r\n\r\n      <path\r\n        stroke-width=\"2\"\r\n        fill=\"transparent\"\r\n        stroke-linecap=\"round\"\r\n        :filter=\"`url(#${filterId})`\"\r\n        :stroke=\"mergedColor[1]\"\r\n        :d=\"`\r\n          M ${width - 20} ${height - 5} L ${width - 15} ${height - 5}\r\n          Q ${width - 5} ${height - 5} ${width - 5} ${height - 15}\r\n          L ${width - 5} ${height - 20}\r\n        `\"\r\n      />\r\n\r\n      <path\r\n        stroke-width=\"2\"\r\n        fill=\"transparent\"\r\n        stroke-linecap=\"round\"\r\n        :filter=\"`url(#${filterId})`\"\r\n        :stroke=\"mergedColor[1]\"\r\n        :d=\"`\r\n          M 20 ${height - 5} L 15 ${height - 5}\r\n          Q 5 ${height - 5} 5 ${height - 15}\r\n          L 5 ${height - 20}\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: 'DvBorderBox12',\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 = +new Date()\r\n    return {\r\n      ref: 'border-box-12',\r\n      filterId: `borderr-box-12-filterId-${timestamp}`,\r\n\r\n      defaultColor: ['#2e6099', '#7ce7fd'],\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>"]}]}