1 line
9.7 KiB
JSON
1 line
9.7 KiB
JSON
{"remainingRequest":"C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\node_modules\\babel-loader\\lib\\index.js!C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\capsuleChart\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\capsuleChart\\src\\main.vue","mtime":499162500000},{"path":"C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuZmlsbCI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5Lm1hcCI7CmltcG9ydCBfdG9Db25zdW1hYmxlQXJyYXkgZnJvbSAiQzpcXGhqbVdlYlxcc3V5aVxcc3V5aTExMTFcXHN1eWkxMTExXFxzdXlpMTExMVxcc3V5aTExMTFcXG5vZGVfbW9kdWxlc1xcQGJhYmVsXFxydW50aW1lL2hlbHBlcnMvZXNtL3RvQ29uc3VtYWJsZUFycmF5IjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgZGVlcE1lcmdlIH0gZnJvbSAnQGppYW1pbmdoaS9jaGFydHMvbGliL3V0aWwvaW5kZXgnOwppbXBvcnQgeyBkZWVwQ2xvbmUgfSBmcm9tICdAamlhbWluZ2hpL2MtcmVuZGVyL2xpYi9wbHVnaW4vdXRpbCc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnRHZDYXBzdWxlQ2hhcnQnLAogIHByb3BzOiB7CiAgICBjb25maWc6IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiBmdW5jdGlvbiBfZGVmYXVsdCgpIHsKICAgICAgICByZXR1cm4ge307CiAgICAgIH0KICAgIH0KICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBkZWZhdWx0Q29uZmlnOiB7CiAgICAgICAgLyoqCiAgICAgICAgICogQGRlc2NyaXB0aW9uIENhcHN1bGUgY2hhcnQgZGF0YQogICAgICAgICAqIEB0eXBlIHtBcnJheTxPYmplY3Q+fQogICAgICAgICAqIEBkZWZhdWx0IGRhdGEgPSBbXQogICAgICAgICAqIEBleGFtcGxlIGRhdGEgPSBbeyBuYW1lOiAnZm9vMScsIHZhbHVlOiAxMDAgfSwgeyBuYW1lOiAnZm9vMicsIHZhbHVlOiAxMDAgfV0KICAgICAgICAgKi8KICAgICAgICBkYXRhOiBbXSwKCiAgICAgICAgLyoqCiAgICAgICAgICogQGRlc2NyaXB0aW9uIENvbG9ycyAoaGV4fHJnYnxyZ2JhfGNvbG9yIGtleXdvcmRzKQogICAgICAgICAqIEB0eXBlIHtBcnJheTxTdHJpbmc+fQogICAgICAgICAqIEBkZWZhdWx0IGNvbG9yID0gWycjMzdhMmRhJywgJyMzMmM1ZTknLCAnIzY3ZTBlMycsICcjOWZlNmI4JywgJyNmZmRiNWMnLCAnI2ZmOWY3ZicsICcjZmI3MjkzJ10KICAgICAgICAgKiBAZXhhbXBsZSBjb2xvciA9IFsnIzAwMCcsICdyZ2IoMCwgMCwgMCknLCAncmdiYSgwLCAwLCAwLCAxKScsICdyZWQnXQogICAgICAgICAqLwogICAgICAgIGNvbG9yczogWycjMzdhMmRhJywgJyMzMmM1ZTknLCAnIzY3ZTBlMycsICcjOWZlNmI4JywgJyNmZmRiNWMnLCAnI2ZmOWY3ZicsICcjZmI3MjkzJ10sCgogICAgICAgIC8qKgogICAgICAgICAqIEBkZXNjcmlwdGlvbiBDaGFydCB1bml0CiAgICAgICAgICogQHR5cGUge1N0cmluZ30KICAgICAgICAgKiBAZGVmYXVsdCB1bml0ID0gJycKICAgICAgICAgKi8KICAgICAgICB1bml0OiAnJwogICAgICB9LAogICAgICBtZXJnZWRDb25maWc6IG51bGwsCiAgICAgIGNhcHN1bGVMZW5ndGg6IFtdLAogICAgICBsYWJlbERhdGE6IFtdCiAgICB9OwogIH0sCiAgd2F0Y2g6IHsKICAgIGNvbmZpZzogZnVuY3Rpb24gY29uZmlnKCkgewogICAgICB2YXIgY2FsY0RhdGEgPSB0aGlzLmNhbGNEYXRhOwogICAgICBjYWxjRGF0YSgpOwogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgY2FsY0RhdGE6IGZ1bmN0aW9uIGNhbGNEYXRhKCkgewogICAgICB2YXIgbWVyZ2VDb25maWcgPSB0aGlzLm1lcmdlQ29uZmlnLAogICAgICAgICAgY2FsY0NhcHN1bGVMZW5ndGhBbmRMYWJlbERhdGEgPSB0aGlzLmNhbGNDYXBzdWxlTGVuZ3RoQW5kTGFiZWxEYXRhOwogICAgICBtZXJnZUNvbmZpZygpOwogICAgICBjYWxjQ2Fwc3VsZUxlbmd0aEFuZExhYmVsRGF0YSgpOwogICAgfSwKICAgIG1lcmdlQ29uZmlnOiBmdW5jdGlvbiBtZXJnZUNvbmZpZygpIHsKICAgICAgdmFyIGNvbmZpZyA9IHRoaXMuY29uZmlnLAogICAgICAgICAgZGVmYXVsdENvbmZpZyA9IHRoaXMuZGVmYXVsdENvbmZpZzsKICAgICAgdGhpcy5tZXJnZWRDb25maWcgPSBkZWVwTWVyZ2UoZGVlcENsb25lKGRlZmF1bHRDb25maWcsIHRydWUpLCBjb25maWcgfHwge30pOwogICAgfSwKICAgIGNhbGNDYXBzdWxlTGVuZ3RoQW5kTGFiZWxEYXRhOiBmdW5jdGlvbiBjYWxjQ2Fwc3VsZUxlbmd0aEFuZExhYmVsRGF0YSgpIHsKICAgICAgdmFyIGRhdGEgPSB0aGlzLm1lcmdlZENvbmZpZy5kYXRhOwogICAgICBpZiAoIWRhdGEubGVuZ3RoKSByZXR1cm47CiAgICAgIHZhciBjYXBzdWxlVmFsdWUgPSBkYXRhLm1hcChmdW5jdGlvbiAoX3JlZikgewogICAgICAgIHZhciB2YWx1ZSA9IF9yZWYudmFsdWU7CiAgICAgICAgcmV0dXJuIHZhbHVlOwogICAgICB9KTsKICAgICAgdmFyIG1heFZhbHVlID0gTWF0aC5tYXguYXBwbHkoTWF0aCwgX3RvQ29uc3VtYWJsZUFycmF5KGNhcHN1bGVWYWx1ZSkpOwogICAgICB0aGlzLmNhcHN1bGVMZW5ndGggPSBjYXBzdWxlVmFsdWUubWFwKGZ1bmN0aW9uICh2KSB7CiAgICAgICAgcmV0dXJuIG1heFZhbHVlID8gdiAvIG1heFZhbHVlIDogMDsKICAgICAgfSk7CiAgICAgIHZhciBvbmVGaWZ0aCA9IG1heFZhbHVlIC8gNTsKICAgICAgdGhpcy5sYWJlbERhdGEgPSBuZXcgQXJyYXkoNikuZmlsbCgwKS5tYXAoZnVuY3Rpb24gKHYsIGkpIHsKICAgICAgICByZXR1cm4gTWF0aC5jZWlsKGkgKiBvbmVGaWZ0aCk7CiAgICAgIH0pOwogICAgfQogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHZhciBjYWxjRGF0YSA9IHRoaXMuY2FsY0RhdGE7CiAgICBjYWxjRGF0YSgpOwogIH0KfTs="},{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,SAAA,SAAA,QAAA,kCAAA;AAEA,SAAA,SAAA,QAAA,qCAAA;AAEA,eAAA;AACA,EAAA,IAAA,EAAA,gBADA;AAEA,EAAA,KAAA,EAAA;AACA,IAAA,MAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAAA,EAAA;AAAA,eAAA,EAAA;AAAA;AAFA;AADA,GAFA;AAQA,EAAA,IARA,kBAQA;AACA,WAAA;AACA,MAAA,aAAA,EAAA;AACA;;;;;;AAMA,QAAA,IAAA,EAAA,EAPA;;AAQA;;;;;;AAMA,QAAA,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,SAAA,EAAA,SAAA,EAAA,SAAA,EAAA,SAAA,EAAA,SAAA,CAdA;;AAeA;;;;;AAKA,QAAA,IAAA,EAAA;AApBA,OADA;AAwBA,MAAA,YAAA,EAAA,IAxBA;AA0BA,MAAA,aAAA,EAAA,EA1BA;AA2BA,MAAA,SAAA,EAAA;AA3BA,KAAA;AA6BA,GAtCA;AAuCA,EAAA,KAAA,EAAA;AACA,IAAA,MADA,oBACA;AAAA,UACA,QADA,GACA,IADA,CACA,QADA;AAGA,MAAA,QAAA;AACA;AALA,GAvCA;AA8CA,EAAA,OAAA,EAAA;AACA,IAAA,QADA,sBACA;AAAA,UACA,WADA,GACA,IADA,CACA,WADA;AAAA,UACA,6BADA,GACA,IADA,CACA,6BADA;AAGA,MAAA,WAAA;AAEA,MAAA,6BAAA;AACA,KAPA;AAQA,IAAA,WARA,yBAQA;AAAA,UACA,MADA,GACA,IADA,CACA,MADA;AAAA,UACA,aADA,GACA,IADA,CACA,aADA;AAGA,WAAA,YAAA,GAAA,SAAA,CAAA,SAAA,CAAA,aAAA,EAAA,IAAA,CAAA,EAAA,MAAA,IAAA,EAAA,CAAA;AACA,KAZA;AAaA,IAAA,6BAbA,2CAaA;AAAA,UACA,IADA,GACA,KAAA,YADA,CACA,IADA;AAGA,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA;AAEA,UAAA,YAAA,GAAA,IAAA,CAAA,GAAA,CAAA;AAAA,YAAA,KAAA,QAAA,KAAA;AAAA,eAAA,KAAA;AAAA,OAAA,CAAA;AAEA,UAAA,QAAA,GAAA,IAAA,CAAA,GAAA,OAAA,IAAA,qBAAA,YAAA,EAAA;AAEA,WAAA,aAAA,GAAA,YAAA,CAAA,GAAA,CAAA,UAAA,CAAA;AAAA,eAAA,QAAA,GAAA,CAAA,GAAA,QAAA,GAAA,CAAA;AAAA,OAAA,CAAA;AAEA,UAAA,QAAA,GAAA,QAAA,GAAA,CAAA;AAEA,WAAA,SAAA,GAAA,IAAA,KAAA,CAAA,CAAA,EAAA,IAAA,CAAA,CAAA,EAAA,GAAA,CAAA,UAAA,CAAA,EAAA,CAAA;AAAA,eAAA,IAAA,CAAA,IAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAA,OAAA,CAAA;AACA;AA3BA,GA9CA;AA2EA,EAAA,OA3EA,qBA2EA;AAAA,QACA,QADA,GACA,IADA,CACA,QADA;AAGA,IAAA,QAAA;AACA;AA/EA,CAAA","sourcesContent":["<template>\n <div class=\"dv-capsule-chart\">\n <template v-if=\"mergedConfig\">\n <div class=\"label-column\">\n <div v-for=\"item in mergedConfig.data\" :key=\"item.name\">{{ item.name }}</div>\n <div> </div>\n </div>\n\n <div class=\"capsule-container\">\n <div\n class=\"capsule-item\"\n v-for=\"(capsule, index) in capsuleLength\"\n :key=\"index\"\n >\n <div :style=\"`width: ${capsule * 100}%; background-color: ${mergedConfig.colors[index % mergedConfig.colors.length]};`\"></div>\n </div>\n\n <div class=\"unit-label\">\n <div v-for=\"(label, index) in labelData\" :key=\"label + index\">{{ label }}</div>\n </div>\n </div>\n\n <div class=\"unit-text\" v-if=\"mergedConfig.unit\">{{ mergedConfig.unit }}</div>\n </template>\n </div>\n</template>\n\n<script>\nimport { deepMerge } from '@jiaminghi/charts/lib/util/index'\n\nimport { deepClone } from '@jiaminghi/c-render/lib/plugin/util'\n\nexport default {\n name: 'DvCapsuleChart',\n props: {\n config: {\n type: Object,\n default: () => ({})\n }\n },\n data () {\n return {\n defaultConfig: {\n /**\n * @description Capsule chart data\n * @type {Array<Object>}\n * @default data = []\n * @example data = [{ name: 'foo1', value: 100 }, { name: 'foo2', value: 100 }]\n */\n data: [],\n /**\n * @description Colors (hex|rgb|rgba|color keywords)\n * @type {Array<String>}\n * @default color = ['#37a2da', '#32c5e9', '#67e0e3', '#9fe6b8', '#ffdb5c', '#ff9f7f', '#fb7293']\n * @example color = ['#000', 'rgb(0, 0, 0)', 'rgba(0, 0, 0, 1)', 'red']\n */\n colors: ['#37a2da', '#32c5e9', '#67e0e3', '#9fe6b8', '#ffdb5c', '#ff9f7f', '#fb7293'],\n /**\n * @description Chart unit\n * @type {String}\n * @default unit = ''\n */\n unit: ''\n },\n\n mergedConfig: null,\n\n capsuleLength: [],\n labelData: []\n }\n },\n watch: {\n config () {\n const { calcData } = this\n\n calcData()\n }\n },\n methods: {\n calcData () {\n const { mergeConfig, calcCapsuleLengthAndLabelData } = this\n\n mergeConfig()\n\n calcCapsuleLengthAndLabelData()\n },\n mergeConfig () {\n let { config, defaultConfig } = this\n\n this.mergedConfig = deepMerge(deepClone(defaultConfig, true), config || {})\n },\n calcCapsuleLengthAndLabelData () {\n const { data } = this.mergedConfig\n\n if (!data.length) return\n\n const capsuleValue = data.map(({ value }) => value)\n\n const maxValue = Math.max(...capsuleValue)\n\n this.capsuleLength = capsuleValue.map(v => maxValue ? v / maxValue : 0)\n\n const oneFifth = maxValue / 5\n\n this.labelData = new Array(6).fill(0).map((v, i) => Math.ceil(i * oneFifth))\n }\n },\n mounted () {\n const { calcData } = this\n\n calcData()\n }\n}\n</script>"],"sourceRoot":"node_modules/@jiaminghi/data-view/lib/components/capsuleChart/src"}]} |