{"remainingRequest":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\digitalFlop\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\@jiaminghi\\data-view\\lib\\components\\digitalFlop\\src\\main.vue","mtime":499162500000},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Fish\\Desktop\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBDUmVuZGVyIGZyb20gJ0BqaWFtaW5naGkvYy1yZW5kZXInCgppbXBvcnQgJ0BqaWFtaW5naGkvY2hhcnRzL2xpYi9leHRlbmQvaW5kZXgnCgppbXBvcnQgeyBkZWVwTWVyZ2UgfSBmcm9tICdAamlhbWluZ2hpL2NoYXJ0cy9saWIvdXRpbC9pbmRleCcKCmltcG9ydCB7IGRlZXBDbG9uZSB9IGZyb20gJ0BqaWFtaW5naGkvYy1yZW5kZXIvbGliL3BsdWdpbi91dGlsJwoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdEdkRpZ2l0YWxGbG9wJywKICBwcm9wczogewogICAgY29uZmlnOiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgZGVmYXVsdDogKCkgPT4gKHt9KQogICAgfQogIH0sCiAgZGF0YSAoKSB7CiAgICByZXR1cm4gewogICAgICByZW5kZXJlcjogbnVsbCwKCiAgICAgIGRlZmF1bHRDb25maWc6IHsKICAgICAgICAvKioKICAgICAgICAgKiBAZGVzY3JpcHRpb24gTnVtYmVyIGZvciBkaWdpdGFsIGZsb3AKICAgICAgICAgKiBAdHlwZSB7QXJyYXk8TnVtYmVyPn0KICAgICAgICAgKiBAZGVmYXVsdCBudW1iZXIgPSBbXQogICAgICAgICAqIEBleGFtcGxlIG51bWJlciA9IFsxMF0KICAgICAgICAgKi8KICAgICAgICBudW1iZXI6IFtdLAogICAgICAgIC8qKgogICAgICAgICAqIEBkZXNjcmlwdGlvbiBDb250ZW50IGZvcm1hdHRlcgogICAgICAgICAqIEB0eXBlIHtTdHJpbmd9CiAgICAgICAgICogQGRlZmF1bHQgY29udGVudCA9ICcnCiAgICAgICAgICogQGV4YW1wbGUgY29udGVudCA9ICd7bnR95LiqJwogICAgICAgICAqLwogICAgICAgIGNvbnRlbnQ6ICcnLAogICAgICAgIC8qKgogICAgICAgICAqIEBkZXNjcmlwdGlvbiBOdW1iZXIgdG9GaXhlZAogICAgICAgICAqIEB0eXBlIHtOdW1iZXJ9CiAgICAgICAgICogQGRlZmF1bHQgdG9GaXhlZCA9IDAKICAgICAgICAgKi8KICAgICAgICB0b0ZpeGVkOiAwLAogICAgICAgIC8qKgogICAgICAgICAqIEBkZXNjcmlwdGlvbiBUZXh0IGFsaWduCiAgICAgICAgICogQHR5cGUge1N0cmluZ30KICAgICAgICAgKiBAZGVmYXVsdCB0ZXh0QWxpZ24gPSAnY2VudGVyJwogICAgICAgICAqIEBleGFtcGxlIHRleHRBbGlnbiA9ICdjZW50ZXInIHwgJ2xlZnQnIHwgJ3JpZ2h0JwogICAgICAgICAqLwogICAgICAgIHRleHRBbGlnbjogJ2NlbnRlcicsCiAgICAgICAgLyoqCiAgICAgICAgICogQGRlc2NyaXB0aW9uIFRleHQgc3R5bGUgY29uZmlndXJhdGlvbgogICAgICAgICAqIEB0eXBlIHtPYmplY3R9IHtDUmVuZGVyIENsYXNzIFN0eWxlfQogICAgICAgICAqLwogICAgICAgIHN0eWxlOiB7CiAgICAgICAgICBmb250U2l6ZTogMzAsCiAgICAgICAgICBmaWxsOiAnIzNkZTdjOScKICAgICAgICB9LAogICAgICAgIC8qKgogICAgICAgICAqIEBkZXNjcmlwdGlvbiBDUmVuZGVyIGFuaW1hdGlvbkN1cnZlCiAgICAgICAgICogQHR5cGUge1N0cmluZ30KICAgICAgICAgKiBAZGVmYXVsdCBhbmltYXRpb25DdXJ2ZSA9ICdlYXNlT3V0Q3ViaWMnCiAgICAgICAgICovCiAgICAgICAgYW5pbWF0aW9uQ3VydmU6ICdlYXNlT3V0Q3ViaWMnLAogICAgICAgIC8qKgogICAgICAgICAqIEBkZXNjcmlwdGlvbiBDUmVuZGVyIGFuaW1hdGlvbkZyYW1lCiAgICAgICAgICogQHR5cGUge1N0cmluZ30KICAgICAgICAgKiBAZGVmYXVsdCBhbmltYXRpb25GcmFtZSA9IDUwCiAgICAgICAgICovCiAgICAgICAgYW5pbWF0aW9uRnJhbWU6IDUwCiAgICAgIH0sCgogICAgICBtZXJnZWRDb25maWc6IG51bGwsCgogICAgICBncmFwaDogbnVsbAogICAgfQogIH0sCiAgd2F0Y2g6IHsKICAgIGNvbmZpZyAoKSB7CiAgICAgIGNvbnN0IHsgdXBkYXRlIH0gPSB0aGlzCgogICAgICB1cGRhdGUoKQogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgaW5pdCAoKSB7CiAgICAgIGNvbnN0IHsgaW5pdFJlbmRlciwgbWVyZ2VDb25maWcsIGluaXRHcmFwaCB9ID0gdGhpcwoKICAgICAgaW5pdFJlbmRlcigpCgogICAgICBtZXJnZUNvbmZpZygpCgogICAgICBpbml0R3JhcGgoKQogICAgfSwKICAgIGluaXRSZW5kZXIgKCkgewogICAgICBjb25zdCB7ICRyZWZzIH0gPSB0aGlzCgogICAgICB0aGlzLnJlbmRlcmVyID0gbmV3IENSZW5kZXIoJHJlZnNbJ2RpZ2l0YWwtZmxvcCddKQogICAgfSwKICAgIG1lcmdlQ29uZmlnICgpIHsKICAgICAgY29uc3QgeyBkZWZhdWx0Q29uZmlnLCBjb25maWcgfSA9IHRoaXMKCiAgICAgIHRoaXMubWVyZ2VkQ29uZmlnID0gZGVlcE1lcmdlKGRlZXBDbG9uZShkZWZhdWx0Q29uZmlnLCB0cnVlKSwgY29uZmlnIHx8IHt9KQogICAgfSwKICAgIGluaXRHcmFwaCAoKSB7CiAgICAgIGNvbnN0IHsgZ2V0U2hhcGUsIGdldFN0eWxlLCByZW5kZXJlciwgbWVyZ2VkQ29uZmlnIH0gPSB0aGlzCgogICAgICBjb25zdCB7IGFuaW1hdGlvbkN1cnZlLCBhbmltYXRpb25GcmFtZSB9ID0gbWVyZ2VkQ29uZmlnCgogICAgICBjb25zdCBzaGFwZSA9IGdldFNoYXBlKCkKICAgICAgY29uc3Qgc3R5bGUgPSBnZXRTdHlsZSgpCgogICAgICB0aGlzLmdyYXBoID0gcmVuZGVyZXIuYWRkKHsKICAgICAgICBuYW1lOiAnbnVtYmVyVGV4dCcsCiAgICAgICAgYW5pbWF0aW9uQ3VydmUsCiAgICAgICAgYW5pbWF0aW9uRnJhbWUsCiAgICAgICAgc2hhcGUsCiAgICAgICAgc3R5bGUKICAgICAgfSkKICAgIH0sCiAgICBnZXRTaGFwZSAoKSB7CiAgICAgIGNvbnN0IHsgbnVtYmVyLCBjb250ZW50LCB0b0ZpeGVkLCB0ZXh0QWxpZ24gfSA9IHRoaXMubWVyZ2VkQ29uZmlnCgogICAgICBjb25zdCBbdywgaF0gPSB0aGlzLnJlbmRlcmVyLmFyZWEKCiAgICAgIGNvbnN0IHBvc2l0aW9uID0gW3cgLyAyLCBoIC8gMl0KCiAgICAgIGlmICh0ZXh0QWxpZ24gPT09ICdsZWZ0JykgcG9zaXRpb25bMF0gPSAwCiAgICAgIGlmICh0ZXh0QWxpZ24gPT09ICdyaWdodCcpIHBvc2l0aW9uWzBdID0gdwoKICAgICAgcmV0dXJuIHsKICAgICAgICBudW1iZXIsCiAgICAgICAgY29udGVudCwKICAgICAgICB0b0ZpeGVkLAogICAgICAgIHBvc2l0aW9uCiAgICAgIH0KICAgIH0sCiAgICBnZXRTdHlsZSAoKSB7CiAgICAgIGNvbnN0IHsgc3R5bGUsIHRleHRBbGlnbiB9ID0gdGhpcy5tZXJnZWRDb25maWcKCiAgICAgIHJldHVybiBkZWVwTWVyZ2Uoc3R5bGUsIHsKICAgICAgICB0ZXh0QWxpZ24sCiAgICAgICAgdGV4dEJhc2VsaW5lOiAnbWlkZGxlJwogICAgICB9KQogICAgfSwKICAgIHVwZGF0ZSAoKSB7CiAgICAgIGNvbnN0IHsgbWVyZ2VDb25maWcsIG1lcmdlU2hhcGUsIGdldFNoYXBlLCBnZXRTdHlsZSwgZ3JhcGgsIG1lcmdlZENvbmZpZyB9ID0gdGhpcwoKICAgICAgZ3JhcGguYW5pbWF0aW9uRW5kKCkKCiAgICAgIG1lcmdlQ29uZmlnKCkKCiAgICAgIGlmICghZ3JhcGgpIHJldHVybgoKICAgICAgY29uc3QgeyBhbmltYXRpb25DdXJ2ZSwgYW5pbWF0aW9uRnJhbWUgfSA9IG1lcmdlZENvbmZpZwoKICAgICAgY29uc3Qgc2hhcGUgPSBnZXRTaGFwZSgpCiAgICAgIGNvbnN0IHN0eWxlID0gZ2V0U3R5bGUoKQoKICAgICAgbWVyZ2VTaGFwZShncmFwaCwgc2hhcGUpCgogICAgICBncmFwaC5hbmltYXRpb25DdXJ2ZSA9IGFuaW1hdGlvbkN1cnZlCiAgICAgIGdyYXBoLmFuaW1hdGlvbkZyYW1lID0gYW5pbWF0aW9uRnJhbWUKCiAgICAgIGdyYXBoLmFuaW1hdGlvbignc3R5bGUnLCBzdHlsZSwgdHJ1ZSkKICAgICAgZ3JhcGguYW5pbWF0aW9uKCdzaGFwZScsIHNoYXBlKQogICAgfSwKICAgIG1lcmdlU2hhcGUgKGdyYXBoLCBzaGFwZSkgewogICAgICBjb25zdCBjYWNoZU51bSA9IGdyYXBoLnNoYXBlLm51bWJlci5sZW5ndGgKICAgICAgY29uc3Qgc2hhcGVOdW0gPSBzaGFwZS5udW1iZXIubGVuZ3RoCgogICAgICBpZiAoY2FjaGVOdW0gIT09IHNoYXBlTnVtKSBncmFwaC5zaGFwZS5udW1iZXIgPSBzaGFwZS5udW1iZXIKICAgIH0KICB9LAogIG1vdW50ZWQgKCkgewogICAgY29uc3QgeyBpbml0IH0gPSB0aGlzCgogICAgaW5pdCgpCiAgfQp9Cg=="},{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;AAOA;;AAEA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"main.vue","sourceRoot":"node_modules/@jiaminghi/data-view/lib/components/digitalFlop/src","sourcesContent":["<template>\n  <div class=\"dv-digital-flop\">\n    <canvas ref=\"digital-flop\" />\n  </div>\n</template>\n\n<script>\nimport CRender from '@jiaminghi/c-render'\n\nimport '@jiaminghi/charts/lib/extend/index'\n\nimport { deepMerge } from '@jiaminghi/charts/lib/util/index'\n\nimport { deepClone } from '@jiaminghi/c-render/lib/plugin/util'\n\nexport default {\n  name: 'DvDigitalFlop',\n  props: {\n    config: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  data () {\n    return {\n      renderer: null,\n\n      defaultConfig: {\n        /**\n         * @description Number for digital flop\n         * @type {Array<Number>}\n         * @default number = []\n         * @example number = [10]\n         */\n        number: [],\n        /**\n         * @description Content formatter\n         * @type {String}\n         * @default content = ''\n         * @example content = '{nt}个'\n         */\n        content: '',\n        /**\n         * @description Number toFixed\n         * @type {Number}\n         * @default toFixed = 0\n         */\n        toFixed: 0,\n        /**\n         * @description Text align\n         * @type {String}\n         * @default textAlign = 'center'\n         * @example textAlign = 'center' | 'left' | 'right'\n         */\n        textAlign: 'center',\n        /**\n         * @description Text style configuration\n         * @type {Object} {CRender Class Style}\n         */\n        style: {\n          fontSize: 30,\n          fill: '#3de7c9'\n        },\n        /**\n         * @description CRender animationCurve\n         * @type {String}\n         * @default animationCurve = 'easeOutCubic'\n         */\n        animationCurve: 'easeOutCubic',\n        /**\n         * @description CRender animationFrame\n         * @type {String}\n         * @default animationFrame = 50\n         */\n        animationFrame: 50\n      },\n\n      mergedConfig: null,\n\n      graph: null\n    }\n  },\n  watch: {\n    config () {\n      const { update } = this\n\n      update()\n    }\n  },\n  methods: {\n    init () {\n      const { initRender, mergeConfig, initGraph } = this\n\n      initRender()\n\n      mergeConfig()\n\n      initGraph()\n    },\n    initRender () {\n      const { $refs } = this\n\n      this.renderer = new CRender($refs['digital-flop'])\n    },\n    mergeConfig () {\n      const { defaultConfig, config } = this\n\n      this.mergedConfig = deepMerge(deepClone(defaultConfig, true), config || {})\n    },\n    initGraph () {\n      const { getShape, getStyle, renderer, mergedConfig } = this\n\n      const { animationCurve, animationFrame } = mergedConfig\n\n      const shape = getShape()\n      const style = getStyle()\n\n      this.graph = renderer.add({\n        name: 'numberText',\n        animationCurve,\n        animationFrame,\n        shape,\n        style\n      })\n    },\n    getShape () {\n      const { number, content, toFixed, textAlign } = this.mergedConfig\n\n      const [w, h] = this.renderer.area\n\n      const position = [w / 2, h / 2]\n\n      if (textAlign === 'left') position[0] = 0\n      if (textAlign === 'right') position[0] = w\n\n      return {\n        number,\n        content,\n        toFixed,\n        position\n      }\n    },\n    getStyle () {\n      const { style, textAlign } = this.mergedConfig\n\n      return deepMerge(style, {\n        textAlign,\n        textBaseline: 'middle'\n      })\n    },\n    update () {\n      const { mergeConfig, mergeShape, getShape, getStyle, graph, mergedConfig } = this\n\n      graph.animationEnd()\n\n      mergeConfig()\n\n      if (!graph) return\n\n      const { animationCurve, animationFrame } = mergedConfig\n\n      const shape = getShape()\n      const style = getStyle()\n\n      mergeShape(graph, shape)\n\n      graph.animationCurve = animationCurve\n      graph.animationFrame = animationFrame\n\n      graph.animation('style', style, true)\n      graph.animation('shape', shape)\n    },\n    mergeShape (graph, shape) {\n      const cacheNum = graph.shape.number.length\n      const shapeNum = shape.number.length\n\n      if (cacheNum !== shapeNum) graph.shape.number = shape.number\n    }\n  },\n  mounted () {\n    const { init } = this\n\n    init()\n  }\n}\n</script>"]}]}