{"remainingRequest":"D:\\jenkins\\workspace\\xypm-web\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\xypm-web\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\xypm-web\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\xypm-web\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xypm-web\\node_modules\\@jiaminghi\\data-view\\lib\\components\\scrollBoard\\src\\main.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\xypm-web\\node_modules\\@jiaminghi\\data-view\\lib\\components\\scrollBoard\\src\\main.vue","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xypm-web\\babel.config.js","mtime":1675214572901},{"path":"D:\\jenkins\\workspace\\xypm-web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xypm-web\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xypm-web\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"D:\\jenkins\\workspace\\xypm-web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xypm-web\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.object.keys\";\nimport \"regenerator-runtime/runtime\";\nimport _asyncToGenerator from \"D:/jenkins/workspace/xypm-web/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\";\nimport \"core-js/modules/es6.array.fill\";\nimport _defineProperty from \"D:/jenkins/workspace/xypm-web/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\nimport _toConsumableArray from \"D:/jenkins/workspace/xypm-web/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js\";\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport autoResize from \"../../../mixin/autoResize\";\nimport { deepMerge } from '@jiaminghi/charts/lib/util/index';\nimport { deepClone } from '@jiaminghi/c-render/lib/plugin/util';\nexport default {\n  name: 'DvScrollBoard',\n  mixins: [autoResize],\n  props: {\n    config: {\n      type: Object,\n      default: function _default() {\n        return {};\n      }\n    }\n  },\n  data: function data() {\n    return {\n      ref: 'scroll-board',\n      defaultConfig: {\n        /**\n         * @description Board header\n         * @type {Array<String>}\n         * @default header = []\n         * @example header = ['column1', 'column2', 'column3']\n         */\n        header: [],\n        /**\n         * @description Board data\n         * @type {Array<Array>}\n         * @default data = []\n         */\n        data: [],\n        /**\n         * @description Row num\n         * @type {Number}\n         * @default rowNum = 5\n         */\n        rowNum: 5,\n        /**\n         * @description Header background color\n         * @type {String}\n         * @default headerBGC = '#00BAFF'\n         */\n        headerBGC: '#00BAFF',\n        /**\n         * @description Odd row background color\n         * @type {String}\n         * @default oddRowBGC = '#003B51'\n         */\n        oddRowBGC: '#003B51',\n        /**\n         * @description Even row background color\n         * @type {String}\n         * @default evenRowBGC = '#003B51'\n         */\n        evenRowBGC: '#0A2732',\n        /**\n         * @description Scroll wait time\n         * @type {Number}\n         * @default waitTime = 2000\n         */\n        waitTime: 2000,\n        /**\n         * @description Header height\n         * @type {Number}\n         * @default headerHeight = 35\n         */\n        headerHeight: 35,\n        /**\n         * @description Column width\n         * @type {Array<Number>}\n         * @default columnWidth = []\n         */\n        columnWidth: [],\n        /**\n         * @description Column align\n         * @type {Array<String>}\n         * @default align = []\n         * @example align = ['left', 'center', 'right']\n         */\n        align: [],\n        /**\n         * @description Show index\n         * @type {Boolean}\n         * @default index = false\n         */\n        index: false,\n        /**\n         * @description index Header\n         * @type {String}\n         * @default indexHeader = '#'\n         */\n        indexHeader: '#',\n        /**\n         * @description Carousel type\n         * @type {String}\n         * @default carousel = 'single'\n         * @example carousel = 'single' | 'page'\n         */\n        carousel: 'single',\n        /**\n         * @description Pause scroll when mouse hovered\n         * @type {Boolean}\n         * @default hoverPause = true\n         * @example hoverPause = true | false\n         */\n        hoverPause: true\n      },\n      mergedConfig: null,\n      header: [],\n      rowsData: [],\n      rows: [],\n      widths: [],\n      heights: [],\n      avgHeight: 0,\n      aligns: [],\n      animationIndex: 0,\n      animationHandler: '',\n      updater: 0,\n      needCalc: false\n    };\n  },\n  watch: {\n    config: function config() {\n      var stopAnimation = this.stopAnimation,\n        calcData = this.calcData;\n      stopAnimation();\n      this.animationIndex = 0;\n      calcData();\n    }\n  },\n  methods: {\n    handleHover: function handleHover(enter, ri, ci, row, ceil) {\n      var mergedConfig = this.mergedConfig,\n        emitEvent = this.emitEvent,\n        stopAnimation = this.stopAnimation,\n        animation = this.animation;\n      if (enter) emitEvent('mouseover', ri, ci, row, ceil);\n      if (!mergedConfig.hoverPause) return;\n      if (enter) {\n        stopAnimation();\n      } else {\n        animation(true);\n      }\n    },\n    afterAutoResizeMixinInit: function afterAutoResizeMixinInit() {\n      var calcData = this.calcData;\n      calcData();\n    },\n    onResize: function onResize() {\n      var mergedConfig = this.mergedConfig,\n        calcWidths = this.calcWidths,\n        calcHeights = this.calcHeights;\n      if (!mergedConfig) return;\n      calcWidths();\n      calcHeights();\n    },\n    calcData: function calcData() {\n      var mergeConfig = this.mergeConfig,\n        calcHeaderData = this.calcHeaderData,\n        calcRowsData = this.calcRowsData;\n      mergeConfig();\n      calcHeaderData();\n      calcRowsData();\n      var calcWidths = this.calcWidths,\n        calcHeights = this.calcHeights,\n        calcAligns = this.calcAligns;\n      calcWidths();\n      calcHeights();\n      calcAligns();\n      var animation = this.animation;\n      animation(true);\n    },\n    mergeConfig: function mergeConfig() {\n      var config = this.config,\n        defaultConfig = this.defaultConfig;\n      this.mergedConfig = deepMerge(deepClone(defaultConfig, true), config || {});\n    },\n    calcHeaderData: function calcHeaderData() {\n      var _this$mergedConfig = this.mergedConfig,\n        header = _this$mergedConfig.header,\n        index = _this$mergedConfig.index,\n        indexHeader = _this$mergedConfig.indexHeader;\n      if (!header.length) {\n        this.header = [];\n        return;\n      }\n      header = _toConsumableArray(header);\n      if (index) header.unshift(indexHeader);\n      this.header = header;\n    },\n    calcRowsData: function calcRowsData() {\n      var _this$mergedConfig2 = this.mergedConfig,\n        data = _this$mergedConfig2.data,\n        index = _this$mergedConfig2.index,\n        headerBGC = _this$mergedConfig2.headerBGC,\n        rowNum = _this$mergedConfig2.rowNum;\n      if (index) {\n        data = data.map(function (row, i) {\n          row = _toConsumableArray(row);\n          var indexTag = \"<span class=\\\"index\\\" style=\\\"background-color: \".concat(headerBGC, \";\\\">\").concat(i + 1, \"</span>\");\n          row.unshift(indexTag);\n          return row;\n        });\n      }\n      data = data.map(function (ceils, i) {\n        return {\n          ceils: ceils,\n          rowIndex: i\n        };\n      });\n      var rowLength = data.length;\n      if (rowLength > rowNum && rowLength < 2 * rowNum) {\n        data = [].concat(_toConsumableArray(data), _toConsumableArray(data));\n      }\n      data = data.map(function (d, i) {\n        return _objectSpread(_objectSpread({}, d), {}, {\n          scroll: i\n        });\n      });\n      this.rowsData = data;\n      this.rows = data;\n    },\n    calcWidths: function calcWidths() {\n      var width = this.width,\n        mergedConfig = this.mergedConfig,\n        rowsData = this.rowsData;\n      var columnWidth = mergedConfig.columnWidth,\n        header = mergedConfig.header;\n      var usedWidth = columnWidth.reduce(function (all, w) {\n        return all + w;\n      }, 0);\n      var columnNum = 0;\n      if (rowsData[0]) {\n        columnNum = rowsData[0].ceils.length;\n      } else if (header.length) {\n        columnNum = header.length;\n      }\n      var avgWidth = (width - usedWidth) / (columnNum - columnWidth.length);\n      var widths = new Array(columnNum).fill(avgWidth);\n      this.widths = deepMerge(widths, columnWidth);\n    },\n    calcHeights: function calcHeights() {\n      var onresize = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n      var height = this.height,\n        mergedConfig = this.mergedConfig,\n        header = this.header;\n      var headerHeight = mergedConfig.headerHeight,\n        rowNum = mergedConfig.rowNum,\n        data = mergedConfig.data;\n      var allHeight = height;\n      if (header.length) allHeight -= headerHeight;\n      var avgHeight = allHeight / rowNum;\n      this.avgHeight = avgHeight;\n      if (!onresize) this.heights = new Array(data.length).fill(avgHeight);\n    },\n    calcAligns: function calcAligns() {\n      var header = this.header,\n        mergedConfig = this.mergedConfig;\n      var columnNum = header.length;\n      var aligns = new Array(columnNum).fill('left');\n      var align = mergedConfig.align;\n      this.aligns = deepMerge(aligns, align);\n    },\n    animation: function () {\n      var _animation = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n        var _this$heights;\n        var start,\n          needCalc,\n          calcHeights,\n          calcRowsData,\n          avgHeight,\n          animationIndex,\n          mergedConfig,\n          rowsData,\n          animation,\n          updater,\n          waitTime,\n          carousel,\n          rowNum,\n          rowLength,\n          animationNum,\n          rows,\n          back,\n          _args = arguments;\n        return regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              start = _args.length > 0 && _args[0] !== undefined ? _args[0] : false;\n              needCalc = this.needCalc, calcHeights = this.calcHeights, calcRowsData = this.calcRowsData;\n              if (needCalc) {\n                calcRowsData();\n                calcHeights();\n                this.needCalc = false;\n              }\n              avgHeight = this.avgHeight, animationIndex = this.animationIndex, mergedConfig = this.mergedConfig, rowsData = this.rowsData, animation = this.animation, updater = this.updater;\n              waitTime = mergedConfig.waitTime, carousel = mergedConfig.carousel, rowNum = mergedConfig.rowNum;\n              rowLength = rowsData.length;\n              if (!(rowNum >= rowLength)) {\n                _context.next = 8;\n                break;\n              }\n              return _context.abrupt(\"return\");\n            case 8:\n              if (!start) {\n                _context.next = 13;\n                break;\n              }\n              _context.next = 11;\n              return new Promise(function (resolve) {\n                return setTimeout(resolve, waitTime);\n              });\n            case 11:\n              if (!(updater !== this.updater)) {\n                _context.next = 13;\n                break;\n              }\n              return _context.abrupt(\"return\");\n            case 13:\n              animationNum = carousel === 'single' ? 1 : rowNum;\n              rows = rowsData.slice(animationIndex);\n              rows.push.apply(rows, _toConsumableArray(rowsData.slice(0, animationIndex)));\n              this.rows = rows.slice(0, carousel === 'page' ? rowNum * 2 : rowNum + 1);\n              this.heights = new Array(rowLength).fill(avgHeight);\n              _context.next = 20;\n              return new Promise(function (resolve) {\n                return setTimeout(resolve, 300);\n              });\n            case 20:\n              if (!(updater !== this.updater)) {\n                _context.next = 22;\n                break;\n              }\n              return _context.abrupt(\"return\");\n            case 22:\n              (_this$heights = this.heights).splice.apply(_this$heights, [0, animationNum].concat(_toConsumableArray(new Array(animationNum).fill(0))));\n              animationIndex += animationNum;\n              back = animationIndex - rowLength;\n              if (back >= 0) animationIndex = back;\n              this.animationIndex = animationIndex;\n              this.animationHandler = setTimeout(animation, waitTime - 300);\n            case 28:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this);\n      }));\n      function animation() {\n        return _animation.apply(this, arguments);\n      }\n      return animation;\n    }(),\n    stopAnimation: function stopAnimation() {\n      var animationHandler = this.animationHandler,\n        updater = this.updater;\n      this.updater = (updater + 1) % 999999;\n      if (!animationHandler) return;\n      clearTimeout(animationHandler);\n    },\n    emitEvent: function emitEvent(type, ri, ci, row, ceil) {\n      var ceils = row.ceils,\n        rowIndex = row.rowIndex;\n      this.$emit(type, {\n        row: ceils,\n        ceil: ceil,\n        rowIndex: rowIndex,\n        columnIndex: ci\n      });\n    },\n    updateRows: function updateRows(rows, animationIndex) {\n      var mergedConfig = this.mergedConfig,\n        animationHandler = this.animationHandler,\n        animation = this.animation;\n      this.mergedConfig = _objectSpread(_objectSpread({}, mergedConfig), {}, {\n        data: _toConsumableArray(rows)\n      });\n      this.needCalc = true;\n      if (typeof animationIndex === 'number') this.animationIndex = animationIndex;\n      if (!animationHandler) animation(true);\n    }\n  },\n  destroyed: function destroyed() {\n    var stopAnimation = this.stopAnimation;\n    stopAnimation();\n  }\n};",null]}