{"remainingRequest":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\thread-loader\\dist\\cjs.js!F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\babel-loader\\lib\\index.js!F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!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\\borderBox8\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\borderBox8\\src\\main.vue","mtime":1670891602049},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670891604112},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1670891613575},{"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:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IGF1dG9SZXNpemUgZnJvbSAnLi4vLi4vLi4vbWl4aW4vYXV0b1Jlc2l6ZSc7CmltcG9ydCB7IGRlZXBNZXJnZSB9IGZyb20gJ0BqaWFtaW5naGkvY2hhcnRzL2xpYi91dGlsL2luZGV4JzsKaW1wb3J0IHsgZGVlcENsb25lIH0gZnJvbSAnQGppYW1pbmdoaS9jLXJlbmRlci9saWIvcGx1Z2luL3V0aWwnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ0R2Qm9yZGVyQm94OCcsCiAgbWl4aW5zOiBbYXV0b1Jlc2l6ZV0sCiAgcHJvcHM6IHsKICAgIGNvbG9yOiB7CiAgICAgIHR5cGU6IEFycmF5LAogICAgICBkZWZhdWx0OiBmdW5jdGlvbiBfZGVmYXVsdCgpIHsKICAgICAgICByZXR1cm4gW107CiAgICAgIH0KICAgIH0sCiAgICBkdXI6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiAzCiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgdmFyIHRpbWVzdGFtcCA9IERhdGUubm93KCk7CiAgICByZXR1cm4gewogICAgICByZWY6ICdib3JkZXItYm94LTgnLAogICAgICBwYXRoOiAiYm9yZGVyLWJveC04LXBhdGgtIi5jb25jYXQodGltZXN0YW1wKSwKICAgICAgZ3JhZGllbnQ6ICJib3JkZXItYm94LTgtZ3JhZGllbnQtIi5jb25jYXQodGltZXN0YW1wKSwKICAgICAgbWFzazogImJvcmRlci1ib3gtOC1tYXNrLSIuY29uY2F0KHRpbWVzdGFtcCksCiAgICAgIGRlZmF1bHRDb2xvcjogWycjMjM1ZmE3JywgJyM0ZmQyZGQnXSwKICAgICAgbWVyZ2VkQ29sb3I6IFtdCiAgICB9OwogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIGxlbmd0aDogZnVuY3Rpb24gbGVuZ3RoKCkgewogICAgICB2YXIgd2lkdGggPSB0aGlzLndpZHRoLAogICAgICAgICAgaGVpZ2h0ID0gdGhpcy5oZWlnaHQ7CiAgICAgIHJldHVybiAod2lkdGggKyBoZWlnaHQgLSA1KSAqIDI7CiAgICB9CiAgfSwKICB3YXRjaDogewogICAgY29sb3I6IGZ1bmN0aW9uIGNvbG9yKCkgewogICAgICB2YXIgbWVyZ2VDb2xvciA9IHRoaXMubWVyZ2VDb2xvcjsKICAgICAgbWVyZ2VDb2xvcigpOwogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgbWVyZ2VDb2xvcjogZnVuY3Rpb24gbWVyZ2VDb2xvcigpIHsKICAgICAgdmFyIGNvbG9yID0gdGhpcy5jb2xvciwKICAgICAgICAgIGRlZmF1bHRDb2xvciA9IHRoaXMuZGVmYXVsdENvbG9yOwogICAgICB0aGlzLm1lcmdlZENvbG9yID0gZGVlcE1lcmdlKGRlZXBDbG9uZShkZWZhdWx0Q29sb3IsIHRydWUpLCBjb2xvciB8fCBbXSk7CiAgICB9CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdmFyIG1lcmdlQ29sb3IgPSB0aGlzLm1lcmdlQ29sb3I7CiAgICBtZXJnZUNvbG9yKCk7CiAgfQp9Ow=="},{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,OAAA,UAAA,MAAA,2BAAA;AAEA,SAAA,SAAA,QAAA,kCAAA;AAEA,SAAA,SAAA,QAAA,qCAAA;AAEA,eAAA;AACA,EAAA,IAAA,EAAA,cADA;AAEA,EAAA,MAAA,EAAA,CAAA,UAAA,CAFA;AAGA,EAAA,KAAA,EAAA;AACA,IAAA,KAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAAA,EAAA;AAAA,eAAA,EAAA;AAAA;AAFA,KADA;AAKA,IAAA,GAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAAA,EAAA;AAFA;AALA,GAHA;AAaA,EAAA,IAbA,kBAaA;AACA,QAAA,SAAA,GAAA,IAAA,CAAA,GAAA,EAAA;AACA,WAAA;AACA,MAAA,GAAA,EAAA,cADA;AAEA,MAAA,IAAA,8BAAA,SAAA,CAFA;AAGA,MAAA,QAAA,kCAAA,SAAA,CAHA;AAIA,MAAA,IAAA,8BAAA,SAAA,CAJA;AAMA,MAAA,YAAA,EAAA,CAAA,SAAA,EAAA,SAAA,CANA;AAQA,MAAA,WAAA,EAAA;AARA,KAAA;AAUA,GAzBA;AA0BA,EAAA,QAAA,EAAA;AACA,IAAA,MADA,oBACA;AAAA,UACA,KADA,GACA,IADA,CACA,KADA;AAAA,UACA,MADA,GACA,IADA,CACA,MADA;AAGA,aAAA,CAAA,KAAA,GAAA,MAAA,GAAA,CAAA,IAAA,CAAA;AACA;AALA,GA1BA;AAiCA,EAAA,KAAA,EAAA;AACA,IAAA,KADA,mBACA;AAAA,UACA,UADA,GACA,IADA,CACA,UADA;AAGA,MAAA,UAAA;AACA;AALA,GAjCA;AAwCA,EAAA,OAAA,EAAA;AACA,IAAA,UADA,wBACA;AAAA,UACA,KADA,GACA,IADA,CACA,KADA;AAAA,UACA,YADA,GACA,IADA,CACA,YADA;AAGA,WAAA,WAAA,GAAA,SAAA,CAAA,SAAA,CAAA,YAAA,EAAA,IAAA,CAAA,EAAA,KAAA,IAAA,EAAA,CAAA;AACA;AALA,GAxCA;AA+CA,EAAA,OA/CA,qBA+CA;AAAA,QACA,UADA,GACA,IADA,CACA,UADA;AAGA,IAAA,UAAA;AACA;AAnDA,CAAA","sourcesContent":["<template>\r\n  <div class=\"dv-border-box-8\" :ref=\"ref\">\r\n    <svg class=\"dv-svg-container\" :width=\"width\" :height=\"height\">\r\n      <defs>\r\n        <path\r\n          :id=\"path\"\r\n          :d=\"`M2.5, 2.5 L${width - 2.5}, 2.5 L${width - 2.5}, ${height - 2.5} L2.5, ${height - 2.5} L2.5, 2.5`\"\r\n          fill=\"transparent\"\r\n        />\r\n        <radialGradient\r\n          :id=\"gradient\"\r\n          cx=\"50%\" cy=\"50%\" r=\"50%\"\r\n        >\r\n          <stop\r\n            offset=\"0%\" stop-color=\"#fff\"\r\n            stop-opacity=\"1\"\r\n          />\r\n          <stop\r\n            offset=\"100%\" stop-color=\"#fff\"\r\n            stop-opacity=\"0\"\r\n          />\r\n        </radialGradient>\r\n\r\n        <mask :id=\"mask\">\r\n          <circle cx=\"0\" cy=\"0\" r=\"150\" :fill=\"`url(#${gradient})`\">\r\n            <animateMotion\r\n              :dur=\"`${dur}s`\"\r\n              :path=\"`M2.5, 2.5 L${width - 2.5}, 2.5 L${width - 2.5}, ${height - 2.5} L2.5, ${height - 2.5} L2.5, 2.5`\"\r\n              rotate=\"auto\"\r\n              repeatCount=\"indefinite\"\r\n            />\r\n          </circle>\r\n        </mask>\r\n      </defs>\r\n\r\n      <use\r\n        :stroke=\"mergedColor[0]\"\r\n        stroke-width=\"1\"\r\n        :xlink:href=\"`#${path}`\"\r\n      />\r\n\r\n      <use\r\n        :stroke=\"mergedColor[1]\"\r\n        stroke-width=\"3\"\r\n        :xlink:href=\"`#${path}`\"\r\n        :mask=\"`url(#${mask})`\"\r\n      >\r\n        <animate\r\n          attributeName=\"stroke-dasharray\"\r\n          :from=\"`0, ${length}`\"\r\n          :to=\"`${length}, 0`\"\r\n          :dur=\"`${dur}s`\"\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      </use>\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: 'DvBorderBox8',\r\n  mixins: [autoResize],\r\n  props: {\r\n    color: {\r\n      type: Array,\r\n      default: () => ([])\r\n    },\r\n    dur: {\r\n      type: Number,\r\n      default: 3\r\n    }\r\n  },\r\n  data () {\r\n    const timestamp = Date.now()\r\n    return {\r\n      ref: 'border-box-8',\r\n      path: `border-box-8-path-${timestamp}`,\r\n      gradient: `border-box-8-gradient-${timestamp}`,\r\n      mask: `border-box-8-mask-${timestamp}`,\r\n\r\n      defaultColor: ['#235fa7', '#4fd2dd'],\r\n\r\n      mergedColor: []\r\n    }\r\n  },\r\n  computed: {\r\n    length () {\r\n      const { width, height } = this\r\n\r\n      return (width + height - 5) * 2\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>"],"sourceRoot":"node_modules/@jiaminghi/data-view/lib/components/borderBox8/src"}]}