1 line
7.7 KiB
JSON
1 line
7.7 KiB
JSON
{"remainingRequest":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\babel-loader\\lib\\index.js!C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!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\\borderBox8\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\borderBox8\\src\\main.vue","mtime":1670640065274},{"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: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"}]} |