{"remainingRequest":"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\\digitalFlop\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\@jiaminghi\\data-view\\lib\\components\\digitalFlop\\src\\main.vue","mtime":1670640065289},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670640066936},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1670640073542},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgQ1JlbmRlciBmcm9tICdAamlhbWluZ2hpL2MtcmVuZGVyJw0KDQppbXBvcnQgJ0BqaWFtaW5naGkvY2hhcnRzL2xpYi9leHRlbmQvaW5kZXgnDQoNCmltcG9ydCB7IGRlZXBNZXJnZSB9IGZyb20gJ0BqaWFtaW5naGkvY2hhcnRzL2xpYi91dGlsL2luZGV4Jw0KDQppbXBvcnQgeyBkZWVwQ2xvbmUgfSBmcm9tICdAamlhbWluZ2hpL2MtcmVuZGVyL2xpYi9wbHVnaW4vdXRpbCcNCg0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnRHZEaWdpdGFsRmxvcCcsDQogIHByb3BzOiB7DQogICAgY29uZmlnOiB7DQogICAgICB0eXBlOiBPYmplY3QsDQogICAgICBkZWZhdWx0OiAoKSA9PiAoe30pDQogICAgfQ0KICB9LA0KICBkYXRhICgpIHsNCiAgICByZXR1cm4gew0KICAgICAgcmVuZGVyZXI6IG51bGwsDQoNCiAgICAgIGRlZmF1bHRDb25maWc6IHsNCiAgICAgICAgLyoqDQogICAgICAgICAqIEBkZXNjcmlwdGlvbiBOdW1iZXIgZm9yIGRpZ2l0YWwgZmxvcA0KICAgICAgICAgKiBAdHlwZSB7QXJyYXk8TnVtYmVyPn0NCiAgICAgICAgICogQGRlZmF1bHQgbnVtYmVyID0gW10NCiAgICAgICAgICogQGV4YW1wbGUgbnVtYmVyID0gWzEwXQ0KICAgICAgICAgKi8NCiAgICAgICAgbnVtYmVyOiBbXSwNCiAgICAgICAgLyoqDQogICAgICAgICAqIEBkZXNjcmlwdGlvbiBDb250ZW50IGZvcm1hdHRlcg0KICAgICAgICAgKiBAdHlwZSB7U3RyaW5nfQ0KICAgICAgICAgKiBAZGVmYXVsdCBjb250ZW50ID0gJycNCiAgICAgICAgICogQGV4YW1wbGUgY29udGVudCA9ICd7bnR95LiqJw0KICAgICAgICAgKi8NCiAgICAgICAgY29udGVudDogJycsDQogICAgICAgIC8qKg0KICAgICAgICAgKiBAZGVzY3JpcHRpb24gTnVtYmVyIHRvRml4ZWQNCiAgICAgICAgICogQHR5cGUge051bWJlcn0NCiAgICAgICAgICogQGRlZmF1bHQgdG9GaXhlZCA9IDANCiAgICAgICAgICovDQogICAgICAgIHRvRml4ZWQ6IDAsDQogICAgICAgIC8qKg0KICAgICAgICAgKiBAZGVzY3JpcHRpb24gVGV4dCBhbGlnbg0KICAgICAgICAgKiBAdHlwZSB7U3RyaW5nfQ0KICAgICAgICAgKiBAZGVmYXVsdCB0ZXh0QWxpZ24gPSAnY2VudGVyJw0KICAgICAgICAgKiBAZXhhbXBsZSB0ZXh0QWxpZ24gPSAnY2VudGVyJyB8ICdsZWZ0JyB8ICdyaWdodCcNCiAgICAgICAgICovDQogICAgICAgIHRleHRBbGlnbjogJ2NlbnRlcicsDQogICAgICAgIC8qKg0KICAgICAgICAgKiBAZGVzY3JpcHRpb24gVGV4dCBzdHlsZSBjb25maWd1cmF0aW9uDQogICAgICAgICAqIEB0eXBlIHtPYmplY3R9IHtDUmVuZGVyIENsYXNzIFN0eWxlfQ0KICAgICAgICAgKi8NCiAgICAgICAgc3R5bGU6IHsNCiAgICAgICAgICBmb250U2l6ZTogMzAsDQogICAgICAgICAgZmlsbDogJyMzZGU3YzknDQogICAgICAgIH0sDQogICAgICAgIC8qKg0KICAgICAgICAgKiBAZGVzY3JpcHRpb24gQ1JlbmRlciBhbmltYXRpb25DdXJ2ZQ0KICAgICAgICAgKiBAdHlwZSB7U3RyaW5nfQ0KICAgICAgICAgKiBAZGVmYXVsdCBhbmltYXRpb25DdXJ2ZSA9ICdlYXNlT3V0Q3ViaWMnDQogICAgICAgICAqLw0KICAgICAgICBhbmltYXRpb25DdXJ2ZTogJ2Vhc2VPdXRDdWJpYycsDQogICAgICAgIC8qKg0KICAgICAgICAgKiBAZGVzY3JpcHRpb24gQ1JlbmRlciBhbmltYXRpb25GcmFtZQ0KICAgICAgICAgKiBAdHlwZSB7U3RyaW5nfQ0KICAgICAgICAgKiBAZGVmYXVsdCBhbmltYXRpb25GcmFtZSA9IDUwDQogICAgICAgICAqLw0KICAgICAgICBhbmltYXRpb25GcmFtZTogNTANCiAgICAgIH0sDQoNCiAgICAgIG1lcmdlZENvbmZpZzogbnVsbCwNCg0KICAgICAgZ3JhcGg6IG51bGwNCiAgICB9DQogIH0sDQogIHdhdGNoOiB7DQogICAgY29uZmlnICgpIHsNCiAgICAgIGNvbnN0IHsgdXBkYXRlIH0gPSB0aGlzDQoNCiAgICAgIHVwZGF0ZSgpDQogICAgfQ0KICB9LA0KICBtZXRob2RzOiB7DQogICAgaW5pdCAoKSB7DQogICAgICBjb25zdCB7IGluaXRSZW5kZXIsIG1lcmdlQ29uZmlnLCBpbml0R3JhcGggfSA9IHRoaXMNCg0KICAgICAgaW5pdFJlbmRlcigpDQoNCiAgICAgIG1lcmdlQ29uZmlnKCkNCg0KICAgICAgaW5pdEdyYXBoKCkNCiAgICB9LA0KICAgIGluaXRSZW5kZXIgKCkgew0KICAgICAgY29uc3QgeyAkcmVmcyB9ID0gdGhpcw0KDQogICAgICB0aGlzLnJlbmRlcmVyID0gbmV3IENSZW5kZXIoJHJlZnNbJ2RpZ2l0YWwtZmxvcCddKQ0KICAgIH0sDQogICAgbWVyZ2VDb25maWcgKCkgew0KICAgICAgY29uc3QgeyBkZWZhdWx0Q29uZmlnLCBjb25maWcgfSA9IHRoaXMNCg0KICAgICAgdGhpcy5tZXJnZWRDb25maWcgPSBkZWVwTWVyZ2UoZGVlcENsb25lKGRlZmF1bHRDb25maWcsIHRydWUpLCBjb25maWcgfHwge30pDQogICAgfSwNCiAgICBpbml0R3JhcGggKCkgew0KICAgICAgY29uc3QgeyBnZXRTaGFwZSwgZ2V0U3R5bGUsIHJlbmRlcmVyLCBtZXJnZWRDb25maWcgfSA9IHRoaXMNCg0KICAgICAgY29uc3QgeyBhbmltYXRpb25DdXJ2ZSwgYW5pbWF0aW9uRnJhbWUgfSA9IG1lcmdlZENvbmZpZw0KDQogICAgICBjb25zdCBzaGFwZSA9IGdldFNoYXBlKCkNCiAgICAgIGNvbnN0IHN0eWxlID0gZ2V0U3R5bGUoKQ0KDQogICAgICB0aGlzLmdyYXBoID0gcmVuZGVyZXIuYWRkKHsNCiAgICAgICAgbmFtZTogJ251bWJlclRleHQnLA0KICAgICAgICBhbmltYXRpb25DdXJ2ZSwNCiAgICAgICAgYW5pbWF0aW9uRnJhbWUsDQogICAgICAgIHNoYXBlLA0KICAgICAgICBzdHlsZQ0KICAgICAgfSkNCiAgICB9LA0KICAgIGdldFNoYXBlICgpIHsNCiAgICAgIGNvbnN0IHsgbnVtYmVyLCBjb250ZW50LCB0b0ZpeGVkLCB0ZXh0QWxpZ24gfSA9IHRoaXMubWVyZ2VkQ29uZmlnDQoNCiAgICAgIGNvbnN0IFt3LCBoXSA9IHRoaXMucmVuZGVyZXIuYXJlYQ0KDQogICAgICBjb25zdCBwb3NpdGlvbiA9IFt3IC8gMiwgaCAvIDJdDQoNCiAgICAgIGlmICh0ZXh0QWxpZ24gPT09ICdsZWZ0JykgcG9zaXRpb25bMF0gPSAwDQogICAgICBpZiAodGV4dEFsaWduID09PSAncmlnaHQnKSBwb3NpdGlvblswXSA9IHcNCg0KICAgICAgcmV0dXJuIHsNCiAgICAgICAgbnVtYmVyLA0KICAgICAgICBjb250ZW50LA0KICAgICAgICB0b0ZpeGVkLA0KICAgICAgICBwb3NpdGlvbg0KICAgICAgfQ0KICAgIH0sDQogICAgZ2V0U3R5bGUgKCkgew0KICAgICAgY29uc3QgeyBzdHlsZSwgdGV4dEFsaWduIH0gPSB0aGlzLm1lcmdlZENvbmZpZw0KDQogICAgICByZXR1cm4gZGVlcE1lcmdlKHN0eWxlLCB7DQogICAgICAgIHRleHRBbGlnbiwNCiAgICAgICAgdGV4dEJhc2VsaW5lOiAnbWlkZGxlJw0KICAgICAgfSkNCiAgICB9LA0KICAgIHVwZGF0ZSAoKSB7DQogICAgICBjb25zdCB7IG1lcmdlQ29uZmlnLCBtZXJnZVNoYXBlLCBnZXRTaGFwZSwgZ2V0U3R5bGUsIGdyYXBoLCBtZXJnZWRDb25maWcgfSA9IHRoaXMNCg0KICAgICAgZ3JhcGguYW5pbWF0aW9uRW5kKCkNCg0KICAgICAgbWVyZ2VDb25maWcoKQ0KDQogICAgICBpZiAoIWdyYXBoKSByZXR1cm4NCg0KICAgICAgY29uc3QgeyBhbmltYXRpb25DdXJ2ZSwgYW5pbWF0aW9uRnJhbWUgfSA9IG1lcmdlZENvbmZpZw0KDQogICAgICBjb25zdCBzaGFwZSA9IGdldFNoYXBlKCkNCiAgICAgIGNvbnN0IHN0eWxlID0gZ2V0U3R5bGUoKQ0KDQogICAgICBtZXJnZVNoYXBlKGdyYXBoLCBzaGFwZSkNCg0KICAgICAgZ3JhcGguYW5pbWF0aW9uQ3VydmUgPSBhbmltYXRpb25DdXJ2ZQ0KICAgICAgZ3JhcGguYW5pbWF0aW9uRnJhbWUgPSBhbmltYXRpb25GcmFtZQ0KDQogICAgICBncmFwaC5hbmltYXRpb24oJ3N0eWxlJywgc3R5bGUsIHRydWUpDQogICAgICBncmFwaC5hbmltYXRpb24oJ3NoYXBlJywgc2hhcGUpDQogICAgfSwNCiAgICBtZXJnZVNoYXBlIChncmFwaCwgc2hhcGUpIHsNCiAgICAgIGNvbnN0IGNhY2hlTnVtID0gZ3JhcGguc2hhcGUubnVtYmVyLmxlbmd0aA0KICAgICAgY29uc3Qgc2hhcGVOdW0gPSBzaGFwZS5udW1iZXIubGVuZ3RoDQoNCiAgICAgIGlmIChjYWNoZU51bSAhPT0gc2hhcGVOdW0pIGdyYXBoLnNoYXBlLm51bWJlciA9IHNoYXBlLm51bWJlcg0KICAgIH0NCiAgfSwNCiAgbW91bnRlZCAoKSB7DQogICAgY29uc3QgeyBpbml0IH0gPSB0aGlzDQoNCiAgICBpbml0KCkNCiAgfQ0KfQ0K"},{"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>\r\n  <div class=\"dv-digital-flop\">\r\n    <canvas ref=\"digital-flop\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CRender from '@jiaminghi/c-render'\r\n\r\nimport '@jiaminghi/charts/lib/extend/index'\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: 'DvDigitalFlop',\r\n  props: {\r\n    config: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      renderer: null,\r\n\r\n      defaultConfig: {\r\n        /**\r\n         * @description Number for digital flop\r\n         * @type {Array<Number>}\r\n         * @default number = []\r\n         * @example number = [10]\r\n         */\r\n        number: [],\r\n        /**\r\n         * @description Content formatter\r\n         * @type {String}\r\n         * @default content = ''\r\n         * @example content = '{nt}个'\r\n         */\r\n        content: '',\r\n        /**\r\n         * @description Number toFixed\r\n         * @type {Number}\r\n         * @default toFixed = 0\r\n         */\r\n        toFixed: 0,\r\n        /**\r\n         * @description Text align\r\n         * @type {String}\r\n         * @default textAlign = 'center'\r\n         * @example textAlign = 'center' | 'left' | 'right'\r\n         */\r\n        textAlign: 'center',\r\n        /**\r\n         * @description Text style configuration\r\n         * @type {Object} {CRender Class Style}\r\n         */\r\n        style: {\r\n          fontSize: 30,\r\n          fill: '#3de7c9'\r\n        },\r\n        /**\r\n         * @description CRender animationCurve\r\n         * @type {String}\r\n         * @default animationCurve = 'easeOutCubic'\r\n         */\r\n        animationCurve: 'easeOutCubic',\r\n        /**\r\n         * @description CRender animationFrame\r\n         * @type {String}\r\n         * @default animationFrame = 50\r\n         */\r\n        animationFrame: 50\r\n      },\r\n\r\n      mergedConfig: null,\r\n\r\n      graph: null\r\n    }\r\n  },\r\n  watch: {\r\n    config () {\r\n      const { update } = this\r\n\r\n      update()\r\n    }\r\n  },\r\n  methods: {\r\n    init () {\r\n      const { initRender, mergeConfig, initGraph } = this\r\n\r\n      initRender()\r\n\r\n      mergeConfig()\r\n\r\n      initGraph()\r\n    },\r\n    initRender () {\r\n      const { $refs } = this\r\n\r\n      this.renderer = new CRender($refs['digital-flop'])\r\n    },\r\n    mergeConfig () {\r\n      const { defaultConfig, config } = this\r\n\r\n      this.mergedConfig = deepMerge(deepClone(defaultConfig, true), config || {})\r\n    },\r\n    initGraph () {\r\n      const { getShape, getStyle, renderer, mergedConfig } = this\r\n\r\n      const { animationCurve, animationFrame } = mergedConfig\r\n\r\n      const shape = getShape()\r\n      const style = getStyle()\r\n\r\n      this.graph = renderer.add({\r\n        name: 'numberText',\r\n        animationCurve,\r\n        animationFrame,\r\n        shape,\r\n        style\r\n      })\r\n    },\r\n    getShape () {\r\n      const { number, content, toFixed, textAlign } = this.mergedConfig\r\n\r\n      const [w, h] = this.renderer.area\r\n\r\n      const position = [w / 2, h / 2]\r\n\r\n      if (textAlign === 'left') position[0] = 0\r\n      if (textAlign === 'right') position[0] = w\r\n\r\n      return {\r\n        number,\r\n        content,\r\n        toFixed,\r\n        position\r\n      }\r\n    },\r\n    getStyle () {\r\n      const { style, textAlign } = this.mergedConfig\r\n\r\n      return deepMerge(style, {\r\n        textAlign,\r\n        textBaseline: 'middle'\r\n      })\r\n    },\r\n    update () {\r\n      const { mergeConfig, mergeShape, getShape, getStyle, graph, mergedConfig } = this\r\n\r\n      graph.animationEnd()\r\n\r\n      mergeConfig()\r\n\r\n      if (!graph) return\r\n\r\n      const { animationCurve, animationFrame } = mergedConfig\r\n\r\n      const shape = getShape()\r\n      const style = getStyle()\r\n\r\n      mergeShape(graph, shape)\r\n\r\n      graph.animationCurve = animationCurve\r\n      graph.animationFrame = animationFrame\r\n\r\n      graph.animation('style', style, true)\r\n      graph.animation('shape', shape)\r\n    },\r\n    mergeShape (graph, shape) {\r\n      const cacheNum = graph.shape.number.length\r\n      const shapeNum = shape.number.length\r\n\r\n      if (cacheNum !== shapeNum) graph.shape.number = shape.number\r\n    }\r\n  },\r\n  mounted () {\r\n    const { init } = this\r\n\r\n    init()\r\n  }\r\n}\r\n</script>"]}]}