1 line
9.5 KiB
JSON
1 line
9.5 KiB
JSON
{"remainingRequest":"E:\\项目\\suyiScreen\\node_modules\\babel-loader\\lib\\index.js!E:\\项目\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\项目\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\项目\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\decoration9\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\项目\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\decoration9\\src\\main.vue","mtime":1670569849690},{"path":"E:\\项目\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670569853083},{"path":"E:\\项目\\suyiScreen\\node_modules\\babel-loader\\lib\\index.js","mtime":1670569850970},{"path":"E:\\项目\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670569853083},{"path":"E:\\项目\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js","mtime":1670569867456}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yIjsKaW1wb3J0IF9zbGljZWRUb0FycmF5IGZyb20gIkU6XFxcdTk4NzlcdTc2RUVcXHN1eWlTY3JlZW5cXG5vZGVfbW9kdWxlc1xcQGJhYmVsXFxydW50aW1lL2hlbHBlcnMvZXNtL3NsaWNlZFRvQXJyYXkiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwppbXBvcnQgYXV0b1Jlc2l6ZSBmcm9tICcuLi8uLi8uLi9taXhpbi9hdXRvUmVzaXplJzsKaW1wb3J0IHsgZGVlcE1lcmdlIH0gZnJvbSAnQGppYW1pbmdoaS9jaGFydHMvbGliL3V0aWwvaW5kZXgnOwppbXBvcnQgeyBkZWVwQ2xvbmUgfSBmcm9tICdAamlhbWluZ2hpL2MtcmVuZGVyL2xpYi9wbHVnaW4vdXRpbCc7CmltcG9ydCB7IGZhZGUgfSBmcm9tICdAamlhbWluZ2hpL2NvbG9yJzsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdEdkRlY29yYXRpb245JywKICBtaXhpbnM6IFthdXRvUmVzaXplXSwKICBwcm9wczogewogICAgY29sb3I6IHsKICAgICAgdHlwZTogQXJyYXksCiAgICAgIGRlZmF1bHQ6IGZ1bmN0aW9uIF9kZWZhdWx0KCkgewogICAgICAgIHJldHVybiBbXTsKICAgICAgfQogICAgfSwKICAgIGR1cjogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDMKICAgIH0KICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICB2YXIgdGltZXN0YW1wID0gRGF0ZS5ub3coKTsKICAgIHJldHVybiB7CiAgICAgIHJlZjogJ2RlY29yYXRpb24tOScsCiAgICAgIHBvbHlnb25JZDogImRlY29yYXRpb24tOS1wb2x5Z29uLSIuY29uY2F0KHRpbWVzdGFtcCksCiAgICAgIHN2Z1dIOiBbMTAwLCAxMDBdLAogICAgICBzdmdTY2FsZTogWzEsIDFdLAogICAgICBkZWZhdWx0Q29sb3I6IFsncmdiYSgzLCAxNjYsIDIyNCwgMC44KScsICdyZ2JhKDMsIDE2NiwgMjI0LCAwLjUpJ10sCiAgICAgIG1lcmdlZENvbG9yOiBbXQogICAgfTsKICB9LAogIHdhdGNoOiB7CiAgICBjb2xvcjogZnVuY3Rpb24gY29sb3IoKSB7CiAgICAgIHZhciBtZXJnZUNvbG9yID0gdGhpcy5tZXJnZUNvbG9yOwogICAgICBtZXJnZUNvbG9yKCk7CiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICBhZnRlckF1dG9SZXNpemVNaXhpbkluaXQ6IGZ1bmN0aW9uIGFmdGVyQXV0b1Jlc2l6ZU1peGluSW5pdCgpIHsKICAgICAgdmFyIGNhbGNTY2FsZSA9IHRoaXMuY2FsY1NjYWxlOwogICAgICBjYWxjU2NhbGUoKTsKICAgIH0sCiAgICBjYWxjU2NhbGU6IGZ1bmN0aW9uIGNhbGNTY2FsZSgpIHsKICAgICAgdmFyIHdpZHRoID0gdGhpcy53aWR0aCwKICAgICAgICAgIGhlaWdodCA9IHRoaXMuaGVpZ2h0LAogICAgICAgICAgc3ZnV0ggPSB0aGlzLnN2Z1dIOwoKICAgICAgdmFyIF9zdmdXSCA9IF9zbGljZWRUb0FycmF5KHN2Z1dILCAyKSwKICAgICAgICAgIHcgPSBfc3ZnV0hbMF0sCiAgICAgICAgICBoID0gX3N2Z1dIWzFdOwoKICAgICAgdGhpcy5zdmdTY2FsZSA9IFt3aWR0aCAvIHcsIGhlaWdodCAvIGhdOwogICAgfSwKICAgIG9uUmVzaXplOiBmdW5jdGlvbiBvblJlc2l6ZSgpIHsKICAgICAgdmFyIGNhbGNTY2FsZSA9IHRoaXMuY2FsY1NjYWxlOwogICAgICBjYWxjU2NhbGUoKTsKICAgIH0sCiAgICBtZXJnZUNvbG9yOiBmdW5jdGlvbiBtZXJnZUNvbG9yKCkgewogICAgICB2YXIgY29sb3IgPSB0aGlzLmNvbG9yLAogICAgICAgICAgZGVmYXVsdENvbG9yID0gdGhpcy5kZWZhdWx0Q29sb3I7CiAgICAgIHRoaXMubWVyZ2VkQ29sb3IgPSBkZWVwTWVyZ2UoZGVlcENsb25lKGRlZmF1bHRDb2xvciwgdHJ1ZSksIGNvbG9yIHx8IFtdKTsKICAgIH0sCiAgICBmYWRlOiBmYWRlCiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdmFyIG1lcmdlQ29sb3IgPSB0aGlzLm1lcmdlQ29sb3I7CiAgICBtZXJnZUNvbG9yKCk7CiAgfQp9Ow=="},{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA,OAAA,UAAA,MAAA,2BAAA;AAEA,SAAA,SAAA,QAAA,kCAAA;AAEA,SAAA,SAAA,QAAA,qCAAA;AAEA,SAAA,IAAA,QAAA,kBAAA;AAEA,eAAA;AACA,EAAA,IAAA,EAAA,eADA;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;AAGA,MAAA,SAAA,iCAAA,SAAA,CAHA;AAKA,MAAA,KAAA,EAAA,CAAA,GAAA,EAAA,GAAA,CALA;AAOA,MAAA,QAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAPA;AASA,MAAA,YAAA,EAAA,CAAA,wBAAA,EAAA,wBAAA,CATA;AAWA,MAAA,WAAA,EAAA;AAXA,KAAA;AAaA,GA5BA;AA6BA,EAAA,KAAA,EAAA;AACA,IAAA,KADA,mBACA;AAAA,UACA,UADA,GACA,IADA,CACA,UADA;AAGA,MAAA,UAAA;AACA;AALA,GA7BA;AAoCA,EAAA,OAAA,EAAA;AACA,IAAA,wBADA,sCACA;AAAA,UACA,SADA,GACA,IADA,CACA,SADA;AAGA,MAAA,SAAA;AACA,KALA;AAMA,IAAA,SANA,uBAMA;AAAA,UACA,KADA,GACA,IADA,CACA,KADA;AAAA,UACA,MADA,GACA,IADA,CACA,MADA;AAAA,UACA,KADA,GACA,IADA,CACA,KADA;;AAAA,kCAGA,KAHA;AAAA,UAGA,CAHA;AAAA,UAGA,CAHA;;AAKA,WAAA,QAAA,GAAA,CAAA,KAAA,GAAA,CAAA,EAAA,MAAA,GAAA,CAAA,CAAA;AACA,KAZA;AAaA,IAAA,QAbA,sBAaA;AAAA,UACA,SADA,GACA,IADA,CACA,SADA;AAGA,MAAA,SAAA;AACA,KAjBA;AAkBA,IAAA,UAlBA,wBAkBA;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,KAtBA;AAuBA,IAAA,IAAA,EAAA;AAvBA,GApCA;AA6DA,EAAA,OA7DA,qBA6DA;AAAA,QACA,UADA,GACA,IADA,CACA,UADA;AAGA,IAAA,UAAA;AACA;AAjEA,CAAA","sourcesContent":["<template>\r\n <div class=\"dv-decoration-9\" :ref=\"ref\">\r\n <svg :width=\"`${svgWH[0]}px`\" :height=\"`${svgWH[1]}px`\" :style=\"`transform:scale(${svgScale[0]},${svgScale[1]});`\">\r\n <defs>\r\n <polygon :id=\"polygonId\" points=\"15, 46.5, 21, 47.5, 21, 52.5, 15, 53.5\" />\r\n </defs>\r\n\r\n <circle\r\n cx=\"50\"\r\n cy=\"50\"\r\n r=\"45\"\r\n fill=\"transparent\"\r\n :stroke=\"mergedColor[1]\"\r\n stroke-width=\"10\"\r\n stroke-dasharray=\"80, 100, 30, 100\"\r\n >\r\n <animateTransform\r\n attributeName=\"transform\"\r\n type=\"rotate\"\r\n values=\"0 50 50;360 50 50\"\r\n :dur=\"`${dur}s`\"\r\n repeatCount=\"indefinite\"\r\n />\r\n </circle>\r\n\r\n <circle\r\n cx=\"50\"\r\n cy=\"50\"\r\n r=\"45\"\r\n fill=\"transparent\"\r\n :stroke=\"mergedColor[0]\"\r\n stroke-width=\"6\"\r\n stroke-dasharray=\"50, 66, 100, 66\"\r\n >\r\n <animateTransform\r\n attributeName=\"transform\"\r\n type=\"rotate\"\r\n values=\"0 50 50;-360 50 50\"\r\n :dur=\"`${dur}s`\"\r\n repeatCount=\"indefinite\"\r\n />\r\n </circle>\r\n\r\n <circle\r\n cx=\"50\"\r\n cy=\"50\"\r\n r=\"38\"\r\n fill=\"transparent\"\r\n :stroke=\"fade(mergedColor[1] || defaultColor[1], 30)\"\r\n stroke-width=\"1\"\r\n stroke-dasharray=\"5, 1\"\r\n />\r\n\r\n <use\r\n v-for=\"(foo, i) in new Array(20).fill(0)\"\r\n :key=\"i\"\r\n :xlink:href=\"`#${polygonId}`\"\r\n :stroke=\"mergedColor[1]\"\r\n :fill=\"Math.random() > 0.4 ? 'transparent' : mergedColor[0]\"\r\n >\r\n <animateTransform\r\n attributeName=\"transform\"\r\n type=\"rotate\"\r\n values=\"0 50 50;360 50 50\"\r\n :dur=\"`${dur}s`\"\r\n :begin=\"`${i * dur / 20}s`\"\r\n repeatCount=\"indefinite\"\r\n />\r\n </use>\r\n\r\n <circle\r\n cx=\"50\"\r\n cy=\"50\"\r\n r=\"26\"\r\n fill=\"transparent\"\r\n :stroke=\"fade(mergedColor[1] || defaultColor[1], 30)\"\r\n stroke-width=\"1\"\r\n stroke-dasharray=\"5, 1\"\r\n />\r\n </svg>\r\n\r\n <slot></slot>\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: 'DvDecoration9',\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: 'decoration-9',\r\n\r\n polygonId: `decoration-9-polygon-${timestamp}`,\r\n\r\n svgWH: [100, 100],\r\n\r\n svgScale: [1, 1],\r\n\r\n defaultColor: ['rgba(3, 166, 224, 0.8)', 'rgba(3, 166, 224, 0.5)'],\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 afterAutoResizeMixinInit () {\r\n const { calcScale } = this\r\n\r\n calcScale()\r\n },\r\n calcScale () {\r\n const { width, height, svgWH } = this\r\n\r\n const [w, h] = svgWH\r\n\r\n this.svgScale = [width / w, height / h]\r\n },\r\n onResize () {\r\n const { calcScale } = this\r\n\r\n calcScale()\r\n },\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>"],"sourceRoot":"node_modules/@jiaminghi/data-view/lib/components/decoration9/src"}]} |