{"remainingRequest":"C:\\Users\\hua\\Desktop\\suyi1111\\suyi1111\\suyi1111\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\hua\\Desktop\\suyi1111\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\hua\\Desktop\\suyi1111\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\hua\\Desktop\\suyi1111\\suyi1111\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\capsuleChart\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\hua\\Desktop\\suyi1111\\suyi1111\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\capsuleChart\\src\\main.vue","mtime":499162500000},{"path":"C:\\Users\\hua\\Desktop\\suyi1111\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\hua\\Desktop\\suyi1111\\suyi1111\\suyi1111\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\hua\\Desktop\\suyi1111\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\hua\\Desktop\\suyi1111\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgZGVlcE1lcmdlIH0gZnJvbSAnQGppYW1pbmdoaS9jaGFydHMvbGliL3V0aWwvaW5kZXgnOwppbXBvcnQgeyBkZWVwQ2xvbmUgfSBmcm9tICdAamlhbWluZ2hpL2MtcmVuZGVyL2xpYi9wbHVnaW4vdXRpbCc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnRHZDYXBzdWxlQ2hhcnQnLAogIHByb3BzOiB7CiAgICBjb25maWc6IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiAoKSA9PiAoe30pCiAgICB9CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGRlZmF1bHRDb25maWc6IHsKICAgICAgICAvKioKICAgICAgICAgKiBAZGVzY3JpcHRpb24gQ2Fwc3VsZSBjaGFydCBkYXRhCiAgICAgICAgICogQHR5cGUge0FycmF5PE9iamVjdD59CiAgICAgICAgICogQGRlZmF1bHQgZGF0YSA9IFtdCiAgICAgICAgICogQGV4YW1wbGUgZGF0YSA9IFt7IG5hbWU6ICdmb28xJywgdmFsdWU6IDEwMCB9LCB7IG5hbWU6ICdmb28yJywgdmFsdWU6IDEwMCB9XQogICAgICAgICAqLwogICAgICAgIGRhdGE6IFtdLAoKICAgICAgICAvKioKICAgICAgICAgKiBAZGVzY3JpcHRpb24gQ29sb3JzIChoZXh8cmdifHJnYmF8Y29sb3Iga2V5d29yZHMpCiAgICAgICAgICogQHR5cGUge0FycmF5PFN0cmluZz59CiAgICAgICAgICogQGRlZmF1bHQgY29sb3IgPSBbJyMzN2EyZGEnLCAnIzMyYzVlOScsICcjNjdlMGUzJywgJyM5ZmU2YjgnLCAnI2ZmZGI1YycsICcjZmY5ZjdmJywgJyNmYjcyOTMnXQogICAgICAgICAqIEBleGFtcGxlIGNvbG9yID0gWycjMDAwJywgJ3JnYigwLCAwLCAwKScsICdyZ2JhKDAsIDAsIDAsIDEpJywgJ3JlZCddCiAgICAgICAgICovCiAgICAgICAgY29sb3JzOiBbJyMzN2EyZGEnLCAnIzMyYzVlOScsICcjNjdlMGUzJywgJyM5ZmU2YjgnLCAnI2ZmZGI1YycsICcjZmY5ZjdmJywgJyNmYjcyOTMnXSwKCiAgICAgICAgLyoqCiAgICAgICAgICogQGRlc2NyaXB0aW9uIENoYXJ0IHVuaXQKICAgICAgICAgKiBAdHlwZSB7U3RyaW5nfQogICAgICAgICAqIEBkZWZhdWx0IHVuaXQgPSAnJwogICAgICAgICAqLwogICAgICAgIHVuaXQ6ICcnCiAgICAgIH0sCiAgICAgIG1lcmdlZENvbmZpZzogbnVsbCwKICAgICAgY2Fwc3VsZUxlbmd0aDogW10sCiAgICAgIGxhYmVsRGF0YTogW10KICAgIH07CiAgfSwKCiAgd2F0Y2g6IHsKICAgIGNvbmZpZygpIHsKICAgICAgY29uc3QgewogICAgICAgIGNhbGNEYXRhCiAgICAgIH0gPSB0aGlzOwogICAgICBjYWxjRGF0YSgpOwogICAgfQoKICB9LAogIG1ldGhvZHM6IHsKICAgIGNhbGNEYXRhKCkgewogICAgICBjb25zdCB7CiAgICAgICAgbWVyZ2VDb25maWcsCiAgICAgICAgY2FsY0NhcHN1bGVMZW5ndGhBbmRMYWJlbERhdGEKICAgICAgfSA9IHRoaXM7CiAgICAgIG1lcmdlQ29uZmlnKCk7CiAgICAgIGNhbGNDYXBzdWxlTGVuZ3RoQW5kTGFiZWxEYXRhKCk7CiAgICB9LAoKICAgIG1lcmdlQ29uZmlnKCkgewogICAgICBsZXQgewogICAgICAgIGNvbmZpZywKICAgICAgICBkZWZhdWx0Q29uZmlnCiAgICAgIH0gPSB0aGlzOwogICAgICB0aGlzLm1lcmdlZENvbmZpZyA9IGRlZXBNZXJnZShkZWVwQ2xvbmUoZGVmYXVsdENvbmZpZywgdHJ1ZSksIGNvbmZpZyB8fCB7fSk7CiAgICB9LAoKICAgIGNhbGNDYXBzdWxlTGVuZ3RoQW5kTGFiZWxEYXRhKCkgewogICAgICBjb25zdCB7CiAgICAgICAgZGF0YQogICAgICB9ID0gdGhpcy5tZXJnZWRDb25maWc7CiAgICAgIGlmICghZGF0YS5sZW5ndGgpIHJldHVybjsKICAgICAgY29uc3QgY2Fwc3VsZVZhbHVlID0gZGF0YS5tYXAoKHsKICAgICAgICB2YWx1ZQogICAgICB9KSA9PiB2YWx1ZSk7CiAgICAgIGNvbnN0IG1heFZhbHVlID0gTWF0aC5tYXgoLi4uY2Fwc3VsZVZhbHVlKTsKICAgICAgdGhpcy5jYXBzdWxlTGVuZ3RoID0gY2Fwc3VsZVZhbHVlLm1hcCh2ID0+IG1heFZhbHVlID8gdiAvIG1heFZhbHVlIDogMCk7CiAgICAgIGNvbnN0IG9uZUZpZnRoID0gbWF4VmFsdWUgLyA1OwogICAgICB0aGlzLmxhYmVsRGF0YSA9IG5ldyBBcnJheSg2KS5maWxsKDApLm1hcCgodiwgaSkgPT4gTWF0aC5jZWlsKGkgKiBvbmVGaWZ0aCkpOwogICAgfQoKICB9LAoKICBtb3VudGVkKCkgewogICAgY29uc3QgewogICAgICBjYWxjRGF0YQogICAgfSA9IHRoaXM7CiAgICBjYWxjRGF0YSgpOwogIH0KCn07"},{"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,OAAA,EAAA;AAFA;AADA,GAFA;;AAQA,EAAA,IAAA,GAAA;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,MAAA,GAAA;AACA,YAAA;AAAA,QAAA;AAAA,UAAA,IAAA;AAEA,MAAA,QAAA;AACA;;AALA,GAvCA;AA8CA,EAAA,OAAA,EAAA;AACA,IAAA,QAAA,GAAA;AACA,YAAA;AAAA,QAAA,WAAA;AAAA,QAAA;AAAA,UAAA,IAAA;AAEA,MAAA,WAAA;AAEA,MAAA,6BAAA;AACA,KAPA;;AAQA,IAAA,WAAA,GAAA;AACA,UAAA;AAAA,QAAA,MAAA;AAAA,QAAA;AAAA,UAAA,IAAA;AAEA,WAAA,YAAA,GAAA,SAAA,CAAA,SAAA,CAAA,aAAA,EAAA,IAAA,CAAA,EAAA,MAAA,IAAA,EAAA,CAAA;AACA,KAZA;;AAaA,IAAA,6BAAA,GAAA;AACA,YAAA;AAAA,QAAA;AAAA,UAAA,KAAA,YAAA;AAEA,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA;AAEA,YAAA,YAAA,GAAA,IAAA,CAAA,GAAA,CAAA,CAAA;AAAA,QAAA;AAAA,OAAA,KAAA,KAAA,CAAA;AAEA,YAAA,QAAA,GAAA,IAAA,CAAA,GAAA,CAAA,GAAA,YAAA,CAAA;AAEA,WAAA,aAAA,GAAA,YAAA,CAAA,GAAA,CAAA,CAAA,IAAA,QAAA,GAAA,CAAA,GAAA,QAAA,GAAA,CAAA,CAAA;AAEA,YAAA,QAAA,GAAA,QAAA,GAAA,CAAA;AAEA,WAAA,SAAA,GAAA,IAAA,KAAA,CAAA,CAAA,EAAA,IAAA,CAAA,CAAA,EAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,KAAA,IAAA,CAAA,IAAA,CAAA,CAAA,GAAA,QAAA,CAAA,CAAA;AACA;;AA3BA,GA9CA;;AA2EA,EAAA,OAAA,GAAA;AACA,UAAA;AAAA,MAAA;AAAA,QAAA,IAAA;AAEA,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>&nbsp;</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"}]}