(global["webpackJsonp"] = global["webpackJsonp"] || []).push([["common/vendor"],{ /***/ 1: /*!*********************************************************!*\ !*** ./node_modules/@dcloudio/uni-mp-weixin/dist/wx.js ***! \*********************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var objectKeys = ['qy', 'env', 'error', 'version', 'lanDebug', 'cloud', 'serviceMarket', 'router', 'worklet', '__webpack_require_UNI_MP_PLUGIN__']; var singlePageDisableKey = ['lanDebug', 'router', 'worklet']; var target = typeof globalThis !== 'undefined' ? globalThis : function () { return this; }(); var key = ['w', 'x'].join(''); var oldWx = target[key]; var launchOption = oldWx.getLaunchOptionsSync ? oldWx.getLaunchOptionsSync() : null; function isWxKey(key) { if (launchOption && launchOption.scene === 1154 && singlePageDisableKey.includes(key)) { return false; } return objectKeys.indexOf(key) > -1 || typeof oldWx[key] === 'function'; } function initWx() { var newWx = {}; for (var _key in oldWx) { if (isWxKey(_key)) { // TODO wrapper function newWx[_key] = oldWx[_key]; } } return newWx; } target[key] = initWx(); if (!target[key].canIUse('getAppBaseInfo')) { target[key].getAppBaseInfo = target[key].getSystemInfoSync; } if (!target[key].canIUse('getWindowInfo')) { target[key].getWindowInfo = target[key].getSystemInfoSync; } if (!target[key].canIUse('getDeviceInfo')) { target[key].getDeviceInfo = target[key].getSystemInfoSync; } var _default = target[key]; exports.default = _default; /***/ }), /***/ 10: /*!****************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/nonIterableRest.js ***! \****************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports; /***/ }), /***/ 11: /*!***************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/defineProperty.js ***! \***************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { var toPropertyKey = __webpack_require__(/*! ./toPropertyKey.js */ 12); function _defineProperty(obj, key, value) { key = toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports; /***/ }), /***/ 12: /*!**************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/toPropertyKey.js ***! \**************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { var _typeof = __webpack_require__(/*! ./typeof.js */ 13)["default"]; var toPrimitive = __webpack_require__(/*! ./toPrimitive.js */ 14); function toPropertyKey(t) { var i = toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports; /***/ }), /***/ 122: /*!**************************************************************************************!*\ !*** D:/里派项目/qingdong-3.2.3-extended/uniapp/crm/crm/pages/index/index_page_jumps.js ***! \**************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* WEBPACK VAR INJECTION */(function(uni) { Object.defineProperty(exports, "__esModule", { value: true }); exports.pageJumps = void 0; var pageJumps = { methods: { //合同详情 toContractDetail: function toContractDetail(id) { uni.navigateTo({ url: '/pagesB/contract/contractDetail?id=' + id }); }, //客户详情 toMore: function toMore(id) { uni.navigateTo({ url: '/pages/index/groupCompany/groupCompany?id=' + id }); }, //联系人详情 jumpDetail: function jumpDetail(id) { uni.navigateTo({ url: "/pages/index/groupCompany/contact/contactDetail?id=" + id }); }, // 线索 详情 moreClick: function moreClick(id) { uni.navigateTo({ url: '/pagesA/crm/cluesManagement/cluesMore/cluesMore?id=' + id }); }, gotoVaried: function gotoVaried(type) { switch (type) { case 0: //跳地图 uni.navigateTo({ url: '/pages/index/locationMap/locationMap' }); break; case 1: //跳公司 uni.navigateTo({ url: '/pages/index/groupCompany/groupCompany' }); break; case 2: //跳员工 uni.showToast({ title: "员工页面未完成,无法跳转", icon: "none", duration: 1000 }); break; case 3: //跳工作日报 uni.showToast({ title: "工作日报设计图报错,无法跳转", icon: "none", duration: 1000 }); break; } }, detail: function detail() { uni.showToast({ title: "排行榜设计图报错,无法跳转", icon: "none", duration: 1000 }); }, redactSchedule: function redactSchedule() { uni.showToast({ title: "编辑日程页面未完成,无法跳转", icon: "none", duration: 1000 }); } } }; exports.pageJumps = pageJumps; /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"])) /***/ }), /***/ 1252: /*!*******************************************************************************************************************!*\ !*** D:/里派项目/qingdong-3.2.3-extended/uniapp/crm/crm/uni_modules/qiun-data-charts/components/u-charts/u-charts.js ***! \*******************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* * uCharts (R) * 高性能跨平台图表库,支持H5、APP、小程序(微信/支付宝/百度/头条/QQ/360/快手)、Vue、Taro等支持canvas的框架平台 * Copyright (C) 2018-2022 QIUN (R) 秋云 https://www.ucharts.cn All rights reserved. * Licensed ( http://www.apache.org/licenses/LICENSE-2.0 ) * 复制使用请保留本段注释,感谢支持开源! * * uCharts (R) 官方网站 * https://www.uCharts.cn * * 开源地址: * https://gitee.com/uCharts/uCharts * * uni-app插件市场地址: * http://ext.dcloud.net.cn/plugin?id=271 * */ var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ 4); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ 5)); var _typeof2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/typeof */ 13)); var config = { version: 'v2.4.3-20220505', yAxisWidth: 15, xAxisHeight: 22, xAxisTextPadding: 3, padding: [10, 10, 10, 10], pixelRatio: 1, rotate: false, fontSize: 13, fontColor: '#666666', dataPointShape: ['circle', 'circle', 'circle', 'circle'], color: ['#1890FF', '#91CB74', '#FAC858', '#EE6666', '#73C0DE', '#3CA272', '#FC8452', '#9A60B4', '#ea7ccc'], linearColor: ['#0EE2F8', '#2BDCA8', '#FA7D8D', '#EB88E2', '#2AE3A0', '#0EE2F8', '#EB88E2', '#6773E3', '#F78A85'], pieChartLinePadding: 15, pieChartTextPadding: 5, titleFontSize: 20, subtitleFontSize: 15, toolTipPadding: 3, toolTipBackground: '#000000', toolTipOpacity: 0.7, toolTipLineHeight: 20, radarLabelTextMargin: 13 }; var assign = function assign(target) { for (var _len2 = arguments.length, varArgs = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { varArgs[_key2 - 1] = arguments[_key2]; } if (target == null) { throw new TypeError('[uCharts] Cannot convert undefined or null to object'); } if (!varArgs || varArgs.length <= 0) { return target; } // 深度合并对象 function deepAssign(obj1, obj2) { for (var key in obj2) { obj1[key] = obj1[key] && obj1[key].toString() === "[object Object]" ? deepAssign(obj1[key], obj2[key]) : obj1[key] = obj2[key]; } return obj1; } varArgs.forEach(function (val) { target = deepAssign(target, val); }); return target; }; var util = { toFixed: function toFixed(num, limit) { limit = limit || 2; if (this.isFloat(num)) { num = num.toFixed(limit); } return num; }, isFloat: function isFloat(num) { return num % 1 !== 0; }, approximatelyEqual: function approximatelyEqual(num1, num2) { return Math.abs(num1 - num2) < 1e-10; }, isSameSign: function isSameSign(num1, num2) { return Math.abs(num1) === num1 && Math.abs(num2) === num2 || Math.abs(num1) !== num1 && Math.abs(num2) !== num2; }, isSameXCoordinateArea: function isSameXCoordinateArea(p1, p2) { return this.isSameSign(p1.x, p2.x); }, isCollision: function isCollision(obj1, obj2) { obj1.end = {}; obj1.end.x = obj1.start.x + obj1.width; obj1.end.y = obj1.start.y - obj1.height; obj2.end = {}; obj2.end.x = obj2.start.x + obj2.width; obj2.end.y = obj2.start.y - obj2.height; var flag = obj2.start.x > obj1.end.x || obj2.end.x < obj1.start.x || obj2.end.y > obj1.start.y || obj2.start.y < obj1.end.y; return !flag; } }; //兼容H5点击事件 function getH5Offset(e) { e.mp = { changedTouches: [] }; e.mp.changedTouches.push({ x: e.offsetX, y: e.offsetY }); return e; } // hex 转 rgba function hexToRgb(hexValue, opc) { var rgx = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; var hex = hexValue.replace(rgx, function (m, r, g, b) { return r + r + g + g + b + b; }); var rgb = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); var r = parseInt(rgb[1], 16); var g = parseInt(rgb[2], 16); var b = parseInt(rgb[3], 16); return 'rgba(' + r + ',' + g + ',' + b + ',' + opc + ')'; } function findRange(num, type, limit) { if (isNaN(num)) { throw new Error('[uCharts] series数据需为Number格式'); } limit = limit || 10; type = type ? type : 'upper'; var multiple = 1; while (limit < 1) { limit *= 10; multiple *= 10; } if (type === 'upper') { num = Math.ceil(num * multiple); } else { num = Math.floor(num * multiple); } while (num % limit !== 0) { if (type === 'upper') { if (num == num + 1) { //修复数据值过大num++无效的bug by 向日葵 @xrk_jy break; } num++; } else { num--; } } return num / multiple; } function calCandleMA(dayArr, nameArr, colorArr, kdata) { var seriesTemp = []; for (var k = 0; k < dayArr.length; k++) { var seriesItem = { data: [], name: nameArr[k], color: colorArr[k] }; for (var i = 0, len = kdata.length; i < len; i++) { if (i < dayArr[k]) { seriesItem.data.push(null); continue; } var sum = 0; for (var j = 0; j < dayArr[k]; j++) { sum += kdata[i - j][1]; } seriesItem.data.push(+(sum / dayArr[k]).toFixed(3)); } seriesTemp.push(seriesItem); } return seriesTemp; } function calValidDistance(self, distance, chartData, config, opts) { var dataChartAreaWidth = opts.width - opts.area[1] - opts.area[3]; var dataChartWidth = chartData.eachSpacing * (opts.chartData.xAxisData.xAxisPoints.length - 1); if (opts.type == 'mount' && opts.extra && opts.extra.mount && opts.extra.mount.widthRatio && opts.extra.mount.widthRatio > 1) { if (opts.extra.mount.widthRatio > 2) opts.extra.mount.widthRatio = 2; dataChartWidth += (opts.extra.mount.widthRatio - 1) * chartData.eachSpacing; } var validDistance = distance; if (distance >= 0) { validDistance = 0; self.uevent.trigger('scrollLeft'); self.scrollOption.position = 'left'; opts.xAxis.scrollPosition = 'left'; } else if (Math.abs(distance) >= dataChartWidth - dataChartAreaWidth) { validDistance = dataChartAreaWidth - dataChartWidth; self.uevent.trigger('scrollRight'); self.scrollOption.position = 'right'; opts.xAxis.scrollPosition = 'right'; } else { self.scrollOption.position = distance; opts.xAxis.scrollPosition = distance; } return validDistance; } function isInAngleRange(angle, startAngle, endAngle) { function adjust(angle) { while (angle < 0) { angle += 2 * Math.PI; } while (angle > 2 * Math.PI) { angle -= 2 * Math.PI; } return angle; } angle = adjust(angle); startAngle = adjust(startAngle); endAngle = adjust(endAngle); if (startAngle > endAngle) { endAngle += 2 * Math.PI; if (angle < startAngle) { angle += 2 * Math.PI; } } return angle >= startAngle && angle <= endAngle; } function createCurveControlPoints(points, i) { function isNotMiddlePoint(points, i) { if (points[i - 1] && points[i + 1]) { return points[i].y >= Math.max(points[i - 1].y, points[i + 1].y) || points[i].y <= Math.min(points[i - 1].y, points[i + 1].y); } else { return false; } } function isNotMiddlePointX(points, i) { if (points[i - 1] && points[i + 1]) { return points[i].x >= Math.max(points[i - 1].x, points[i + 1].x) || points[i].x <= Math.min(points[i - 1].x, points[i + 1].x); } else { return false; } } var a = 0.2; var b = 0.2; var pAx = null; var pAy = null; var pBx = null; var pBy = null; if (i < 1) { pAx = points[0].x + (points[1].x - points[0].x) * a; pAy = points[0].y + (points[1].y - points[0].y) * a; } else { pAx = points[i].x + (points[i + 1].x - points[i - 1].x) * a; pAy = points[i].y + (points[i + 1].y - points[i - 1].y) * a; } if (i > points.length - 3) { var last = points.length - 1; pBx = points[last].x - (points[last].x - points[last - 1].x) * b; pBy = points[last].y - (points[last].y - points[last - 1].y) * b; } else { pBx = points[i + 1].x - (points[i + 2].x - points[i].x) * b; pBy = points[i + 1].y - (points[i + 2].y - points[i].y) * b; } if (isNotMiddlePoint(points, i + 1)) { pBy = points[i + 1].y; } if (isNotMiddlePoint(points, i)) { pAy = points[i].y; } if (isNotMiddlePointX(points, i + 1)) { pBx = points[i + 1].x; } if (isNotMiddlePointX(points, i)) { pAx = points[i].x; } if (pAy >= Math.max(points[i].y, points[i + 1].y) || pAy <= Math.min(points[i].y, points[i + 1].y)) { pAy = points[i].y; } if (pBy >= Math.max(points[i].y, points[i + 1].y) || pBy <= Math.min(points[i].y, points[i + 1].y)) { pBy = points[i + 1].y; } if (pAx >= Math.max(points[i].x, points[i + 1].x) || pAx <= Math.min(points[i].x, points[i + 1].x)) { pAx = points[i].x; } if (pBx >= Math.max(points[i].x, points[i + 1].x) || pBx <= Math.min(points[i].x, points[i + 1].x)) { pBx = points[i + 1].x; } return { ctrA: { x: pAx, y: pAy }, ctrB: { x: pBx, y: pBy } }; } function convertCoordinateOrigin(x, y, center) { return { x: center.x + x, y: center.y - y }; } function avoidCollision(obj, target) { if (target) { // is collision test while (util.isCollision(obj, target)) { if (obj.start.x > 0) { obj.start.y--; } else if (obj.start.x < 0) { obj.start.y++; } else { if (obj.start.y > 0) { obj.start.y++; } else { obj.start.y--; } } } } return obj; } function fixPieSeries(series, opts, config) { var pieSeriesArr = []; if (series.length > 0 && series[0].data.constructor.toString().indexOf('Array') > -1) { opts._pieSeries_ = series; var oldseries = series[0].data; for (var i = 0; i < oldseries.length; i++) { oldseries[i].formatter = series[0].formatter; oldseries[i].data = oldseries[i].value; pieSeriesArr.push(oldseries[i]); } opts.series = pieSeriesArr; } else { pieSeriesArr = series; } return pieSeriesArr; } function fillSeries(series, opts, config) { var index = 0; for (var i = 0; i < series.length; i++) { var item = series[i]; if (!item.color) { item.color = config.color[index]; index = (index + 1) % config.color.length; } if (!item.linearIndex) { item.linearIndex = i; } if (!item.index) { item.index = 0; } if (!item.type) { item.type = opts.type; } if (typeof item.show == "undefined") { item.show = true; } if (!item.type) { item.type = opts.type; } if (!item.pointShape) { item.pointShape = "circle"; } if (!item.legendShape) { switch (item.type) { case 'line': item.legendShape = "line"; break; case 'column': case 'bar': item.legendShape = "rect"; break; case 'area': case 'mount': item.legendShape = "triangle"; break; default: item.legendShape = "circle"; } } } return series; } function fillCustomColor(linearType, customColor, series, config) { var newcolor = customColor || []; if (linearType == 'custom' && newcolor.length == 0) { newcolor = config.linearColor; } if (linearType == 'custom' && newcolor.length < series.length) { var chazhi = series.length - newcolor.length; for (var i = 0; i < chazhi; i++) { newcolor.push(config.linearColor[(i + 1) % config.linearColor.length]); } } return newcolor; } function getDataRange(minData, maxData) { var limit = 0; var range = maxData - minData; if (range >= 10000) { limit = 1000; } else if (range >= 1000) { limit = 100; } else if (range >= 100) { limit = 10; } else if (range >= 10) { limit = 5; } else if (range >= 1) { limit = 1; } else if (range >= 0.1) { limit = 0.1; } else if (range >= 0.01) { limit = 0.01; } else if (range >= 0.001) { limit = 0.001; } else if (range >= 0.0001) { limit = 0.0001; } else if (range >= 0.00001) { limit = 0.00001; } else { limit = 0.000001; } return { minRange: findRange(minData, 'lower', limit), maxRange: findRange(maxData, 'upper', limit) }; } function measureText(text, fontSize, context) { var width = 0; text = String(text); if (context !== false && context !== undefined && context.setFontSize && context.measureText) { context.setFontSize(fontSize); return context.measureText(text).width; } else { var text = text.split(''); for (var i = 0; i < text.length; i++) { var item = text[i]; if (/[a-zA-Z]/.test(item)) { width += 7; } else if (/[0-9]/.test(item)) { width += 5.5; } else if (/\./.test(item)) { width += 2.7; } else if (/-/.test(item)) { width += 3.25; } else if (/:/.test(item)) { width += 2.5; } else if (/[\u4e00-\u9fa5]/.test(item)) { width += 10; } else if (/\(|\)/.test(item)) { width += 3.73; } else if (/\s/.test(item)) { width += 2.5; } else if (/%/.test(item)) { width += 8; } else { width += 10; } } return width * fontSize / 10; } } function dataCombine(series) { return series.reduce(function (a, b) { return (a.data ? a.data : a).concat(b.data); }, []); } function dataCombineStack(series, len) { var sum = new Array(len); for (var j = 0; j < sum.length; j++) { sum[j] = 0; } for (var i = 0; i < series.length; i++) { for (var j = 0; j < sum.length; j++) { sum[j] += series[i].data[j]; } } return series.reduce(function (a, b) { return (a.data ? a.data : a).concat(b.data).concat(sum); }, []); } function getTouches(touches, opts, e) { var x, y; if (touches.clientX) { if (opts.rotate) { y = opts.height - touches.clientX * opts.pix; x = (touches.pageY - e.currentTarget.offsetTop - opts.height / opts.pix / 2 * (opts.pix - 1)) * opts.pix; } else { x = touches.clientX * opts.pix; y = (touches.pageY - e.currentTarget.offsetTop - opts.height / opts.pix / 2 * (opts.pix - 1)) * opts.pix; } } else { if (opts.rotate) { y = opts.height - touches.x * opts.pix; x = touches.y * opts.pix; } else { x = touches.x * opts.pix; y = touches.y * opts.pix; } } return { x: x, y: y }; } function getSeriesDataItem(series, index, group) { var data = []; var newSeries = []; var indexIsArr = index.constructor.toString().indexOf('Array') > -1; if (indexIsArr) { var tempSeries = filterSeries(series); for (var i = 0; i < group.length; i++) { newSeries.push(tempSeries[group[i]]); } } else { newSeries = series; } ; for (var _i = 0; _i < newSeries.length; _i++) { var item = newSeries[_i]; var tmpindex = -1; if (indexIsArr) { tmpindex = index[_i]; } else { tmpindex = index; } if (item.data[tmpindex] !== null && typeof item.data[tmpindex] !== 'undefined' && item.show) { var seriesItem = {}; seriesItem.color = item.color; seriesItem.type = item.type; seriesItem.style = item.style; seriesItem.pointShape = item.pointShape; seriesItem.disableLegend = item.disableLegend; seriesItem.name = item.name; seriesItem.show = item.show; seriesItem.data = item.formatter ? item.formatter(item.data[tmpindex]) : item.data[tmpindex]; data.push(seriesItem); } } return data; } function getMaxTextListLength(list, fontSize, context) { var lengthList = list.map(function (item) { return measureText(item, fontSize, context); }); return Math.max.apply(null, lengthList); } function getRadarCoordinateSeries(length) { var eachAngle = 2 * Math.PI / length; var CoordinateSeries = []; for (var i = 0; i < length; i++) { CoordinateSeries.push(eachAngle * i); } return CoordinateSeries.map(function (item) { return -1 * item + Math.PI / 2; }); } function getToolTipData(seriesData, opts, index, group, categories) { var option = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {}; var calPoints = opts.chartData.calPoints ? opts.chartData.calPoints : []; var points = {}; if (group.length > 0) { var filterPoints = []; for (var i = 0; i < group.length; i++) { filterPoints.push(calPoints[group[i]]); } points = filterPoints[0][index[0]]; } else { for (var _i2 = 0; _i2 < calPoints.length; _i2++) { if (calPoints[_i2][index]) { points = calPoints[_i2][index]; break; } } } ; var textList = seriesData.map(function (item) { var titleText = null; if (opts.categories && opts.categories.length > 0) { titleText = categories[index]; } ; return { text: option.formatter ? option.formatter(item, titleText, index, opts) : item.name + ': ' + item.data, color: item.color }; }); var offset = { x: Math.round(points.x), y: Math.round(points.y) }; return { textList: textList, offset: offset }; } function getMixToolTipData(seriesData, opts, index, categories) { var option = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {}; var points = opts.chartData.xAxisPoints[index] + opts.chartData.eachSpacing / 2; var textList = seriesData.map(function (item) { return { text: option.formatter ? option.formatter(item, categories[index], index, opts) : item.name + ': ' + item.data, color: item.color, disableLegend: item.disableLegend ? true : false }; }); textList = textList.filter(function (item) { if (item.disableLegend !== true) { return item; } }); var offset = { x: Math.round(points), y: 0 }; return { textList: textList, offset: offset }; } function getCandleToolTipData(series, seriesData, opts, index, categories, extra) { var option = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {}; var calPoints = opts.chartData.calPoints; var upColor = extra.color.upFill; var downColor = extra.color.downFill; //颜色顺序为开盘,收盘,最低,最高 var color = [upColor, upColor, downColor, upColor]; var textList = []; seriesData.map(function (item) { if (index == 0) { if (item.data[1] - item.data[0] < 0) { color[1] = downColor; } else { color[1] = upColor; } } else { if (item.data[0] < series[index - 1][1]) { color[0] = downColor; } if (item.data[1] < item.data[0]) { color[1] = downColor; } if (item.data[2] > series[index - 1][1]) { color[2] = upColor; } if (item.data[3] < series[index - 1][1]) { color[3] = downColor; } } var text1 = { text: '开盘:' + item.data[0], color: color[0] }; var text2 = { text: '收盘:' + item.data[1], color: color[1] }; var text3 = { text: '最低:' + item.data[2], color: color[2] }; var text4 = { text: '最高:' + item.data[3], color: color[3] }; textList.push(text1, text2, text3, text4); }); var validCalPoints = []; var offset = { x: 0, y: 0 }; for (var i = 0; i < calPoints.length; i++) { var points = calPoints[i]; if (typeof points[index] !== 'undefined' && points[index] !== null) { validCalPoints.push(points[index]); } } offset.x = Math.round(validCalPoints[0][0].x); return { textList: textList, offset: offset }; } function filterSeries(series) { var tempSeries = []; for (var i = 0; i < series.length; i++) { if (series[i].show == true) { tempSeries.push(series[i]); } } return tempSeries; } function findCurrentIndex(currentPoints, calPoints, opts, config) { var offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0; var current = { index: -1, group: [] }; var spacing = opts.chartData.eachSpacing / 2; var xAxisPoints = []; if (calPoints && calPoints.length > 0) { if (!opts.categories) { spacing = 0; } else { for (var i = 1; i < opts.chartData.xAxisPoints.length; i++) { xAxisPoints.push(opts.chartData.xAxisPoints[i] - spacing); } if ((opts.type == 'line' || opts.type == 'area') && opts.xAxis.boundaryGap == 'justify') { xAxisPoints = opts.chartData.xAxisPoints; } } if (isInExactChartArea(currentPoints, opts, config)) { if (!opts.categories) { var timePoints = Array(calPoints.length); for (var _i3 = 0; _i3 < calPoints.length; _i3++) { timePoints[_i3] = Array(calPoints[_i3].length); for (var j = 0; j < calPoints[_i3].length; j++) { timePoints[_i3][j] = Math.abs(calPoints[_i3][j].x - currentPoints.x); } } ; var pointValue = Array(timePoints.length); var pointIndex = Array(timePoints.length); for (var _i4 = 0; _i4 < timePoints.length; _i4++) { pointValue[_i4] = Math.min.apply(null, timePoints[_i4]); pointIndex[_i4] = timePoints[_i4].indexOf(pointValue[_i4]); } var minValue = Math.min.apply(null, pointValue); current.index = []; for (var _i5 = 0; _i5 < pointValue.length; _i5++) { if (pointValue[_i5] == minValue) { current.group.push(_i5); current.index.push(pointIndex[_i5]); } } ; } else { xAxisPoints.forEach(function (item, index) { if (currentPoints.x + offset + spacing > item) { current.index = index; } }); } } } return current; } function findBarChartCurrentIndex(currentPoints, calPoints, opts, config) { var offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0; var current = { index: -1, group: [] }; var spacing = opts.chartData.eachSpacing / 2; var yAxisPoints = opts.chartData.yAxisPoints; if (calPoints && calPoints.length > 0) { if (isInExactChartArea(currentPoints, opts, config)) { yAxisPoints.forEach(function (item, index) { if (currentPoints.y + offset + spacing > item) { current.index = index; } }); } } return current; } function findLegendIndex(currentPoints, legendData, opts) { var currentIndex = -1; var gap = 0; if (isInExactLegendArea(currentPoints, legendData.area)) { var points = legendData.points; var index = -1; for (var i = 0, len = points.length; i < len; i++) { var item = points[i]; for (var j = 0; j < item.length; j++) { index += 1; var area = item[j]['area']; if (area && currentPoints.x > area[0] - gap && currentPoints.x < area[2] + gap && currentPoints.y > area[1] - gap && currentPoints.y < area[3] + gap) { currentIndex = index; break; } } } return currentIndex; } return currentIndex; } function isInExactLegendArea(currentPoints, area) { return currentPoints.x > area.start.x && currentPoints.x < area.end.x && currentPoints.y > area.start.y && currentPoints.y < area.end.y; } function isInExactChartArea(currentPoints, opts, config) { return currentPoints.x <= opts.width - opts.area[1] + 10 && currentPoints.x >= opts.area[3] - 10 && currentPoints.y >= opts.area[0] && currentPoints.y <= opts.height - opts.area[2]; } function findRadarChartCurrentIndex(currentPoints, radarData, count) { var eachAngleArea = 2 * Math.PI / count; var currentIndex = -1; if (isInExactPieChartArea(currentPoints, radarData.center, radarData.radius)) { var fixAngle = function fixAngle(angle) { if (angle < 0) { angle += 2 * Math.PI; } if (angle > 2 * Math.PI) { angle -= 2 * Math.PI; } return angle; }; var angle = Math.atan2(radarData.center.y - currentPoints.y, currentPoints.x - radarData.center.x); angle = -1 * angle; if (angle < 0) { angle += 2 * Math.PI; } var angleList = radarData.angleList.map(function (item) { item = fixAngle(-1 * item); return item; }); angleList.forEach(function (item, index) { var rangeStart = fixAngle(item - eachAngleArea / 2); var rangeEnd = fixAngle(item + eachAngleArea / 2); if (rangeEnd < rangeStart) { rangeEnd += 2 * Math.PI; } if (angle >= rangeStart && angle <= rangeEnd || angle + 2 * Math.PI >= rangeStart && angle + 2 * Math.PI <= rangeEnd) { currentIndex = index; } }); } return currentIndex; } function findFunnelChartCurrentIndex(currentPoints, funnelData) { var currentIndex = -1; for (var i = 0, len = funnelData.series.length; i < len; i++) { var item = funnelData.series[i]; if (currentPoints.x > item.funnelArea[0] && currentPoints.x < item.funnelArea[2] && currentPoints.y > item.funnelArea[1] && currentPoints.y < item.funnelArea[3]) { currentIndex = i; break; } } return currentIndex; } function findWordChartCurrentIndex(currentPoints, wordData) { var currentIndex = -1; for (var i = 0, len = wordData.length; i < len; i++) { var item = wordData[i]; if (currentPoints.x > item.area[0] && currentPoints.x < item.area[2] && currentPoints.y > item.area[1] && currentPoints.y < item.area[3]) { currentIndex = i; break; } } return currentIndex; } function findMapChartCurrentIndex(currentPoints, opts) { var currentIndex = -1; var cData = opts.chartData.mapData; var data = opts.series; var tmp = pointToCoordinate(currentPoints.y, currentPoints.x, cData.bounds, cData.scale, cData.xoffset, cData.yoffset); var poi = [tmp.x, tmp.y]; for (var i = 0, len = data.length; i < len; i++) { var item = data[i].geometry.coordinates; if (isPoiWithinPoly(poi, item, opts.chartData.mapData.mercator)) { currentIndex = i; break; } } return currentIndex; } function findRoseChartCurrentIndex(currentPoints, pieData, opts) { var currentIndex = -1; var series = getRoseDataPoints(opts._series_, opts.extra.rose.type, pieData.radius, pieData.radius); if (pieData && pieData.center && isInExactPieChartArea(currentPoints, pieData.center, pieData.radius)) { var angle = Math.atan2(pieData.center.y - currentPoints.y, currentPoints.x - pieData.center.x); angle = -angle; if (opts.extra.rose && opts.extra.rose.offsetAngle) { angle = angle - opts.extra.rose.offsetAngle * Math.PI / 180; } for (var i = 0, len = series.length; i < len; i++) { if (isInAngleRange(angle, series[i]._start_, series[i]._start_ + series[i]._rose_proportion_ * 2 * Math.PI)) { currentIndex = i; break; } } } return currentIndex; } function findPieChartCurrentIndex(currentPoints, pieData, opts) { var currentIndex = -1; var series = getPieDataPoints(pieData.series); if (pieData && pieData.center && isInExactPieChartArea(currentPoints, pieData.center, pieData.radius)) { var angle = Math.atan2(pieData.center.y - currentPoints.y, currentPoints.x - pieData.center.x); angle = -angle; if (opts.extra.pie && opts.extra.pie.offsetAngle) { angle = angle - opts.extra.pie.offsetAngle * Math.PI / 180; } if (opts.extra.ring && opts.extra.ring.offsetAngle) { angle = angle - opts.extra.ring.offsetAngle * Math.PI / 180; } for (var i = 0, len = series.length; i < len; i++) { if (isInAngleRange(angle, series[i]._start_, series[i]._start_ + series[i]._proportion_ * 2 * Math.PI)) { currentIndex = i; break; } } } return currentIndex; } function isInExactPieChartArea(currentPoints, center, radius) { return Math.pow(currentPoints.x - center.x, 2) + Math.pow(currentPoints.y - center.y, 2) <= Math.pow(radius, 2); } function splitPoints(points, eachSeries) { var newPoints = []; var items = []; points.forEach(function (item, index) { if (eachSeries.connectNulls) { if (item !== null) { items.push(item); } } else { if (item !== null) { items.push(item); } else { if (items.length) { newPoints.push(items); } items = []; } } }); if (items.length) { newPoints.push(items); } return newPoints; } function calLegendData(series, opts, config, chartData, context) { var legendData = { area: { start: { x: 0, y: 0 }, end: { x: 0, y: 0 }, width: 0, height: 0, wholeWidth: 0, wholeHeight: 0 }, points: [], widthArr: [], heightArr: [] }; if (opts.legend.show === false) { chartData.legendData = legendData; return legendData; } var padding = opts.legend.padding * opts.pix; var margin = opts.legend.margin * opts.pix; var fontSize = opts.legend.fontSize ? opts.legend.fontSize * opts.pix : config.fontSize; var shapeWidth = 15 * opts.pix; var shapeRight = 5 * opts.pix; var lineHeight = Math.max(opts.legend.lineHeight * opts.pix, fontSize); if (opts.legend.position == 'top' || opts.legend.position == 'bottom') { var legendList = []; var widthCount = 0; var widthCountArr = []; var currentRow = []; for (var i = 0; i < series.length; i++) { var item = series[i]; var legendText = item.legendText ? item.legendText : item.name; var itemWidth = shapeWidth + shapeRight + measureText(legendText || 'undefined', fontSize, context) + opts.legend.itemGap * opts.pix; if (widthCount + itemWidth > opts.width - opts.area[1] - opts.area[3]) { legendList.push(currentRow); widthCountArr.push(widthCount - opts.legend.itemGap * opts.pix); widthCount = itemWidth; currentRow = [item]; } else { widthCount += itemWidth; currentRow.push(item); } } if (currentRow.length) { legendList.push(currentRow); widthCountArr.push(widthCount - opts.legend.itemGap * opts.pix); legendData.widthArr = widthCountArr; var legendWidth = Math.max.apply(null, widthCountArr); switch (opts.legend.float) { case 'left': legendData.area.start.x = opts.area[3]; legendData.area.end.x = opts.area[3] + legendWidth + 2 * padding; break; case 'right': legendData.area.start.x = opts.width - opts.area[1] - legendWidth - 2 * padding; legendData.area.end.x = opts.width - opts.area[1]; break; default: legendData.area.start.x = (opts.width - legendWidth) / 2 - padding; legendData.area.end.x = (opts.width + legendWidth) / 2 + padding; } legendData.area.width = legendWidth + 2 * padding; legendData.area.wholeWidth = legendWidth + 2 * padding; legendData.area.height = legendList.length * lineHeight + 2 * padding; legendData.area.wholeHeight = legendList.length * lineHeight + 2 * padding + 2 * margin; legendData.points = legendList; } } else { var len = series.length; var maxHeight = opts.height - opts.area[0] - opts.area[2] - 2 * margin - 2 * padding; var maxLength = Math.min(Math.floor(maxHeight / lineHeight), len); legendData.area.height = maxLength * lineHeight + padding * 2; legendData.area.wholeHeight = maxLength * lineHeight + padding * 2; switch (opts.legend.float) { case 'top': legendData.area.start.y = opts.area[0] + margin; legendData.area.end.y = opts.area[0] + margin + legendData.area.height; break; case 'bottom': legendData.area.start.y = opts.height - opts.area[2] - margin - legendData.area.height; legendData.area.end.y = opts.height - opts.area[2] - margin; break; default: legendData.area.start.y = (opts.height - legendData.area.height) / 2; legendData.area.end.y = (opts.height + legendData.area.height) / 2; } var lineNum = len % maxLength === 0 ? len / maxLength : Math.floor(len / maxLength + 1); var _currentRow = []; for (var _i6 = 0; _i6 < lineNum; _i6++) { var temp = series.slice(_i6 * maxLength, _i6 * maxLength + maxLength); _currentRow.push(temp); } legendData.points = _currentRow; if (_currentRow.length) { for (var _i7 = 0; _i7 < _currentRow.length; _i7++) { var _item = _currentRow[_i7]; var maxWidth = 0; for (var j = 0; j < _item.length; j++) { var _itemWidth = shapeWidth + shapeRight + measureText(_item[j].name || 'undefined', fontSize, context) + opts.legend.itemGap * opts.pix; if (_itemWidth > maxWidth) { maxWidth = _itemWidth; } } legendData.widthArr.push(maxWidth); legendData.heightArr.push(_item.length * lineHeight + padding * 2); } var _legendWidth = 0; for (var _i8 = 0; _i8 < legendData.widthArr.length; _i8++) { _legendWidth += legendData.widthArr[_i8]; } legendData.area.width = _legendWidth - opts.legend.itemGap * opts.pix + 2 * padding; legendData.area.wholeWidth = legendData.area.width + padding; } } switch (opts.legend.position) { case 'top': legendData.area.start.y = opts.area[0] + margin; legendData.area.end.y = opts.area[0] + margin + legendData.area.height; break; case 'bottom': legendData.area.start.y = opts.height - opts.area[2] - legendData.area.height - margin; legendData.area.end.y = opts.height - opts.area[2] - margin; break; case 'left': legendData.area.start.x = opts.area[3]; legendData.area.end.x = opts.area[3] + legendData.area.width; break; case 'right': legendData.area.start.x = opts.width - opts.area[1] - legendData.area.width; legendData.area.end.x = opts.width - opts.area[1]; break; } chartData.legendData = legendData; return legendData; } function calCategoriesData(categories, opts, config, eachSpacing, context) { var result = { angle: 0, xAxisHeight: config.xAxisHeight }; var fontSize = opts.xAxis.fontSize * opts.pix || config.fontSize; var categoriesTextLenth = categories.map(function (item, index) { var xitem = opts.xAxis.formatter ? opts.xAxis.formatter(item, index, opts) : item; return measureText(String(xitem), fontSize, context); }); var maxTextLength = Math.max.apply(this, categoriesTextLenth); if (opts.xAxis.rotateLabel == true) { result.angle = opts.xAxis.rotateAngle * Math.PI / 180; var tempHeight = 2 * config.xAxisTextPadding + Math.abs(maxTextLength * Math.sin(result.angle)); tempHeight = tempHeight < fontSize + 2 * config.xAxisTextPadding ? tempHeight + 2 * config.xAxisTextPadding : tempHeight; if (opts.enableScroll == true && opts.xAxis.scrollShow == true) { tempHeight += 12 * opts.pix; } result.xAxisHeight = tempHeight; } if (opts.xAxis.disabled) { result.xAxisHeight = 0; } return result; } function getXAxisTextList(series, opts, config, stack) { var index = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : -1; var data; if (stack == 'stack') { data = dataCombineStack(series, opts.categories.length); } else { data = dataCombine(series); } var sorted = []; // remove null from data data = data.filter(function (item) { //return item !== null; if ((0, _typeof2.default)(item) === 'object' && item !== null) { if (item.constructor.toString().indexOf('Array') > -1) { return item !== null; } else { return item.value !== null; } } else { return item !== null; } }); data.map(function (item) { if ((0, _typeof2.default)(item) === 'object') { if (item.constructor.toString().indexOf('Array') > -1) { if (opts.type == 'candle') { item.map(function (subitem) { sorted.push(subitem); }); } else { sorted.push(item[0]); } } else { sorted.push(item.value); } } else { sorted.push(item); } }); var minData = 0; var maxData = 0; if (sorted.length > 0) { minData = Math.min.apply(this, sorted); maxData = Math.max.apply(this, sorted); } //为了兼容v1.9.0之前的项目 if (index > -1) { if (typeof opts.xAxis.data[index].min === 'number') { minData = Math.min(opts.xAxis.data[index].min, minData); } if (typeof opts.xAxis.data[index].max === 'number') { maxData = Math.max(opts.xAxis.data[index].max, maxData); } } else { if (typeof opts.xAxis.min === 'number') { minData = Math.min(opts.xAxis.min, minData); } if (typeof opts.xAxis.max === 'number') { maxData = Math.max(opts.xAxis.max, maxData); } } if (minData === maxData) { var rangeSpan = maxData || 10; maxData += rangeSpan; } //var dataRange = getDataRange(minData, maxData); var minRange = minData; var maxRange = maxData; var range = []; var eachRange = (maxRange - minRange) / opts.xAxis.splitNumber; for (var i = 0; i <= opts.xAxis.splitNumber; i++) { range.push(minRange + eachRange * i); } return range; } function calXAxisData(series, opts, config, context) { //堆叠图重算Y轴 var columnstyle = assign({}, { type: "" }, opts.extra.bar); var result = { angle: 0, xAxisHeight: config.xAxisHeight }; result.ranges = getXAxisTextList(series, opts, config, columnstyle.type); result.rangesFormat = result.ranges.map(function (item) { //item = opts.xAxis.formatter ? opts.xAxis.formatter(item) : util.toFixed(item, 2); item = util.toFixed(item, 2); return item; }); var xAxisScaleValues = result.ranges.map(function (item) { // 如果刻度值是浮点数,则保留两位小数 item = util.toFixed(item, 2); // 若有自定义格式则调用自定义的格式化函数 //item = opts.xAxis.formatter ? opts.xAxis.formatter(Number(item)) : item; return item; }); result = Object.assign(result, getXAxisPoints(xAxisScaleValues, opts, config)); // 计算X轴刻度的属性譬如每个刻度的间隔,刻度的起始点\结束点以及总长 var eachSpacing = result.eachSpacing; var textLength = xAxisScaleValues.map(function (item) { return measureText(item, opts.xAxis.fontSize * opts.pix || config.fontSize, context); }); // get max length of categories text var maxTextLength = Math.max.apply(this, textLength); // 如果刻度值文本内容过长,则将其逆时针旋转45° if (maxTextLength + 2 * config.xAxisTextPadding > eachSpacing) { result.angle = 45 * Math.PI / 180; result.xAxisHeight = 2 * config.xAxisTextPadding + maxTextLength * Math.sin(result.angle); } if (opts.xAxis.disabled === true) { result.xAxisHeight = 0; } return result; } function getRadarDataPoints(angleList, center, radius, series, opts) { var process = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1; var radarOption = opts.extra.radar || {}; radarOption.max = radarOption.max || 0; var maxData = Math.max(radarOption.max, Math.max.apply(null, dataCombine(series))); var data = []; var _loop2 = function _loop2(i) { var each = series[i]; var listItem = {}; listItem.color = each.color; listItem.legendShape = each.legendShape; listItem.pointShape = each.pointShape; listItem.data = []; each.data.forEach(function (item, index) { var tmp = {}; tmp.angle = angleList[index]; tmp.proportion = item / maxData; tmp.value = item; tmp.position = convertCoordinateOrigin(radius * tmp.proportion * process * Math.cos(tmp.angle), radius * tmp.proportion * process * Math.sin(tmp.angle), center); listItem.data.push(tmp); }); data.push(listItem); }; for (var i = 0; i < series.length; i++) { _loop2(i); } return data; } function getPieDataPoints(series, radius) { var process = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1; var count = 0; var _start_ = 0; for (var i = 0; i < series.length; i++) { var item = series[i]; item.data = item.data === null ? 0 : item.data; count += item.data; } for (var _i9 = 0; _i9 < series.length; _i9++) { var _item2 = series[_i9]; _item2.data = _item2.data === null ? 0 : _item2.data; if (count === 0) { _item2._proportion_ = 1 / series.length * process; } else { _item2._proportion_ = _item2.data / count * process; } _item2._radius_ = radius; } for (var _i10 = 0; _i10 < series.length; _i10++) { var _item3 = series[_i10]; _item3._start_ = _start_; _start_ += 2 * _item3._proportion_ * Math.PI; } return series; } function getFunnelDataPoints(series, radius, type, eachSpacing) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; series = series.sort(function (a, b) { return parseInt(b.data) - parseInt(a.data); }); for (var i = 0; i < series.length; i++) { if (type == 'funnel') { series[i].radius = series[i].data / series[0].data * radius * process; } else { series[i].radius = eachSpacing * (series.length - i) / (eachSpacing * series.length) * radius * process; } series[i]._proportion_ = series[i].data / series[0].data; } if (type !== 'pyramid') { series.reverse(); } return series; } function getRoseDataPoints(series, type, minRadius, radius) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var count = 0; var _start_ = 0; var dataArr = []; for (var i = 0; i < series.length; i++) { var item = series[i]; item.data = item.data === null ? 0 : item.data; count += item.data; dataArr.push(item.data); } var minData = Math.min.apply(null, dataArr); var maxData = Math.max.apply(null, dataArr); var radiusLength = radius - minRadius; for (var _i11 = 0; _i11 < series.length; _i11++) { var _item4 = series[_i11]; _item4.data = _item4.data === null ? 0 : _item4.data; if (count === 0) { _item4._proportion_ = 1 / series.length * process; _item4._rose_proportion_ = 1 / series.length * process; } else { _item4._proportion_ = _item4.data / count * process; if (type == 'area') { _item4._rose_proportion_ = 1 / series.length * process; } else { _item4._rose_proportion_ = _item4.data / count * process; } } _item4._radius_ = minRadius + radiusLength * ((_item4.data - minData) / (maxData - minData)) || radius; } for (var _i12 = 0; _i12 < series.length; _i12++) { var _item5 = series[_i12]; _item5._start_ = _start_; _start_ += 2 * _item5._rose_proportion_ * Math.PI; } return series; } function getArcbarDataPoints(series, arcbarOption) { var process = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1; if (process == 1) { process = 0.999999; } for (var i = 0; i < series.length; i++) { var item = series[i]; item.data = item.data === null ? 0 : item.data; var totalAngle = void 0; if (arcbarOption.type == 'circle') { totalAngle = 2; } else { if (arcbarOption.endAngle < arcbarOption.startAngle) { totalAngle = 2 + arcbarOption.endAngle - arcbarOption.startAngle; } else { totalAngle = arcbarOption.startAngle - arcbarOption.endAngle; } } item._proportion_ = totalAngle * item.data * process + arcbarOption.startAngle; if (item._proportion_ >= 2) { item._proportion_ = item._proportion_ % 2; } } return series; } function getGaugeArcbarDataPoints(series, arcbarOption) { var process = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1; if (process == 1) { process = 0.999999; } for (var i = 0; i < series.length; i++) { var item = series[i]; item.data = item.data === null ? 0 : item.data; var totalAngle = void 0; if (arcbarOption.type == 'circle') { totalAngle = 2; } else { if (arcbarOption.endAngle < arcbarOption.startAngle) { totalAngle = 2 + arcbarOption.endAngle - arcbarOption.startAngle; } else { totalAngle = arcbarOption.startAngle - arcbarOption.endAngle; } } item._proportion_ = totalAngle * item.data * process + arcbarOption.startAngle; if (item._proportion_ >= 2) { item._proportion_ = item._proportion_ % 2; } } return series; } function getGaugeAxisPoints(categories, startAngle, endAngle) { var totalAngle = startAngle - endAngle + 1; var tempStartAngle = startAngle; for (var i = 0; i < categories.length; i++) { categories[i].value = categories[i].value === null ? 0 : categories[i].value; categories[i]._startAngle_ = tempStartAngle; categories[i]._endAngle_ = totalAngle * categories[i].value + startAngle; if (categories[i]._endAngle_ >= 2) { categories[i]._endAngle_ = categories[i]._endAngle_ % 2; } tempStartAngle = categories[i]._endAngle_; } return categories; } function getGaugeDataPoints(series, categories, gaugeOption) { var process = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1; for (var i = 0; i < series.length; i++) { var item = series[i]; item.data = item.data === null ? 0 : item.data; if (gaugeOption.pointer.color == 'auto') { for (var _i13 = 0; _i13 < categories.length; _i13++) { if (item.data <= categories[_i13].value) { item.color = categories[_i13].color; break; } } } else { item.color = gaugeOption.pointer.color; } var totalAngle = gaugeOption.startAngle - gaugeOption.endAngle + 1; item._endAngle_ = totalAngle * item.data + gaugeOption.startAngle; item._oldAngle_ = gaugeOption.oldAngle; if (gaugeOption.oldAngle < gaugeOption.endAngle) { item._oldAngle_ += 2; } if (item.data >= gaugeOption.oldData) { item._proportion_ = (item._endAngle_ - item._oldAngle_) * process + gaugeOption.oldAngle; } else { item._proportion_ = item._oldAngle_ - (item._oldAngle_ - item._endAngle_) * process; } if (item._proportion_ >= 2) { item._proportion_ = item._proportion_ % 2; } } return series; } function getPieTextMaxLength(series, config, context, opts) { series = getPieDataPoints(series); var maxLength = 0; for (var i = 0; i < series.length; i++) { var item = series[i]; var text = item.formatter ? item.formatter(+item._proportion_.toFixed(2)) : util.toFixed(item._proportion_ * 100) + '%'; maxLength = Math.max(maxLength, measureText(text, item.textSize * opts.pix || config.fontSize, context)); } return maxLength; } function fixColumeData(points, eachSpacing, columnLen, index, config, opts) { return points.map(function (item) { if (item === null) { return null; } var seriesGap = 0; var categoryGap = 0; if (opts.type == 'mix') { seriesGap = opts.extra.mix.column.seriesGap * opts.pix || 0; categoryGap = opts.extra.mix.column.categoryGap * opts.pix || 0; } else { seriesGap = opts.extra.column.seriesGap * opts.pix || 0; categoryGap = opts.extra.column.categoryGap * opts.pix || 0; } seriesGap = Math.min(seriesGap, eachSpacing / columnLen); categoryGap = Math.min(categoryGap, eachSpacing / columnLen); item.width = Math.ceil((eachSpacing - 2 * categoryGap - seriesGap * (columnLen - 1)) / columnLen); if (opts.extra.mix && opts.extra.mix.column.width && +opts.extra.mix.column.width > 0) { item.width = Math.min(item.width, +opts.extra.mix.column.width * opts.pix); } if (opts.extra.column && opts.extra.column.width && +opts.extra.column.width > 0) { item.width = Math.min(item.width, +opts.extra.column.width * opts.pix); } if (item.width <= 0) { item.width = 1; } item.x += (index + 0.5 - columnLen / 2) * (item.width + seriesGap); return item; }); } function fixBarData(points, eachSpacing, columnLen, index, config, opts) { return points.map(function (item) { if (item === null) { return null; } var seriesGap = 0; var categoryGap = 0; seriesGap = opts.extra.bar.seriesGap * opts.pix || 0; categoryGap = opts.extra.bar.categoryGap * opts.pix || 0; seriesGap = Math.min(seriesGap, eachSpacing / columnLen); categoryGap = Math.min(categoryGap, eachSpacing / columnLen); item.width = Math.ceil((eachSpacing - 2 * categoryGap - seriesGap * (columnLen - 1)) / columnLen); if (opts.extra.bar && opts.extra.bar.width && +opts.extra.bar.width > 0) { item.width = Math.min(item.width, +opts.extra.bar.width * opts.pix); } if (item.width <= 0) { item.width = 1; } item.y += (index + 0.5 - columnLen / 2) * (item.width + seriesGap); return item; }); } function fixColumeMeterData(points, eachSpacing, columnLen, index, config, opts, border) { var categoryGap = opts.extra.column.categoryGap * opts.pix || 0; return points.map(function (item) { if (item === null) { return null; } item.width = eachSpacing - 2 * categoryGap; if (opts.extra.column && opts.extra.column.width && +opts.extra.column.width > 0) { item.width = Math.min(item.width, +opts.extra.column.width * opts.pix); } if (index > 0) { item.width -= border; } return item; }); } function fixColumeStackData(points, eachSpacing, columnLen, index, config, opts, series) { var categoryGap = opts.extra.column.categoryGap * opts.pix || 0; return points.map(function (item, indexn) { if (item === null) { return null; } item.width = Math.ceil(eachSpacing - 2 * categoryGap); if (opts.extra.column && opts.extra.column.width && +opts.extra.column.width > 0) { item.width = Math.min(item.width, +opts.extra.column.width * opts.pix); } if (item.width <= 0) { item.width = 1; } return item; }); } function fixBarStackData(points, eachSpacing, columnLen, index, config, opts, series) { var categoryGap = opts.extra.bar.categoryGap * opts.pix || 0; return points.map(function (item, indexn) { if (item === null) { return null; } item.width = Math.ceil(eachSpacing - 2 * categoryGap); if (opts.extra.bar && opts.extra.bar.width && +opts.extra.bar.width > 0) { item.width = Math.min(item.width, +opts.extra.bar.width * opts.pix); } if (item.width <= 0) { item.width = 1; } return item; }); } function getXAxisPoints(categories, opts, config) { var spacingValid = opts.width - opts.area[1] - opts.area[3]; var dataCount = opts.enableScroll ? Math.min(opts.xAxis.itemCount, categories.length) : categories.length; if ((opts.type == 'line' || opts.type == 'area' || opts.type == 'scatter' || opts.type == 'bubble' || opts.type == 'bar') && dataCount > 1 && opts.xAxis.boundaryGap == 'justify') { dataCount -= 1; } var widthRatio = 0; if (opts.type == 'mount' && opts.extra && opts.extra.mount && opts.extra.mount.widthRatio && opts.extra.mount.widthRatio > 1) { if (opts.extra.mount.widthRatio > 2) opts.extra.mount.widthRatio = 2; widthRatio = opts.extra.mount.widthRatio - 1; dataCount += widthRatio; } var eachSpacing = spacingValid / dataCount; var xAxisPoints = []; var startX = opts.area[3]; var endX = opts.width - opts.area[1]; categories.forEach(function (item, index) { xAxisPoints.push(startX + widthRatio / 2 * eachSpacing + index * eachSpacing); }); if (opts.xAxis.boundaryGap !== 'justify') { if (opts.enableScroll === true) { xAxisPoints.push(startX + widthRatio * eachSpacing + categories.length * eachSpacing); } else { xAxisPoints.push(endX); } } return { xAxisPoints: xAxisPoints, startX: startX, endX: endX, eachSpacing: eachSpacing }; } function getCandleDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config) { var process = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 1; var points = []; var validHeight = opts.height - opts.area[0] - opts.area[2]; data.forEach(function (item, index) { if (item === null) { points.push(null); } else { var cPoints = []; item.forEach(function (items, indexs) { var point = {}; point.x = xAxisPoints[index] + Math.round(eachSpacing / 2); var value = items.value || items; var height = validHeight * (value - minRange) / (maxRange - minRange); height *= process; point.y = opts.height - Math.round(height) - opts.area[2]; cPoints.push(point); }); points.push(cPoints); } }); return points; } function getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config) { var process = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 1; var boundaryGap = 'center'; if (opts.type == 'line' || opts.type == 'area' || opts.type == 'scatter' || opts.type == 'bubble') { boundaryGap = opts.xAxis.boundaryGap; } var points = []; var validHeight = opts.height - opts.area[0] - opts.area[2]; var validWidth = opts.width - opts.area[1] - opts.area[3]; data.forEach(function (item, index) { if (item === null) { points.push(null); } else { var point = {}; point.color = item.color; point.x = xAxisPoints[index]; var value = item; if ((0, _typeof2.default)(item) === 'object' && item !== null) { if (item.constructor.toString().indexOf('Array') > -1) { var xranges, xminRange, xmaxRange; xranges = [].concat(opts.chartData.xAxisData.ranges); xminRange = xranges.shift(); xmaxRange = xranges.pop(); value = item[1]; point.x = opts.area[3] + validWidth * (item[0] - xminRange) / (xmaxRange - xminRange); if (opts.type == 'bubble') { point.r = item[2]; point.t = item[3]; } } else { value = item.value; } } if (boundaryGap == 'center') { point.x += eachSpacing / 2; } var height = validHeight * (value - minRange) / (maxRange - minRange); height *= process; point.y = opts.height - height - opts.area[2]; points.push(point); } }); return points; } function getMountDataPoints(series, minRange, maxRange, xAxisPoints, eachSpacing, opts, mountOption) { var process = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 1; var points = []; var validHeight = opts.height - opts.area[0] - opts.area[2]; var validWidth = opts.width - opts.area[1] - opts.area[3]; var mountWidth = eachSpacing * mountOption.widthRatio; series.forEach(function (item, index) { if (item === null) { points.push(null); } else { var point = {}; point.color = item.color; point.x = xAxisPoints[index]; point.x += eachSpacing / 2; var value = item.data; var height = validHeight * (value - minRange) / (maxRange - minRange); height *= process; point.y = opts.height - height - opts.area[2]; point.value = value; point.width = mountWidth; points.push(point); } }); return points; } function getBarDataPoints(data, minRange, maxRange, yAxisPoints, eachSpacing, opts, config) { var process = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 1; var points = []; var validHeight = opts.height - opts.area[0] - opts.area[2]; var validWidth = opts.width - opts.area[1] - opts.area[3]; data.forEach(function (item, index) { if (item === null) { points.push(null); } else { var point = {}; point.color = item.color; point.y = yAxisPoints[index]; var value = item; if ((0, _typeof2.default)(item) === 'object' && item !== null) { value = item.value; } var height = validWidth * (value - minRange) / (maxRange - minRange); height *= process; point.height = height; point.value = value; point.x = height + opts.area[3]; points.push(point); } }); return points; } function getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, seriesIndex, stackSeries) { var process = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : 1; var points = []; var validHeight = opts.height - opts.area[0] - opts.area[2]; data.forEach(function (item, index) { if (item === null) { points.push(null); } else { var point = {}; point.color = item.color; point.x = xAxisPoints[index] + Math.round(eachSpacing / 2); if (seriesIndex > 0) { var value = 0; for (var i = 0; i <= seriesIndex; i++) { value += stackSeries[i].data[index]; } var value0 = value - item; var height = validHeight * (value - minRange) / (maxRange - minRange); var height0 = validHeight * (value0 - minRange) / (maxRange - minRange); } else { var value = item; var height = validHeight * (value - minRange) / (maxRange - minRange); var height0 = 0; } var heightc = height0; height *= process; heightc *= process; point.y = opts.height - Math.round(height) - opts.area[2]; point.y0 = opts.height - Math.round(heightc) - opts.area[2]; points.push(point); } }); return points; } function getBarStackDataPoints(data, minRange, maxRange, yAxisPoints, eachSpacing, opts, config, seriesIndex, stackSeries) { var process = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : 1; var points = []; var validHeight = opts.width - opts.area[1] - opts.area[3]; data.forEach(function (item, index) { if (item === null) { points.push(null); } else { var point = {}; point.color = item.color; point.y = yAxisPoints[index]; if (seriesIndex > 0) { var value = 0; for (var i = 0; i <= seriesIndex; i++) { value += stackSeries[i].data[index]; } var value0 = value - item; var height = validHeight * (value - minRange) / (maxRange - minRange); var height0 = validHeight * (value0 - minRange) / (maxRange - minRange); } else { var value = item; var height = validHeight * (value - minRange) / (maxRange - minRange); var height0 = 0; } var heightc = height0; height *= process; heightc *= process; point.height = height - heightc; point.x = opts.area[3] + height; point.x0 = opts.area[3] + heightc; points.push(point); } }); return points; } function getYAxisTextList(series, opts, config, stack, yData) { var index = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : -1; var data; if (stack == 'stack') { data = dataCombineStack(series, opts.categories.length); } else { data = dataCombine(series); } var sorted = []; // remove null from data data = data.filter(function (item) { //return item !== null; if ((0, _typeof2.default)(item) === 'object' && item !== null) { if (item.constructor.toString().indexOf('Array') > -1) { return item !== null; } else { return item.value !== null; } } else { return item !== null; } }); data.map(function (item) { if ((0, _typeof2.default)(item) === 'object') { if (item.constructor.toString().indexOf('Array') > -1) { if (opts.type == 'candle') { item.map(function (subitem) { sorted.push(subitem); }); } else { sorted.push(item[1]); } } else { sorted.push(item.value); } } else { sorted.push(item); } }); var minData = yData.min || 0; var maxData = yData.max || 0; if (sorted.length > 0) { minData = Math.min.apply(this, sorted); maxData = Math.max.apply(this, sorted); } if (minData === maxData) { // var rangeSpan = maxData || 10; // maxData += rangeSpan; if (maxData == 0) { maxData = 10; } else { minData = 0; } } var dataRange = getDataRange(minData, maxData); var minRange = yData.min === undefined || yData.min === null ? dataRange.minRange : yData.min; var maxRange = yData.max === undefined || yData.max === null ? dataRange.maxRange : yData.max; var range = []; var eachRange = (maxRange - minRange) / opts.yAxis.splitNumber; for (var i = 0; i <= opts.yAxis.splitNumber; i++) { range.push(minRange + eachRange * i); } return range.reverse(); } function calYAxisData(series, opts, config, context) { //堆叠图重算Y轴 var columnstyle = assign({}, { type: "" }, opts.extra.column); //如果是多Y轴,重新计算 var YLength = opts.yAxis.data.length; var newSeries = new Array(YLength); if (YLength > 0) { for (var i = 0; i < YLength; i++) { newSeries[i] = []; for (var j = 0; j < series.length; j++) { if (series[j].index == i) { newSeries[i].push(series[j]); } } } var rangesArr = new Array(YLength); var rangesFormatArr = new Array(YLength); var yAxisWidthArr = new Array(YLength); var _loop3 = function _loop3(_i14) { var yData = opts.yAxis.data[_i14]; //如果总开关不显示,强制每个Y轴为不显示 if (opts.yAxis.disabled == true) { yData.disabled = true; } if (yData.type === 'categories') { if (!yData.formatter) { yData.formatter = function (val, index, opts) { return val + (yData.unit || ''); }; } yData.categories = yData.categories || opts.categories; rangesArr[_i14] = yData.categories; } else { if (!yData.formatter) { yData.formatter = function (val, index, opts) { return val.toFixed(yData.tofix) + (yData.unit || ''); }; } rangesArr[_i14] = getYAxisTextList(newSeries[_i14], opts, config, columnstyle.type, yData, _i14); } var yAxisFontSizes = yData.fontSize * opts.pix || config.fontSize; yAxisWidthArr[_i14] = { position: yData.position ? yData.position : 'left', width: 0 }; rangesFormatArr[_i14] = rangesArr[_i14].map(function (items, index) { items = yData.formatter(items, index, opts); yAxisWidthArr[_i14].width = Math.max(yAxisWidthArr[_i14].width, measureText(items, yAxisFontSizes, context) + 5); return items; }); var calibration = yData.calibration ? 4 * opts.pix : 0; yAxisWidthArr[_i14].width += calibration + 3 * opts.pix; if (yData.disabled === true) { yAxisWidthArr[_i14].width = 0; } }; for (var _i14 = 0; _i14 < YLength; _i14++) { _loop3(_i14); } } else { var rangesArr = new Array(1); var rangesFormatArr = new Array(1); var yAxisWidthArr = new Array(1); if (opts.type === 'bar') { rangesArr[0] = opts.categories; if (!opts.yAxis.formatter) { opts.yAxis.formatter = function (val, index, opts) { return val + (opts.yAxis.unit || ''); }; } } else { if (!opts.yAxis.formatter) { opts.yAxis.formatter = function (val, index, opts) { return val.toFixed(opts.yAxis.tofix) + (opts.yAxis.unit || ''); }; } rangesArr[0] = getYAxisTextList(series, opts, config, columnstyle.type, {}); } yAxisWidthArr[0] = { position: 'left', width: 0 }; var yAxisFontSize = opts.yAxis.fontSize * opts.pix || config.fontSize; rangesFormatArr[0] = rangesArr[0].map(function (item, index) { item = opts.yAxis.formatter(item, index, opts); yAxisWidthArr[0].width = Math.max(yAxisWidthArr[0].width, measureText(item, yAxisFontSize, context) + 5); return item; }); yAxisWidthArr[0].width += 3 * opts.pix; if (opts.yAxis.disabled === true) { yAxisWidthArr[0] = { position: 'left', width: 0 }; opts.yAxis.data[0] = { disabled: true }; } else { opts.yAxis.data[0] = { disabled: false, position: 'left', max: opts.yAxis.max, min: opts.yAxis.min, formatter: opts.yAxis.formatter }; if (opts.type === 'bar') { opts.yAxis.data[0].categories = opts.categories; opts.yAxis.data[0].type = 'categories'; } } } return { rangesFormat: rangesFormatArr, ranges: rangesArr, yAxisWidth: yAxisWidthArr }; } function calTooltipYAxisData(point, series, opts, config, eachSpacing) { var ranges = [].concat(opts.chartData.yAxisData.ranges); var spacingValid = opts.height - opts.area[0] - opts.area[2]; var minAxis = opts.area[0]; var items = []; for (var i = 0; i < ranges.length; i++) { var maxVal = ranges[i].shift(); var minVal = ranges[i].pop(); var item = maxVal - (maxVal - minVal) * (point - minAxis) / spacingValid; item = opts.yAxis.data[i].formatter ? opts.yAxis.data[i].formatter(item, i, opts) : item.toFixed(0); items.push(String(item)); } return items; } function calMarkLineData(points, opts) { var minRange, maxRange; var spacingValid = opts.height - opts.area[0] - opts.area[2]; for (var i = 0; i < points.length; i++) { points[i].yAxisIndex = points[i].yAxisIndex ? points[i].yAxisIndex : 0; var range = [].concat(opts.chartData.yAxisData.ranges[points[i].yAxisIndex]); minRange = range.pop(); maxRange = range.shift(); var height = spacingValid * (points[i].value - minRange) / (maxRange - minRange); points[i].y = opts.height - Math.round(height) - opts.area[2]; } return points; } function contextRotate(context, opts) { if (opts.rotateLock !== true) { context.translate(opts.height, 0); context.rotate(90 * Math.PI / 180); } else if (opts._rotate_ !== true) { context.translate(opts.height, 0); context.rotate(90 * Math.PI / 180); opts._rotate_ = true; } } function drawPointShape(points, color, shape, context, opts) { context.beginPath(); if (opts.dataPointShapeType == 'hollow') { context.setStrokeStyle(color); context.setFillStyle(opts.background); context.setLineWidth(2 * opts.pix); } else { context.setStrokeStyle("#ffffff"); context.setFillStyle(color); context.setLineWidth(1 * opts.pix); } if (shape === 'diamond') { points.forEach(function (item, index) { if (item !== null) { context.moveTo(item.x, item.y - 4.5); context.lineTo(item.x - 4.5, item.y); context.lineTo(item.x, item.y + 4.5); context.lineTo(item.x + 4.5, item.y); context.lineTo(item.x, item.y - 4.5); } }); } else if (shape === 'circle') { points.forEach(function (item, index) { if (item !== null) { context.moveTo(item.x + 2.5 * opts.pix, item.y); context.arc(item.x, item.y, 3 * opts.pix, 0, 2 * Math.PI, false); } }); } else if (shape === 'square') { points.forEach(function (item, index) { if (item !== null) { context.moveTo(item.x - 3.5, item.y - 3.5); context.rect(item.x - 3.5, item.y - 3.5, 7, 7); } }); } else if (shape === 'triangle') { points.forEach(function (item, index) { if (item !== null) { context.moveTo(item.x, item.y - 4.5); context.lineTo(item.x - 4.5, item.y + 4.5); context.lineTo(item.x + 4.5, item.y + 4.5); context.lineTo(item.x, item.y - 4.5); } }); } else if (shape === 'triangle') { return; } context.closePath(); context.fill(); context.stroke(); } function drawRingTitle(opts, config, context, center) { var titlefontSize = opts.title.fontSize || config.titleFontSize; var subtitlefontSize = opts.subtitle.fontSize || config.subtitleFontSize; var title = opts.title.name || ''; var subtitle = opts.subtitle.name || ''; var titleFontColor = opts.title.color || opts.fontColor; var subtitleFontColor = opts.subtitle.color || opts.fontColor; var titleHeight = title ? titlefontSize : 0; var subtitleHeight = subtitle ? subtitlefontSize : 0; var margin = 5; if (subtitle) { var textWidth = measureText(subtitle, subtitlefontSize * opts.pix, context); var startX = center.x - textWidth / 2 + (opts.subtitle.offsetX || 0) * opts.pix; var startY = center.y + subtitlefontSize * opts.pix / 2 + (opts.subtitle.offsetY || 0) * opts.pix; if (title) { startY += (titleHeight * opts.pix + margin) / 2; } context.beginPath(); context.setFontSize(subtitlefontSize * opts.pix); context.setFillStyle(subtitleFontColor); context.fillText(subtitle, startX, startY); context.closePath(); context.stroke(); } if (title) { var _textWidth = measureText(title, titlefontSize * opts.pix, context); var _startX = center.x - _textWidth / 2 + (opts.title.offsetX || 0); var _startY = center.y + titlefontSize * opts.pix / 2 + (opts.title.offsetY || 0) * opts.pix; if (subtitle) { _startY -= (subtitleHeight * opts.pix + margin) / 2; } context.beginPath(); context.setFontSize(titlefontSize * opts.pix); context.setFillStyle(titleFontColor); context.fillText(title, _startX, _startY); context.closePath(); context.stroke(); } } function drawPointText(points, series, config, context, opts) { // 绘制数据文案 var data = series.data; var textOffset = series.textOffset ? series.textOffset : 0; points.forEach(function (item, index) { if (item !== null) { context.beginPath(); var fontSize = series.textSize ? series.textSize * opts.pix : config.fontSize; context.setFontSize(fontSize); context.setFillStyle(series.textColor || opts.fontColor); var value = data[index]; if ((0, _typeof2.default)(data[index]) === 'object' && data[index] !== null) { if (data[index].constructor.toString().indexOf('Array') > -1) { value = data[index][1]; } else { value = data[index].value; } } var formatVal = series.formatter ? series.formatter(value, index, series, opts) : value; context.setTextAlign('center'); context.fillText(String(formatVal), item.x, item.y - 4 + textOffset * opts.pix); context.closePath(); context.stroke(); context.setTextAlign('left'); } }); } function drawMountPointText(points, series, config, context, opts) { // 绘制数据文案 var data = series.data; var textOffset = series.textOffset ? series.textOffset : 0; points.forEach(function (item, index) { if (item !== null) { context.beginPath(); var fontSize = series[index].textSize ? series[index].textSize * opts.pix : config.fontSize; context.setFontSize(fontSize); context.setFillStyle(series[index].textColor || opts.fontColor); var value = item.value; var formatVal = series[index].formatter ? series[index].formatter(value, index, series, opts) : value; context.setTextAlign('center'); context.fillText(String(formatVal), item.x, item.y - 4 + textOffset * opts.pix); context.closePath(); context.stroke(); context.setTextAlign('left'); } }); } function drawBarPointText(points, series, config, context, opts) { // 绘制数据文案 var data = series.data; var textOffset = series.textOffset ? series.textOffset : 0; points.forEach(function (item, index) { if (item !== null) { context.beginPath(); var fontSize = series.textSize ? series.textSize * opts.pix : config.fontSize; context.setFontSize(fontSize); context.setFillStyle(series.textColor || opts.fontColor); var value = data[index]; if ((0, _typeof2.default)(data[index]) === 'object' && data[index] !== null) { value = data[index].value; } var formatVal = series.formatter ? series.formatter(value, index, series, opts) : value; context.setTextAlign('left'); context.fillText(String(formatVal), item.x + 4 * opts.pix, item.y + fontSize / 2 - 3); context.closePath(); context.stroke(); } }); } function drawGaugeLabel(gaugeOption, radius, centerPosition, opts, config, context) { radius -= gaugeOption.width / 2 + gaugeOption.labelOffset * opts.pix; radius = radius < 10 ? 10 : radius; var totalAngle = gaugeOption.startAngle - gaugeOption.endAngle + 1; var splitAngle = totalAngle / gaugeOption.splitLine.splitNumber; var totalNumber = gaugeOption.endNumber - gaugeOption.startNumber; var splitNumber = totalNumber / gaugeOption.splitLine.splitNumber; var nowAngle = gaugeOption.startAngle; var nowNumber = gaugeOption.startNumber; for (var i = 0; i < gaugeOption.splitLine.splitNumber + 1; i++) { var pos = { x: radius * Math.cos(nowAngle * Math.PI), y: radius * Math.sin(nowAngle * Math.PI) }; var labelText = gaugeOption.formatter ? gaugeOption.formatter(nowNumber, i, opts) : nowNumber; pos.x += centerPosition.x - measureText(labelText, config.fontSize, context) / 2; pos.y += centerPosition.y; var startX = pos.x; var startY = pos.y; context.beginPath(); context.setFontSize(config.fontSize); context.setFillStyle(gaugeOption.labelColor || opts.fontColor); context.fillText(labelText, startX, startY + config.fontSize / 2); context.closePath(); context.stroke(); nowAngle += splitAngle; if (nowAngle >= 2) { nowAngle = nowAngle % 2; } nowNumber += splitNumber; } } function drawRadarLabel(angleList, radius, centerPosition, opts, config, context) { var radarOption = opts.extra.radar || {}; angleList.forEach(function (angle, index) { if (radarOption.labelPointShow === true && opts.categories[index] !== '') { var posPoint = { x: radius * Math.cos(angle), y: radius * Math.sin(angle) }; var posPointAxis = convertCoordinateOrigin(posPoint.x, posPoint.y, centerPosition); context.setFillStyle(radarOption.labelPointColor); context.beginPath(); context.arc(posPointAxis.x, posPointAxis.y, radarOption.labelPointRadius * opts.pix, 0, 2 * Math.PI, false); context.closePath(); context.fill(); } var pos = { x: (radius + config.radarLabelTextMargin * opts.pix) * Math.cos(angle), y: (radius + config.radarLabelTextMargin * opts.pix) * Math.sin(angle) }; var posRelativeCanvas = convertCoordinateOrigin(pos.x, pos.y, centerPosition); var startX = posRelativeCanvas.x; var startY = posRelativeCanvas.y; if (util.approximatelyEqual(pos.x, 0)) { startX -= measureText(opts.categories[index] || '', config.fontSize, context) / 2; } else if (pos.x < 0) { startX -= measureText(opts.categories[index] || '', config.fontSize, context); } context.beginPath(); context.setFontSize(config.fontSize); context.setFillStyle(radarOption.labelColor || opts.fontColor); context.fillText(opts.categories[index] || '', startX, startY + config.fontSize / 2); context.closePath(); context.stroke(); }); } function drawPieText(series, opts, config, context, radius, center) { var lineRadius = config.pieChartLinePadding; var textObjectCollection = []; var lastTextObject = null; var seriesConvert = series.map(function (item, index) { var text = item.formatter ? item.formatter(item, index, series, opts) : util.toFixed(item._proportion_.toFixed(4) * 100) + '%'; text = item.labelText ? item.labelText : text; var arc = 2 * Math.PI - (item._start_ + 2 * Math.PI * item._proportion_ / 2); if (item._rose_proportion_) { arc = 2 * Math.PI - (item._start_ + 2 * Math.PI * item._rose_proportion_ / 2); } var color = item.color; var radius = item._radius_; return { arc: arc, text: text, color: color, radius: radius, textColor: item.textColor, textSize: item.textSize, labelShow: item.labelShow }; }); for (var i = 0; i < seriesConvert.length; i++) { var item = seriesConvert[i]; // line end var orginX1 = Math.cos(item.arc) * (item.radius + lineRadius); var orginY1 = Math.sin(item.arc) * (item.radius + lineRadius); // line start var orginX2 = Math.cos(item.arc) * item.radius; var orginY2 = Math.sin(item.arc) * item.radius; // text start var orginX3 = orginX1 >= 0 ? orginX1 + config.pieChartTextPadding : orginX1 - config.pieChartTextPadding; var orginY3 = orginY1; var textWidth = measureText(item.text, item.textSize * opts.pix || config.fontSize, context); var startY = orginY3; if (lastTextObject && util.isSameXCoordinateArea(lastTextObject.start, { x: orginX3 })) { if (orginX3 > 0) { startY = Math.min(orginY3, lastTextObject.start.y); } else if (orginX1 < 0) { startY = Math.max(orginY3, lastTextObject.start.y); } else { if (orginY3 > 0) { startY = Math.max(orginY3, lastTextObject.start.y); } else { startY = Math.min(orginY3, lastTextObject.start.y); } } } if (orginX3 < 0) { orginX3 -= textWidth; } var textObject = { lineStart: { x: orginX2, y: orginY2 }, lineEnd: { x: orginX1, y: orginY1 }, start: { x: orginX3, y: startY }, width: textWidth, height: config.fontSize, text: item.text, color: item.color, textColor: item.textColor, textSize: item.textSize }; lastTextObject = avoidCollision(textObject, lastTextObject); textObjectCollection.push(lastTextObject); } for (var _i15 = 0; _i15 < textObjectCollection.length; _i15++) { if (seriesConvert[_i15].labelShow === false) { continue; } var _item6 = textObjectCollection[_i15]; var lineStartPoistion = convertCoordinateOrigin(_item6.lineStart.x, _item6.lineStart.y, center); var lineEndPoistion = convertCoordinateOrigin(_item6.lineEnd.x, _item6.lineEnd.y, center); var textPosition = convertCoordinateOrigin(_item6.start.x, _item6.start.y, center); context.setLineWidth(1 * opts.pix); context.setFontSize(_item6.textSize * opts.pix || config.fontSize); context.beginPath(); context.setStrokeStyle(_item6.color); context.setFillStyle(_item6.color); context.moveTo(lineStartPoistion.x, lineStartPoistion.y); var curveStartX = _item6.start.x < 0 ? textPosition.x + _item6.width : textPosition.x; var textStartX = _item6.start.x < 0 ? textPosition.x - 5 : textPosition.x + 5; context.quadraticCurveTo(lineEndPoistion.x, lineEndPoistion.y, curveStartX, textPosition.y); context.moveTo(lineStartPoistion.x, lineStartPoistion.y); context.stroke(); context.closePath(); context.beginPath(); context.moveTo(textPosition.x + _item6.width, textPosition.y); context.arc(curveStartX, textPosition.y, 2 * opts.pix, 0, 2 * Math.PI); context.closePath(); context.fill(); context.beginPath(); context.setFontSize(_item6.textSize * opts.pix || config.fontSize); context.setFillStyle(_item6.textColor || opts.fontColor); context.fillText(_item6.text, textStartX, textPosition.y + 3); context.closePath(); context.stroke(); context.closePath(); } } function drawToolTipSplitLine(offsetX, opts, config, context) { var toolTipOption = opts.extra.tooltip || {}; toolTipOption.gridType = toolTipOption.gridType == undefined ? 'solid' : toolTipOption.gridType; toolTipOption.dashLength = toolTipOption.dashLength == undefined ? 4 : toolTipOption.dashLength; var startY = opts.area[0]; var endY = opts.height - opts.area[2]; if (toolTipOption.gridType == 'dash') { context.setLineDash([toolTipOption.dashLength, toolTipOption.dashLength]); } context.setStrokeStyle(toolTipOption.gridColor || '#cccccc'); context.setLineWidth(1 * opts.pix); context.beginPath(); context.moveTo(offsetX, startY); context.lineTo(offsetX, endY); context.stroke(); context.setLineDash([]); if (toolTipOption.xAxisLabel) { var labelText = opts.categories[opts.tooltip.index]; context.setFontSize(config.fontSize); var textWidth = measureText(labelText, config.fontSize, context); var textX = offsetX - 0.5 * textWidth; var textY = endY; context.beginPath(); context.setFillStyle(hexToRgb(toolTipOption.labelBgColor || config.toolTipBackground, toolTipOption.labelBgOpacity || config.toolTipOpacity)); context.setStrokeStyle(toolTipOption.labelBgColor || config.toolTipBackground); context.setLineWidth(1 * opts.pix); context.rect(textX - config.toolTipPadding, textY, textWidth + 2 * config.toolTipPadding, config.fontSize + 2 * config.toolTipPadding); context.closePath(); context.stroke(); context.fill(); context.beginPath(); context.setFontSize(config.fontSize); context.setFillStyle(toolTipOption.labelFontColor || opts.fontColor); context.fillText(String(labelText), textX, textY + config.toolTipPadding + config.fontSize); context.closePath(); context.stroke(); } } function drawMarkLine(opts, config, context) { var markLineOption = assign({}, { type: 'solid', dashLength: 4, data: [] }, opts.extra.markLine); var startX = opts.area[3]; var endX = opts.width - opts.area[1]; var points = calMarkLineData(markLineOption.data, opts); for (var i = 0; i < points.length; i++) { var item = assign({}, { lineColor: '#DE4A42', showLabel: false, labelFontColor: '#666666', labelBgColor: '#DFE8FF', labelBgOpacity: 0.8, labelAlign: 'left', labelOffsetX: 0, labelOffsetY: 0 }, points[i]); if (markLineOption.type == 'dash') { context.setLineDash([markLineOption.dashLength, markLineOption.dashLength]); } context.setStrokeStyle(item.lineColor); context.setLineWidth(1 * opts.pix); context.beginPath(); context.moveTo(startX, item.y); context.lineTo(endX, item.y); context.stroke(); context.setLineDash([]); if (item.showLabel) { var labelText = item.labelText ? item.labelText : item.value; context.setFontSize(config.fontSize); var textWidth = measureText(labelText, config.fontSize, context); var bgWidth = textWidth + config.toolTipPadding * 2; var bgStartX = item.labelAlign == 'left' ? opts.area[3] - bgWidth : opts.width - opts.area[1]; bgStartX += item.labelOffsetX; var bgStartY = item.y - 0.5 * config.fontSize - config.toolTipPadding; bgStartY += item.labelOffsetY; var textX = bgStartX + config.toolTipPadding; var textY = item.y; context.setFillStyle(hexToRgb(item.labelBgColor, item.labelBgOpacity)); context.setStrokeStyle(item.labelBgColor); context.setLineWidth(1 * opts.pix); context.beginPath(); context.rect(bgStartX, bgStartY, bgWidth, config.fontSize + 2 * config.toolTipPadding); context.closePath(); context.stroke(); context.fill(); context.setFontSize(config.fontSize); context.setTextAlign('left'); context.setFillStyle(item.labelFontColor); context.fillText(String(labelText), textX, bgStartY + config.fontSize + config.toolTipPadding / 2); context.stroke(); context.setTextAlign('left'); } } } function drawToolTipHorizentalLine(opts, config, context, eachSpacing, xAxisPoints) { var toolTipOption = assign({}, { gridType: 'solid', dashLength: 4 }, opts.extra.tooltip); var startX = opts.area[3]; var endX = opts.width - opts.area[1]; if (toolTipOption.gridType == 'dash') { context.setLineDash([toolTipOption.dashLength, toolTipOption.dashLength]); } context.setStrokeStyle(toolTipOption.gridColor || '#cccccc'); context.setLineWidth(1 * opts.pix); context.beginPath(); context.moveTo(startX, opts.tooltip.offset.y); context.lineTo(endX, opts.tooltip.offset.y); context.stroke(); context.setLineDash([]); if (toolTipOption.yAxisLabel) { var labelText = calTooltipYAxisData(opts.tooltip.offset.y, opts.series, opts, config, eachSpacing); var widthArr = opts.chartData.yAxisData.yAxisWidth; var tStartLeft = opts.area[3]; var tStartRight = opts.width - opts.area[1]; for (var i = 0; i < labelText.length; i++) { context.setFontSize(config.fontSize); var textWidth = measureText(labelText[i], config.fontSize, context); var bgStartX = void 0, bgEndX = void 0, bgWidth = void 0; if (widthArr[i].position == 'left') { bgStartX = tStartLeft - widthArr[i].width; bgEndX = Math.max(bgStartX, bgStartX + textWidth + config.toolTipPadding * 2); } else { bgStartX = tStartRight; bgEndX = Math.max(bgStartX + widthArr[i].width, bgStartX + textWidth + config.toolTipPadding * 2); } bgWidth = bgEndX - bgStartX; var textX = bgStartX + (bgWidth - textWidth) / 2; var textY = opts.tooltip.offset.y; context.beginPath(); context.setFillStyle(hexToRgb(toolTipOption.labelBgColor || config.toolTipBackground, toolTipOption.labelBgOpacity || config.toolTipOpacity)); context.setStrokeStyle(toolTipOption.labelBgColor || config.toolTipBackground); context.setLineWidth(1 * opts.pix); context.rect(bgStartX, textY - 0.5 * config.fontSize - config.toolTipPadding, bgWidth, config.fontSize + 2 * config.toolTipPadding); context.closePath(); context.stroke(); context.fill(); context.beginPath(); context.setFontSize(config.fontSize); context.setFillStyle(toolTipOption.labelFontColor || opts.fontColor); context.fillText(labelText[i], textX, textY + 0.5 * config.fontSize); context.closePath(); context.stroke(); if (widthArr[i].position == 'left') { tStartLeft -= widthArr[i].width + opts.yAxis.padding * opts.pix; } else { tStartRight += widthArr[i].width + opts.yAxis.padding * opts.pix; } } } } function drawToolTipSplitArea(offsetX, opts, config, context, eachSpacing) { var toolTipOption = assign({}, { activeBgColor: '#000000', activeBgOpacity: 0.08, activeWidth: eachSpacing }, opts.extra.column); toolTipOption.activeWidth = toolTipOption.activeWidth > eachSpacing ? eachSpacing : toolTipOption.activeWidth; var startY = opts.area[0]; var endY = opts.height - opts.area[2]; context.beginPath(); context.setFillStyle(hexToRgb(toolTipOption.activeBgColor, toolTipOption.activeBgOpacity)); context.rect(offsetX - toolTipOption.activeWidth / 2, startY, toolTipOption.activeWidth, endY - startY); context.closePath(); context.fill(); context.setFillStyle("#FFFFFF"); } function drawBarToolTipSplitArea(offsetX, opts, config, context, eachSpacing) { var toolTipOption = assign({}, { activeBgColor: '#000000', activeBgOpacity: 0.08 }, opts.extra.bar); var startX = opts.area[3]; var endX = opts.width - opts.area[1]; context.beginPath(); context.setFillStyle(hexToRgb(toolTipOption.activeBgColor, toolTipOption.activeBgOpacity)); context.rect(startX, offsetX - eachSpacing / 2, endX - startX, eachSpacing); context.closePath(); context.fill(); context.setFillStyle("#FFFFFF"); } function drawToolTip(textList, offset, opts, config, context, eachSpacing, xAxisPoints) { var toolTipOption = assign({}, { showBox: true, showArrow: true, showCategory: false, bgColor: '#000000', bgOpacity: 0.7, borderColor: '#000000', borderWidth: 0, borderRadius: 0, borderOpacity: 0.7, fontColor: '#FFFFFF', splitLine: true }, opts.extra.tooltip); if (toolTipOption.showCategory == true && opts.categories) { textList.unshift({ text: opts.categories[opts.tooltip.index], color: null }); } var legendWidth = 4 * opts.pix; var legendMarginRight = 5 * opts.pix; var arrowWidth = toolTipOption.showArrow ? 8 * opts.pix : 0; var isOverRightBorder = false; if (opts.type == 'line' || opts.type == 'mount' || opts.type == 'area' || opts.type == 'candle' || opts.type == 'mix') { if (toolTipOption.splitLine == true) { drawToolTipSplitLine(opts.tooltip.offset.x, opts, config, context); } } offset = assign({ x: 0, y: 0 }, offset); offset.y -= 8 * opts.pix; var textWidth = textList.map(function (item) { return measureText(item.text, config.fontSize, context); }); var toolTipWidth = legendWidth + legendMarginRight + 4 * config.toolTipPadding + Math.max.apply(null, textWidth); var toolTipHeight = 2 * config.toolTipPadding + textList.length * config.toolTipLineHeight; if (toolTipOption.showBox == false) { return; } // if beyond the right border if (offset.x - Math.abs(opts._scrollDistance_ || 0) + arrowWidth + toolTipWidth > opts.width) { isOverRightBorder = true; } if (toolTipHeight + offset.y > opts.height) { offset.y = opts.height - toolTipHeight; } // draw background rect context.beginPath(); context.setFillStyle(hexToRgb(toolTipOption.bgColor || config.toolTipBackground, toolTipOption.bgOpacity || config.toolTipOpacity)); context.setLineWidth(toolTipOption.borderWidth * opts.pix); context.setStrokeStyle(hexToRgb(toolTipOption.borderColor, toolTipOption.borderOpacity)); var radius = toolTipOption.borderRadius; if (isOverRightBorder) { if (toolTipOption.showArrow) { context.moveTo(offset.x, offset.y + 10 * opts.pix); context.lineTo(offset.x - arrowWidth, offset.y + 10 * opts.pix + 5 * opts.pix); } context.arc(offset.x - arrowWidth - radius, offset.y + toolTipHeight - radius, radius, 0, Math.PI / 2, false); context.arc(offset.x - arrowWidth - Math.round(toolTipWidth) + radius, offset.y + toolTipHeight - radius, radius, Math.PI / 2, Math.PI, false); context.arc(offset.x - arrowWidth - Math.round(toolTipWidth) + radius, offset.y + radius, radius, -Math.PI, -Math.PI / 2, false); context.arc(offset.x - arrowWidth - radius, offset.y + radius, radius, -Math.PI / 2, 0, false); if (toolTipOption.showArrow) { context.lineTo(offset.x - arrowWidth, offset.y + 10 * opts.pix - 5 * opts.pix); context.lineTo(offset.x, offset.y + 10 * opts.pix); } } else { if (toolTipOption.showArrow) { context.moveTo(offset.x, offset.y + 10 * opts.pix); context.lineTo(offset.x + arrowWidth, offset.y + 10 * opts.pix - 5 * opts.pix); } context.arc(offset.x + arrowWidth + radius, offset.y + radius, radius, -Math.PI, -Math.PI / 2, false); context.arc(offset.x + arrowWidth + Math.round(toolTipWidth) - radius, offset.y + radius, radius, -Math.PI / 2, 0, false); context.arc(offset.x + arrowWidth + Math.round(toolTipWidth) - radius, offset.y + toolTipHeight - radius, radius, 0, Math.PI / 2, false); context.arc(offset.x + arrowWidth + radius, offset.y + toolTipHeight - radius, radius, Math.PI / 2, Math.PI, false); if (toolTipOption.showArrow) { context.lineTo(offset.x + arrowWidth, offset.y + 10 * opts.pix + 5 * opts.pix); context.lineTo(offset.x, offset.y + 10 * opts.pix); } } context.closePath(); context.fill(); if (toolTipOption.borderWidth > 0) { context.stroke(); } // draw legend textList.forEach(function (item, index) { if (item.color !== null) { context.beginPath(); context.setFillStyle(item.color); var startX = offset.x + arrowWidth + 2 * config.toolTipPadding; var startY = offset.y + (config.toolTipLineHeight - config.fontSize) / 2 + config.toolTipLineHeight * index + config.toolTipPadding + 1; if (isOverRightBorder) { startX = offset.x - toolTipWidth - arrowWidth + 2 * config.toolTipPadding; } context.fillRect(startX, startY, legendWidth, config.fontSize); context.closePath(); } }); // draw text list textList.forEach(function (item, index) { var startX = offset.x + arrowWidth + 2 * config.toolTipPadding + legendWidth + legendMarginRight; if (isOverRightBorder) { startX = offset.x - toolTipWidth - arrowWidth + 2 * config.toolTipPadding + +legendWidth + legendMarginRight; } var startY = offset.y + (config.toolTipLineHeight - config.fontSize) / 2 + config.toolTipLineHeight * index + config.toolTipPadding; context.beginPath(); context.setFontSize(config.fontSize); context.setFillStyle(toolTipOption.fontColor); context.fillText(item.text, startX, startY + config.fontSize); context.closePath(); context.stroke(); }); } function drawColumnDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var xAxisData = opts.chartData.xAxisData, xAxisPoints = xAxisData.xAxisPoints, eachSpacing = xAxisData.eachSpacing; var columnOption = assign({}, { type: 'group', width: eachSpacing / 2, meterBorder: 4, meterFillColor: '#FFFFFF', barBorderCircle: false, barBorderRadius: [], seriesGap: 2, linearType: 'none', linearOpacity: 1, customColor: [], colorStop: 0 }, opts.extra.column); var calPoints = []; context.save(); var leftNum = -2; var rightNum = xAxisPoints.length + 2; if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) { context.translate(opts._scrollDistance_, 0); leftNum = Math.floor(-opts._scrollDistance_ / eachSpacing) - 2; rightNum = leftNum + opts.xAxis.itemCount + 4; } if (opts.tooltip && opts.tooltip.textList && opts.tooltip.textList.length && process === 1) { drawToolTipSplitArea(opts.tooltip.offset.x, opts, config, context, eachSpacing); } columnOption.customColor = fillCustomColor(columnOption.linearType, columnOption.customColor, series, config); series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; switch (columnOption.type) { case 'group': var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); var tooltipPoints = getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, seriesIndex, series, process); calPoints.push(tooltipPoints); points = fixColumeData(points, eachSpacing, series.length, seriesIndex, config, opts); for (var i = 0; i < points.length; i++) { var item = points[i]; //fix issues/I27B1N yyoinge & Joeshu if (item !== null && i > leftNum && i < rightNum) { var startX = item.x - item.width / 2; var height = opts.height - item.y - opts.area[2]; context.beginPath(); var fillColor = item.color || eachSeries.color; var strokeColor = item.color || eachSeries.color; if (columnOption.linearType !== 'none') { var grd = context.createLinearGradient(startX, item.y, startX, opts.height - opts.area[2]); //透明渐变 if (columnOption.linearType == 'opacity') { grd.addColorStop(0, hexToRgb(fillColor, columnOption.linearOpacity)); grd.addColorStop(1, hexToRgb(fillColor, 1)); } else { grd.addColorStop(0, hexToRgb(columnOption.customColor[eachSeries.linearIndex], columnOption.linearOpacity)); grd.addColorStop(columnOption.colorStop, hexToRgb(columnOption.customColor[eachSeries.linearIndex], columnOption.linearOpacity)); grd.addColorStop(1, hexToRgb(fillColor, 1)); } fillColor = grd; } // 圆角边框 if (columnOption.barBorderRadius && columnOption.barBorderRadius.length === 4 || columnOption.barBorderCircle === true) { var left = startX; var top = item.y; var width = item.width; var _height = opts.height - opts.area[2] - item.y; if (columnOption.barBorderCircle) { columnOption.barBorderRadius = [width / 2, width / 2, 0, 0]; } var _columnOption$barBord = (0, _slicedToArray2.default)(columnOption.barBorderRadius, 4), r0 = _columnOption$barBord[0], r1 = _columnOption$barBord[1], r2 = _columnOption$barBord[2], r3 = _columnOption$barBord[3]; var minRadius = Math.min(width / 2, _height / 2); r0 = r0 > minRadius ? minRadius : r0; r1 = r1 > minRadius ? minRadius : r1; r2 = r2 > minRadius ? minRadius : r2; r3 = r3 > minRadius ? minRadius : r3; r0 = r0 < 0 ? 0 : r0; r1 = r1 < 0 ? 0 : r1; r2 = r2 < 0 ? 0 : r2; r3 = r3 < 0 ? 0 : r3; context.arc(left + r0, top + r0, r0, -Math.PI, -Math.PI / 2); context.arc(left + width - r1, top + r1, r1, -Math.PI / 2, 0); context.arc(left + width - r2, top + _height - r2, r2, 0, Math.PI / 2); context.arc(left + r3, top + _height - r3, r3, Math.PI / 2, Math.PI); } else { context.moveTo(startX, item.y); context.lineTo(startX + item.width, item.y); context.lineTo(startX + item.width, opts.height - opts.area[2]); context.lineTo(startX, opts.height - opts.area[2]); context.lineTo(startX, item.y); context.setLineWidth(1); context.setStrokeStyle(strokeColor); } context.setFillStyle(fillColor); context.closePath(); //context.stroke(); context.fill(); } } ; break; case 'stack': // 绘制堆叠数据图 var points = getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, seriesIndex, series, process); calPoints.push(points); points = fixColumeStackData(points, eachSpacing, series.length, seriesIndex, config, opts, series); for (var _i16 = 0; _i16 < points.length; _i16++) { var _item7 = points[_i16]; if (_item7 !== null && _i16 > leftNum && _i16 < rightNum) { context.beginPath(); var fillColor = _item7.color || eachSeries.color; var startX = _item7.x - _item7.width / 2 + 1; var height = opts.height - _item7.y - opts.area[2]; var height0 = opts.height - _item7.y0 - opts.area[2]; if (seriesIndex > 0) { height -= height0; } context.setFillStyle(fillColor); context.moveTo(startX, _item7.y); context.fillRect(startX, _item7.y, _item7.width, height); context.closePath(); context.fill(); } } ; break; case 'meter': // 绘制温度计数据图 var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); calPoints.push(points); points = fixColumeMeterData(points, eachSpacing, series.length, seriesIndex, config, opts, columnOption.meterBorder); for (var _i17 = 0; _i17 < points.length; _i17++) { var _item8 = points[_i17]; if (_item8 !== null && _i17 > leftNum && _i17 < rightNum) { //画背景颜色 context.beginPath(); if (seriesIndex == 0 && columnOption.meterBorder > 0) { context.setStrokeStyle(eachSeries.color); context.setLineWidth(columnOption.meterBorder * opts.pix); } if (seriesIndex == 0) { context.setFillStyle(columnOption.meterFillColor); } else { context.setFillStyle(_item8.color || eachSeries.color); } var startX = _item8.x - _item8.width / 2; var height = opts.height - _item8.y - opts.area[2]; if (columnOption.barBorderRadius && columnOption.barBorderRadius.length === 4 || columnOption.barBorderCircle === true) { var _left = startX; var _top = _item8.y; var _width = _item8.width; var _height2 = opts.height - opts.area[2] - _item8.y; if (columnOption.barBorderCircle) { columnOption.barBorderRadius = [_width / 2, _width / 2, 0, 0]; } var _columnOption$barBord2 = (0, _slicedToArray2.default)(columnOption.barBorderRadius, 4), _r = _columnOption$barBord2[0], _r2 = _columnOption$barBord2[1], _r3 = _columnOption$barBord2[2], _r4 = _columnOption$barBord2[3]; var _minRadius = Math.min(_width / 2, _height2 / 2); _r = _r > _minRadius ? _minRadius : _r; _r2 = _r2 > _minRadius ? _minRadius : _r2; _r3 = _r3 > _minRadius ? _minRadius : _r3; _r4 = _r4 > _minRadius ? _minRadius : _r4; _r = _r < 0 ? 0 : _r; _r2 = _r2 < 0 ? 0 : _r2; _r3 = _r3 < 0 ? 0 : _r3; _r4 = _r4 < 0 ? 0 : _r4; context.arc(_left + _r, _top + _r, _r, -Math.PI, -Math.PI / 2); context.arc(_left + _width - _r2, _top + _r2, _r2, -Math.PI / 2, 0); context.arc(_left + _width - _r3, _top + _height2 - _r3, _r3, 0, Math.PI / 2); context.arc(_left + _r4, _top + _height2 - _r4, _r4, Math.PI / 2, Math.PI); context.fill(); } else { context.moveTo(startX, _item8.y); context.lineTo(startX + _item8.width, _item8.y); context.lineTo(startX + _item8.width, opts.height - opts.area[2]); context.lineTo(startX, opts.height - opts.area[2]); context.lineTo(startX, _item8.y); context.fill(); } if (seriesIndex == 0 && columnOption.meterBorder > 0) { context.closePath(); context.stroke(); } } } break; } }); if (opts.dataLabel !== false && process === 1) { series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; switch (columnOption.type) { case 'group': var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); points = fixColumeData(points, eachSpacing, series.length, seriesIndex, config, opts); drawPointText(points, eachSeries, config, context, opts); break; case 'stack': var points = getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, seriesIndex, series, process); drawPointText(points, eachSeries, config, context, opts); break; case 'meter': var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); drawPointText(points, eachSeries, config, context, opts); break; } }); } context.restore(); return { xAxisPoints: xAxisPoints, calPoints: calPoints, eachSpacing: eachSpacing }; } function drawMountDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var xAxisData = opts.chartData.xAxisData, xAxisPoints = xAxisData.xAxisPoints, eachSpacing = xAxisData.eachSpacing; var mountOption = assign({}, { type: 'mount', widthRatio: 1, borderWidth: 1, barBorderCircle: false, barBorderRadius: [], linearType: 'none', linearOpacity: 1, customColor: [], colorStop: 0 }, opts.extra.mount); mountOption.widthRatio = mountOption.widthRatio <= 0 ? 0 : mountOption.widthRatio; mountOption.widthRatio = mountOption.widthRatio >= 2 ? 2 : mountOption.widthRatio; var calPoints = []; context.save(); var leftNum = -2; var rightNum = xAxisPoints.length + 2; if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) { context.translate(opts._scrollDistance_, 0); leftNum = Math.floor(-opts._scrollDistance_ / eachSpacing) - 2; rightNum = leftNum + opts.xAxis.itemCount + 4; } mountOption.customColor = fillCustomColor(mountOption.linearType, mountOption.customColor, series, config); var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[0]); minRange = ranges.pop(); maxRange = ranges.shift(); var points = getMountDataPoints(series, minRange, maxRange, xAxisPoints, eachSpacing, opts, mountOption, process); switch (mountOption.type) { case 'bar': for (var i = 0; i < points.length; i++) { var item = points[i]; if (item !== null && i > leftNum && i < rightNum) { var startX = item.x - eachSpacing * mountOption.widthRatio / 2; var height = opts.height - item.y - opts.area[2]; context.beginPath(); var fillColor = item.color || series[i].color; var strokeColor = item.color || series[i].color; if (mountOption.linearType !== 'none') { var grd = context.createLinearGradient(startX, item.y, startX, opts.height - opts.area[2]); //透明渐变 if (mountOption.linearType == 'opacity') { grd.addColorStop(0, hexToRgb(fillColor, mountOption.linearOpacity)); grd.addColorStop(1, hexToRgb(fillColor, 1)); } else { grd.addColorStop(0, hexToRgb(mountOption.customColor[series[i].linearIndex], mountOption.linearOpacity)); grd.addColorStop(mountOption.colorStop, hexToRgb(mountOption.customColor[series[i].linearIndex], mountOption.linearOpacity)); grd.addColorStop(1, hexToRgb(fillColor, 1)); } fillColor = grd; } // 圆角边框 if (mountOption.barBorderRadius && mountOption.barBorderRadius.length === 4 || mountOption.barBorderCircle === true) { var left = startX; var top = item.y; var width = item.width; var _height3 = opts.height - opts.area[2] - item.y - mountOption.borderWidth * opts.pix / 2; if (mountOption.barBorderCircle) { mountOption.barBorderRadius = [width / 2, width / 2, 0, 0]; } var _mountOption$barBorde = (0, _slicedToArray2.default)(mountOption.barBorderRadius, 4), r0 = _mountOption$barBorde[0], r1 = _mountOption$barBorde[1], r2 = _mountOption$barBorde[2], r3 = _mountOption$barBorde[3]; var minRadius = Math.min(width / 2, _height3 / 2); r0 = r0 > minRadius ? minRadius : r0; r1 = r1 > minRadius ? minRadius : r1; r2 = r2 > minRadius ? minRadius : r2; r3 = r3 > minRadius ? minRadius : r3; r0 = r0 < 0 ? 0 : r0; r1 = r1 < 0 ? 0 : r1; r2 = r2 < 0 ? 0 : r2; r3 = r3 < 0 ? 0 : r3; context.arc(left + r0, top + r0, r0, -Math.PI, -Math.PI / 2); context.arc(left + width - r1, top + r1, r1, -Math.PI / 2, 0); context.arc(left + width - r2, top + _height3 - r2, r2, 0, Math.PI / 2); context.arc(left + r3, top + _height3 - r3, r3, Math.PI / 2, Math.PI); } else { context.moveTo(startX, item.y); context.lineTo(startX + item.width, item.y); context.lineTo(startX + item.width, opts.height - opts.area[2]); context.lineTo(startX, opts.height - opts.area[2]); context.lineTo(startX, item.y); } context.setStrokeStyle(strokeColor); context.setFillStyle(fillColor); if (mountOption.borderWidth > 0) { context.setLineWidth(mountOption.borderWidth * opts.pix); context.closePath(); context.stroke(); } context.fill(); } } ; break; case 'triangle': for (var _i18 = 0; _i18 < points.length; _i18++) { var _item9 = points[_i18]; if (_item9 !== null && _i18 > leftNum && _i18 < rightNum) { var startX = _item9.x - eachSpacing * mountOption.widthRatio / 2; var height = opts.height - _item9.y - opts.area[2]; context.beginPath(); var fillColor = _item9.color || series[_i18].color; var strokeColor = _item9.color || series[_i18].color; if (mountOption.linearType !== 'none') { var grd = context.createLinearGradient(startX, _item9.y, startX, opts.height - opts.area[2]); //透明渐变 if (mountOption.linearType == 'opacity') { grd.addColorStop(0, hexToRgb(fillColor, mountOption.linearOpacity)); grd.addColorStop(1, hexToRgb(fillColor, 1)); } else { grd.addColorStop(0, hexToRgb(mountOption.customColor[series[_i18].linearIndex], mountOption.linearOpacity)); grd.addColorStop(mountOption.colorStop, hexToRgb(mountOption.customColor[series[_i18].linearIndex], mountOption.linearOpacity)); grd.addColorStop(1, hexToRgb(fillColor, 1)); } fillColor = grd; } context.moveTo(startX, opts.height - opts.area[2]); context.lineTo(_item9.x, _item9.y); context.lineTo(startX + _item9.width, opts.height - opts.area[2]); context.setStrokeStyle(strokeColor); context.setFillStyle(fillColor); if (mountOption.borderWidth > 0) { context.setLineWidth(mountOption.borderWidth * opts.pix); context.stroke(); } context.fill(); } } ; break; case 'mount': for (var _i19 = 0; _i19 < points.length; _i19++) { var _item10 = points[_i19]; if (_item10 !== null && _i19 > leftNum && _i19 < rightNum) { var startX = _item10.x - eachSpacing * mountOption.widthRatio / 2; var height = opts.height - _item10.y - opts.area[2]; context.beginPath(); var fillColor = _item10.color || series[_i19].color; var strokeColor = _item10.color || series[_i19].color; if (mountOption.linearType !== 'none') { var grd = context.createLinearGradient(startX, _item10.y, startX, opts.height - opts.area[2]); //透明渐变 if (mountOption.linearType == 'opacity') { grd.addColorStop(0, hexToRgb(fillColor, mountOption.linearOpacity)); grd.addColorStop(1, hexToRgb(fillColor, 1)); } else { grd.addColorStop(0, hexToRgb(mountOption.customColor[series[_i19].linearIndex], mountOption.linearOpacity)); grd.addColorStop(mountOption.colorStop, hexToRgb(mountOption.customColor[series[_i19].linearIndex], mountOption.linearOpacity)); grd.addColorStop(1, hexToRgb(fillColor, 1)); } fillColor = grd; } context.moveTo(startX, opts.height - opts.area[2]); context.bezierCurveTo(_item10.x - _item10.width / 4, opts.height - opts.area[2], _item10.x - _item10.width / 4, _item10.y, _item10.x, _item10.y); context.bezierCurveTo(_item10.x + _item10.width / 4, _item10.y, _item10.x + _item10.width / 4, opts.height - opts.area[2], startX + _item10.width, opts.height - opts.area[2]); context.setStrokeStyle(strokeColor); context.setFillStyle(fillColor); if (mountOption.borderWidth > 0) { context.setLineWidth(mountOption.borderWidth * opts.pix); context.stroke(); } context.fill(); } } ; break; case 'sharp': for (var _i20 = 0; _i20 < points.length; _i20++) { var _item11 = points[_i20]; if (_item11 !== null && _i20 > leftNum && _i20 < rightNum) { var startX = _item11.x - eachSpacing * mountOption.widthRatio / 2; var height = opts.height - _item11.y - opts.area[2]; context.beginPath(); var fillColor = _item11.color || series[_i20].color; var strokeColor = _item11.color || series[_i20].color; if (mountOption.linearType !== 'none') { var grd = context.createLinearGradient(startX, _item11.y, startX, opts.height - opts.area[2]); //透明渐变 if (mountOption.linearType == 'opacity') { grd.addColorStop(0, hexToRgb(fillColor, mountOption.linearOpacity)); grd.addColorStop(1, hexToRgb(fillColor, 1)); } else { grd.addColorStop(0, hexToRgb(mountOption.customColor[series[_i20].linearIndex], mountOption.linearOpacity)); grd.addColorStop(mountOption.colorStop, hexToRgb(mountOption.customColor[series[_i20].linearIndex], mountOption.linearOpacity)); grd.addColorStop(1, hexToRgb(fillColor, 1)); } fillColor = grd; } context.moveTo(startX, opts.height - opts.area[2]); context.quadraticCurveTo(_item11.x - 0, opts.height - opts.area[2] - height / 4, _item11.x, _item11.y); context.quadraticCurveTo(_item11.x + 0, opts.height - opts.area[2] - height / 4, startX + _item11.width, opts.height - opts.area[2]); context.setStrokeStyle(strokeColor); context.setFillStyle(fillColor); if (mountOption.borderWidth > 0) { context.setLineWidth(mountOption.borderWidth * opts.pix); context.stroke(); } context.fill(); } } ; break; } if (opts.dataLabel !== false && process === 1) { var _ranges, _minRange, _maxRange; _ranges = [].concat(opts.chartData.yAxisData.ranges[0]); _minRange = _ranges.pop(); _maxRange = _ranges.shift(); var points = getMountDataPoints(series, _minRange, _maxRange, xAxisPoints, eachSpacing, opts, mountOption, process); drawMountPointText(points, series, config, context, opts); } context.restore(); return { xAxisPoints: xAxisPoints, calPoints: points, eachSpacing: eachSpacing }; } function drawBarDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var yAxisPoints = []; var eachSpacing = (opts.height - opts.area[0] - opts.area[2]) / opts.categories.length; for (var i = 0; i < opts.categories.length; i++) { yAxisPoints.push(opts.area[0] + eachSpacing / 2 + eachSpacing * i); } var columnOption = assign({}, { type: 'group', width: eachSpacing / 2, meterBorder: 4, meterFillColor: '#FFFFFF', barBorderCircle: false, barBorderRadius: [], seriesGap: 2, linearType: 'none', linearOpacity: 1, customColor: [], colorStop: 0 }, opts.extra.bar); var calPoints = []; context.save(); var leftNum = -2; var rightNum = yAxisPoints.length + 2; if (opts.tooltip && opts.tooltip.textList && opts.tooltip.textList.length && process === 1) { drawBarToolTipSplitArea(opts.tooltip.offset.y, opts, config, context, eachSpacing); } columnOption.customColor = fillCustomColor(columnOption.linearType, columnOption.customColor, series, config); series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.xAxisData.ranges); maxRange = ranges.pop(); minRange = ranges.shift(); var data = eachSeries.data; switch (columnOption.type) { case 'group': var points = getBarDataPoints(data, minRange, maxRange, yAxisPoints, eachSpacing, opts, config, process); var tooltipPoints = getBarStackDataPoints(data, minRange, maxRange, yAxisPoints, eachSpacing, opts, config, seriesIndex, series, process); calPoints.push(tooltipPoints); points = fixBarData(points, eachSpacing, series.length, seriesIndex, config, opts); for (var _i21 = 0; _i21 < points.length; _i21++) { var item = points[_i21]; //fix issues/I27B1N yyoinge & Joeshu if (item !== null && _i21 > leftNum && _i21 < rightNum) { //var startX = item.x - item.width / 2; var startX = opts.area[3]; var startY = item.y - item.width / 2; var height = item.height; context.beginPath(); var fillColor = item.color || eachSeries.color; var strokeColor = item.color || eachSeries.color; if (columnOption.linearType !== 'none') { var grd = context.createLinearGradient(startX, item.y, item.x, item.y); //透明渐变 if (columnOption.linearType == 'opacity') { grd.addColorStop(0, hexToRgb(fillColor, columnOption.linearOpacity)); grd.addColorStop(1, hexToRgb(fillColor, 1)); } else { grd.addColorStop(0, hexToRgb(columnOption.customColor[eachSeries.linearIndex], columnOption.linearOpacity)); grd.addColorStop(columnOption.colorStop, hexToRgb(columnOption.customColor[eachSeries.linearIndex], columnOption.linearOpacity)); grd.addColorStop(1, hexToRgb(fillColor, 1)); } fillColor = grd; } // 圆角边框 if (columnOption.barBorderRadius && columnOption.barBorderRadius.length === 4 || columnOption.barBorderCircle === true) { var left = startX; var width = item.width; var top = item.y - item.width / 2; var _height4 = item.height; if (columnOption.barBorderCircle) { columnOption.barBorderRadius = [width / 2, width / 2, 0, 0]; } var _columnOption$barBord3 = (0, _slicedToArray2.default)(columnOption.barBorderRadius, 4), r0 = _columnOption$barBord3[0], r1 = _columnOption$barBord3[1], r2 = _columnOption$barBord3[2], r3 = _columnOption$barBord3[3]; var minRadius = Math.min(width / 2, _height4 / 2); r0 = r0 > minRadius ? minRadius : r0; r1 = r1 > minRadius ? minRadius : r1; r2 = r2 > minRadius ? minRadius : r2; r3 = r3 > minRadius ? minRadius : r3; r0 = r0 < 0 ? 0 : r0; r1 = r1 < 0 ? 0 : r1; r2 = r2 < 0 ? 0 : r2; r3 = r3 < 0 ? 0 : r3; context.arc(left + r3, top + r3, r3, -Math.PI, -Math.PI / 2); context.arc(item.x - r0, top + r0, r0, -Math.PI / 2, 0); context.arc(item.x - r1, top + width - r1, r1, 0, Math.PI / 2); context.arc(left + r2, top + width - r2, r2, Math.PI / 2, Math.PI); } else { context.moveTo(startX, startY); context.lineTo(item.x, startY); context.lineTo(item.x, startY + item.width); context.lineTo(startX, startY + item.width); context.lineTo(startX, startY); context.setLineWidth(1); context.setStrokeStyle(strokeColor); } context.setFillStyle(fillColor); context.closePath(); //context.stroke(); context.fill(); } } ; break; case 'stack': // 绘制堆叠数据图 var points = getBarStackDataPoints(data, minRange, maxRange, yAxisPoints, eachSpacing, opts, config, seriesIndex, series, process); calPoints.push(points); points = fixBarStackData(points, eachSpacing, series.length, seriesIndex, config, opts, series); for (var _i22 = 0; _i22 < points.length; _i22++) { var _item12 = points[_i22]; if (_item12 !== null && _i22 > leftNum && _i22 < rightNum) { context.beginPath(); var fillColor = _item12.color || eachSeries.color; var startX = _item12.x0; context.setFillStyle(fillColor); context.moveTo(startX, _item12.y - _item12.width / 2); context.fillRect(startX, _item12.y - _item12.width / 2, _item12.height, _item12.width); context.closePath(); context.fill(); } } ; break; } }); if (opts.dataLabel !== false && process === 1) { series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.xAxisData.ranges); maxRange = ranges.pop(); minRange = ranges.shift(); var data = eachSeries.data; switch (columnOption.type) { case 'group': var points = getBarDataPoints(data, minRange, maxRange, yAxisPoints, eachSpacing, opts, config, process); points = fixBarData(points, eachSpacing, series.length, seriesIndex, config, opts); drawBarPointText(points, eachSeries, config, context, opts); break; case 'stack': var points = getBarStackDataPoints(data, minRange, maxRange, yAxisPoints, eachSpacing, opts, config, seriesIndex, series, process); drawBarPointText(points, eachSeries, config, context, opts); break; } }); } return { yAxisPoints: yAxisPoints, calPoints: calPoints, eachSpacing: eachSpacing }; } function drawCandleDataPoints(series, seriesMA, opts, config, context) { var process = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1; var candleOption = assign({}, { color: {}, average: {} }, opts.extra.candle); candleOption.color = assign({}, { upLine: '#f04864', upFill: '#f04864', downLine: '#2fc25b', downFill: '#2fc25b' }, candleOption.color); candleOption.average = assign({}, { show: false, name: [], day: [], color: config.color }, candleOption.average); opts.extra.candle = candleOption; var xAxisData = opts.chartData.xAxisData, xAxisPoints = xAxisData.xAxisPoints, eachSpacing = xAxisData.eachSpacing; var calPoints = []; context.save(); var leftNum = -2; var rightNum = xAxisPoints.length + 2; var leftSpace = 0; var rightSpace = opts.width + eachSpacing; if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) { context.translate(opts._scrollDistance_, 0); leftNum = Math.floor(-opts._scrollDistance_ / eachSpacing) - 2; rightNum = leftNum + opts.xAxis.itemCount + 4; leftSpace = -opts._scrollDistance_ - eachSpacing * 2 + opts.area[3]; rightSpace = leftSpace + (opts.xAxis.itemCount + 4) * eachSpacing; } //画均线 if (candleOption.average.show || seriesMA) { //Merge pull request !12 from 邱贵翔 seriesMA.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); var splitPointList = splitPoints(points, eachSeries); for (var i = 0; i < splitPointList.length; i++) { var _points = splitPointList[i]; context.beginPath(); context.setStrokeStyle(eachSeries.color); context.setLineWidth(1); if (_points.length === 1) { context.moveTo(_points[0].x, _points[0].y); context.arc(_points[0].x, _points[0].y, 1, 0, 2 * Math.PI); } else { context.moveTo(_points[0].x, _points[0].y); var startPoint = 0; for (var j = 0; j < _points.length; j++) { var item = _points[j]; if (startPoint == 0 && item.x > leftSpace) { context.moveTo(item.x, item.y); startPoint = 1; } if (j > 0 && item.x > leftSpace && item.x < rightSpace) { var ctrlPoint = createCurveControlPoints(_points, j - 1); context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x, item.y); } } context.moveTo(_points[0].x, _points[0].y); } context.closePath(); context.stroke(); } }); } //画K线 series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getCandleDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); calPoints.push(points); var splitPointList = splitPoints(points, eachSeries); for (var i = 0; i < splitPointList[0].length; i++) { if (i > leftNum && i < rightNum) { var item = splitPointList[0][i]; context.beginPath(); //如果上涨 if (data[i][1] - data[i][0] > 0) { context.setStrokeStyle(candleOption.color.upLine); context.setFillStyle(candleOption.color.upFill); context.setLineWidth(1 * opts.pix); context.moveTo(item[3].x, item[3].y); //顶点 context.lineTo(item[1].x, item[1].y); //收盘中间点 context.lineTo(item[1].x - eachSpacing / 4, item[1].y); //收盘左侧点 context.lineTo(item[0].x - eachSpacing / 4, item[0].y); //开盘左侧点 context.lineTo(item[0].x, item[0].y); //开盘中间点 context.lineTo(item[2].x, item[2].y); //底点 context.lineTo(item[0].x, item[0].y); //开盘中间点 context.lineTo(item[0].x + eachSpacing / 4, item[0].y); //开盘右侧点 context.lineTo(item[1].x + eachSpacing / 4, item[1].y); //收盘右侧点 context.lineTo(item[1].x, item[1].y); //收盘中间点 context.moveTo(item[3].x, item[3].y); //顶点 } else { context.setStrokeStyle(candleOption.color.downLine); context.setFillStyle(candleOption.color.downFill); context.setLineWidth(1 * opts.pix); context.moveTo(item[3].x, item[3].y); //顶点 context.lineTo(item[0].x, item[0].y); //开盘中间点 context.lineTo(item[0].x - eachSpacing / 4, item[0].y); //开盘左侧点 context.lineTo(item[1].x - eachSpacing / 4, item[1].y); //收盘左侧点 context.lineTo(item[1].x, item[1].y); //收盘中间点 context.lineTo(item[2].x, item[2].y); //底点 context.lineTo(item[1].x, item[1].y); //收盘中间点 context.lineTo(item[1].x + eachSpacing / 4, item[1].y); //收盘右侧点 context.lineTo(item[0].x + eachSpacing / 4, item[0].y); //开盘右侧点 context.lineTo(item[0].x, item[0].y); //开盘中间点 context.moveTo(item[3].x, item[3].y); //顶点 } context.closePath(); context.fill(); context.stroke(); } } }); context.restore(); return { xAxisPoints: xAxisPoints, calPoints: calPoints, eachSpacing: eachSpacing }; } function drawAreaDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var areaOption = assign({}, { type: 'straight', opacity: 0.2, addLine: false, width: 2, gradient: false }, opts.extra.area); var xAxisData = opts.chartData.xAxisData, xAxisPoints = xAxisData.xAxisPoints, eachSpacing = xAxisData.eachSpacing; var endY = opts.height - opts.area[2]; var calPoints = []; context.save(); var leftSpace = 0; var rightSpace = opts.width + eachSpacing; if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) { context.translate(opts._scrollDistance_, 0); leftSpace = -opts._scrollDistance_ - eachSpacing * 2 + opts.area[3]; rightSpace = leftSpace + (opts.xAxis.itemCount + 4) * eachSpacing; } series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); calPoints.push(points); var splitPointList = splitPoints(points, eachSeries); for (var i = 0; i < splitPointList.length; i++) { var _points2 = splitPointList[i]; // 绘制区域数 context.beginPath(); context.setStrokeStyle(hexToRgb(eachSeries.color, areaOption.opacity)); if (areaOption.gradient) { var gradient = context.createLinearGradient(0, opts.area[0], 0, opts.height - opts.area[2]); gradient.addColorStop('0', hexToRgb(eachSeries.color, areaOption.opacity)); gradient.addColorStop('1.0', hexToRgb("#FFFFFF", 0.1)); context.setFillStyle(gradient); } else { context.setFillStyle(hexToRgb(eachSeries.color, areaOption.opacity)); } context.setLineWidth(areaOption.width * opts.pix); if (_points2.length > 1) { var firstPoint = _points2[0]; var lastPoint = _points2[_points2.length - 1]; context.moveTo(firstPoint.x, firstPoint.y); var startPoint = 0; if (areaOption.type === 'curve') { for (var j = 0; j < _points2.length; j++) { var item = _points2[j]; if (startPoint == 0 && item.x > leftSpace) { context.moveTo(item.x, item.y); startPoint = 1; } if (j > 0 && item.x > leftSpace && item.x < rightSpace) { var ctrlPoint = createCurveControlPoints(_points2, j - 1); context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x, item.y); } } ; } if (areaOption.type === 'straight') { for (var _j = 0; _j < _points2.length; _j++) { var _item13 = _points2[_j]; if (startPoint == 0 && _item13.x > leftSpace) { context.moveTo(_item13.x, _item13.y); startPoint = 1; } if (_j > 0 && _item13.x > leftSpace && _item13.x < rightSpace) { context.lineTo(_item13.x, _item13.y); } } ; } if (areaOption.type === 'step') { for (var _j2 = 0; _j2 < _points2.length; _j2++) { var _item14 = _points2[_j2]; if (startPoint == 0 && _item14.x > leftSpace) { context.moveTo(_item14.x, _item14.y); startPoint = 1; } if (_j2 > 0 && _item14.x > leftSpace && _item14.x < rightSpace) { context.lineTo(_item14.x, _points2[_j2 - 1].y); context.lineTo(_item14.x, _item14.y); } } ; } context.lineTo(lastPoint.x, endY); context.lineTo(firstPoint.x, endY); context.lineTo(firstPoint.x, firstPoint.y); } else { var _item15 = _points2[0]; context.moveTo(_item15.x - eachSpacing / 2, _item15.y); context.lineTo(_item15.x + eachSpacing / 2, _item15.y); context.lineTo(_item15.x + eachSpacing / 2, endY); context.lineTo(_item15.x - eachSpacing / 2, endY); context.moveTo(_item15.x - eachSpacing / 2, _item15.y); } context.closePath(); context.fill(); //画连线 if (areaOption.addLine) { if (eachSeries.lineType == 'dash') { var dashLength = eachSeries.dashLength ? eachSeries.dashLength : 8; dashLength *= opts.pix; context.setLineDash([dashLength, dashLength]); } context.beginPath(); context.setStrokeStyle(eachSeries.color); context.setLineWidth(areaOption.width * opts.pix); if (_points2.length === 1) { context.moveTo(_points2[0].x, _points2[0].y); context.arc(_points2[0].x, _points2[0].y, 1, 0, 2 * Math.PI); } else { context.moveTo(_points2[0].x, _points2[0].y); var _startPoint = 0; if (areaOption.type === 'curve') { for (var _j3 = 0; _j3 < _points2.length; _j3++) { var _item16 = _points2[_j3]; if (_startPoint == 0 && _item16.x > leftSpace) { context.moveTo(_item16.x, _item16.y); _startPoint = 1; } if (_j3 > 0 && _item16.x > leftSpace && _item16.x < rightSpace) { var _ctrlPoint = createCurveControlPoints(_points2, _j3 - 1); context.bezierCurveTo(_ctrlPoint.ctrA.x, _ctrlPoint.ctrA.y, _ctrlPoint.ctrB.x, _ctrlPoint.ctrB.y, _item16.x, _item16.y); } } ; } if (areaOption.type === 'straight') { for (var _j4 = 0; _j4 < _points2.length; _j4++) { var _item17 = _points2[_j4]; if (_startPoint == 0 && _item17.x > leftSpace) { context.moveTo(_item17.x, _item17.y); _startPoint = 1; } if (_j4 > 0 && _item17.x > leftSpace && _item17.x < rightSpace) { context.lineTo(_item17.x, _item17.y); } } ; } if (areaOption.type === 'step') { for (var _j5 = 0; _j5 < _points2.length; _j5++) { var _item18 = _points2[_j5]; if (_startPoint == 0 && _item18.x > leftSpace) { context.moveTo(_item18.x, _item18.y); _startPoint = 1; } if (_j5 > 0 && _item18.x > leftSpace && _item18.x < rightSpace) { context.lineTo(_item18.x, _points2[_j5 - 1].y); context.lineTo(_item18.x, _item18.y); } } ; } context.moveTo(_points2[0].x, _points2[0].y); } context.stroke(); context.setLineDash([]); } } //画点 if (opts.dataPointShape !== false) { drawPointShape(points, eachSeries.color, eachSeries.pointShape, context, opts); } }); if (opts.dataLabel !== false && process === 1) { series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); drawPointText(points, eachSeries, config, context, opts); }); } context.restore(); return { xAxisPoints: xAxisPoints, calPoints: calPoints, eachSpacing: eachSpacing }; } function drawScatterDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var scatterOption = assign({}, { type: 'circle' }, opts.extra.scatter); var xAxisData = opts.chartData.xAxisData, xAxisPoints = xAxisData.xAxisPoints, eachSpacing = xAxisData.eachSpacing; var calPoints = []; context.save(); var leftSpace = 0; var rightSpace = opts.width + eachSpacing; if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) { context.translate(opts._scrollDistance_, 0); leftSpace = -opts._scrollDistance_ - eachSpacing * 2 + opts.area[3]; rightSpace = leftSpace + (opts.xAxis.itemCount + 4) * eachSpacing; } series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); context.beginPath(); context.setStrokeStyle(eachSeries.color); context.setFillStyle(eachSeries.color); context.setLineWidth(1 * opts.pix); var shape = eachSeries.pointShape; if (shape === 'diamond') { points.forEach(function (item, index) { if (item !== null) { context.moveTo(item.x, item.y - 4.5); context.lineTo(item.x - 4.5, item.y); context.lineTo(item.x, item.y + 4.5); context.lineTo(item.x + 4.5, item.y); context.lineTo(item.x, item.y - 4.5); } }); } else if (shape === 'circle') { points.forEach(function (item, index) { if (item !== null) { context.moveTo(item.x + 2.5 * opts.pix, item.y); context.arc(item.x, item.y, 3 * opts.pix, 0, 2 * Math.PI, false); } }); } else if (shape === 'square') { points.forEach(function (item, index) { if (item !== null) { context.moveTo(item.x - 3.5, item.y - 3.5); context.rect(item.x - 3.5, item.y - 3.5, 7, 7); } }); } else if (shape === 'triangle') { points.forEach(function (item, index) { if (item !== null) { context.moveTo(item.x, item.y - 4.5); context.lineTo(item.x - 4.5, item.y + 4.5); context.lineTo(item.x + 4.5, item.y + 4.5); context.lineTo(item.x, item.y - 4.5); } }); } else if (shape === 'triangle') { return; } context.closePath(); context.fill(); context.stroke(); }); if (opts.dataLabel !== false && process === 1) { series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); drawPointText(points, eachSeries, config, context, opts); }); } context.restore(); return { xAxisPoints: xAxisPoints, calPoints: calPoints, eachSpacing: eachSpacing }; } function drawBubbleDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var bubbleOption = assign({}, { opacity: 1, border: 2 }, opts.extra.bubble); var xAxisData = opts.chartData.xAxisData, xAxisPoints = xAxisData.xAxisPoints, eachSpacing = xAxisData.eachSpacing; var calPoints = []; context.save(); var leftSpace = 0; var rightSpace = opts.width + eachSpacing; if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) { context.translate(opts._scrollDistance_, 0); leftSpace = -opts._scrollDistance_ - eachSpacing * 2 + opts.area[3]; rightSpace = leftSpace + (opts.xAxis.itemCount + 4) * eachSpacing; } series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); context.beginPath(); context.setStrokeStyle(eachSeries.color); context.setLineWidth(bubbleOption.border * opts.pix); context.setFillStyle(hexToRgb(eachSeries.color, bubbleOption.opacity)); points.forEach(function (item, index) { context.moveTo(item.x + item.r, item.y); context.arc(item.x, item.y, item.r * opts.pix, 0, 2 * Math.PI, false); }); context.closePath(); context.fill(); context.stroke(); if (opts.dataLabel !== false && process === 1) { points.forEach(function (item, index) { context.beginPath(); var fontSize = series.textSize * opts.pix || config.fontSize; context.setFontSize(fontSize); context.setFillStyle(series.textColor || "#FFFFFF"); context.setTextAlign('center'); context.fillText(String(item.t), item.x, item.y + fontSize / 2); context.closePath(); context.stroke(); context.setTextAlign('left'); }); } }); context.restore(); return { xAxisPoints: xAxisPoints, calPoints: calPoints, eachSpacing: eachSpacing }; } function drawLineDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var lineOption = assign({}, { type: 'straight', width: 2 }, opts.extra.line); lineOption.width *= opts.pix; var xAxisData = opts.chartData.xAxisData, xAxisPoints = xAxisData.xAxisPoints, eachSpacing = xAxisData.eachSpacing; var calPoints = []; context.save(); var leftSpace = 0; var rightSpace = opts.width + eachSpacing; if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) { context.translate(opts._scrollDistance_, 0); leftSpace = -opts._scrollDistance_ - eachSpacing * 2 + opts.area[3]; rightSpace = leftSpace + (opts.xAxis.itemCount + 4) * eachSpacing; } series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); calPoints.push(points); var splitPointList = splitPoints(points, eachSeries); if (eachSeries.lineType == 'dash') { var dashLength = eachSeries.dashLength ? eachSeries.dashLength : 8; dashLength *= opts.pix; context.setLineDash([dashLength, dashLength]); } context.beginPath(); context.setStrokeStyle(eachSeries.color); context.setLineWidth(lineOption.width); splitPointList.forEach(function (points, index) { if (points.length === 1) { context.moveTo(points[0].x, points[0].y); context.arc(points[0].x, points[0].y, 1, 0, 2 * Math.PI); } else { context.moveTo(points[0].x, points[0].y); var startPoint = 0; if (lineOption.type === 'curve') { for (var j = 0; j < points.length; j++) { var item = points[j]; if (startPoint == 0 && item.x > leftSpace) { context.moveTo(item.x, item.y); startPoint = 1; } if (j > 0 && item.x > leftSpace && item.x < rightSpace) { var ctrlPoint = createCurveControlPoints(points, j - 1); context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x, item.y); } } ; } if (lineOption.type === 'straight') { for (var _j6 = 0; _j6 < points.length; _j6++) { var _item19 = points[_j6]; if (startPoint == 0 && _item19.x > leftSpace) { context.moveTo(_item19.x, _item19.y); startPoint = 1; } if (_j6 > 0 && _item19.x > leftSpace && _item19.x < rightSpace) { context.lineTo(_item19.x, _item19.y); } } ; } if (lineOption.type === 'step') { for (var _j7 = 0; _j7 < points.length; _j7++) { var _item20 = points[_j7]; if (startPoint == 0 && _item20.x > leftSpace) { context.moveTo(_item20.x, _item20.y); startPoint = 1; } if (_j7 > 0 && _item20.x > leftSpace && _item20.x < rightSpace) { context.lineTo(_item20.x, points[_j7 - 1].y); context.lineTo(_item20.x, _item20.y); } } ; } context.moveTo(points[0].x, points[0].y); } }); context.stroke(); context.setLineDash([]); if (opts.dataPointShape !== false) { drawPointShape(points, eachSeries.color, eachSeries.pointShape, context, opts); } }); if (opts.dataLabel !== false && process === 1) { series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); drawPointText(points, eachSeries, config, context, opts); }); } context.restore(); return { xAxisPoints: xAxisPoints, calPoints: calPoints, eachSpacing: eachSpacing }; } function drawMixDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var xAxisData = opts.chartData.xAxisData, xAxisPoints = xAxisData.xAxisPoints, eachSpacing = xAxisData.eachSpacing; var columnOption = assign({}, { width: eachSpacing / 2, barBorderCircle: false, barBorderRadius: [], seriesGap: 2, linearType: 'none', linearOpacity: 1, customColor: [], colorStop: 0 }, opts.extra.mix.column); var areaOption = assign({}, { opacity: 0.2, gradient: false }, opts.extra.mix.area); var endY = opts.height - opts.area[2]; var calPoints = []; var columnIndex = 0; var columnLength = 0; series.forEach(function (eachSeries, seriesIndex) { if (eachSeries.type == 'column') { columnLength += 1; } }); context.save(); var leftNum = -2; var rightNum = xAxisPoints.length + 2; var leftSpace = 0; var rightSpace = opts.width + eachSpacing; if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) { context.translate(opts._scrollDistance_, 0); leftNum = Math.floor(-opts._scrollDistance_ / eachSpacing) - 2; rightNum = leftNum + opts.xAxis.itemCount + 4; leftSpace = -opts._scrollDistance_ - eachSpacing * 2 + opts.area[3]; rightSpace = leftSpace + (opts.xAxis.itemCount + 4) * eachSpacing; } columnOption.customColor = fillCustomColor(columnOption.linearType, columnOption.customColor, series, config); series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); calPoints.push(points); // 绘制柱状数据图 if (eachSeries.type == 'column') { points = fixColumeData(points, eachSpacing, columnLength, columnIndex, config, opts); for (var i = 0; i < points.length; i++) { var item = points[i]; if (item !== null && i > leftNum && i < rightNum) { var startX = item.x - item.width / 2; var height = opts.height - item.y - opts.area[2]; context.beginPath(); var fillColor = item.color || eachSeries.color; var strokeColor = item.color || eachSeries.color; if (columnOption.linearType !== 'none') { var grd = context.createLinearGradient(startX, item.y, startX, opts.height - opts.area[2]); //透明渐变 if (columnOption.linearType == 'opacity') { grd.addColorStop(0, hexToRgb(fillColor, columnOption.linearOpacity)); grd.addColorStop(1, hexToRgb(fillColor, 1)); } else { grd.addColorStop(0, hexToRgb(columnOption.customColor[eachSeries.linearIndex], columnOption.linearOpacity)); grd.addColorStop(columnOption.colorStop, hexToRgb(columnOption.customColor[eachSeries.linearIndex], columnOption.linearOpacity)); grd.addColorStop(1, hexToRgb(fillColor, 1)); } fillColor = grd; } // 圆角边框 if (columnOption.barBorderRadius && columnOption.barBorderRadius.length === 4 || columnOption.barBorderCircle) { var left = startX; var top = item.y; var width = item.width; var _height5 = opts.height - opts.area[2] - item.y; if (columnOption.barBorderCircle) { columnOption.barBorderRadius = [width / 2, width / 2, 0, 0]; } var _columnOption$barBord4 = (0, _slicedToArray2.default)(columnOption.barBorderRadius, 4), r0 = _columnOption$barBord4[0], r1 = _columnOption$barBord4[1], r2 = _columnOption$barBord4[2], r3 = _columnOption$barBord4[3]; var minRadius = Math.min(width / 2, _height5 / 2); r0 = r0 > minRadius ? minRadius : r0; r1 = r1 > minRadius ? minRadius : r1; r2 = r2 > minRadius ? minRadius : r2; r3 = r3 > minRadius ? minRadius : r3; r0 = r0 < 0 ? 0 : r0; r1 = r1 < 0 ? 0 : r1; r2 = r2 < 0 ? 0 : r2; r3 = r3 < 0 ? 0 : r3; context.arc(left + r0, top + r0, r0, -Math.PI, -Math.PI / 2); context.arc(left + width - r1, top + r1, r1, -Math.PI / 2, 0); context.arc(left + width - r2, top + _height5 - r2, r2, 0, Math.PI / 2); context.arc(left + r3, top + _height5 - r3, r3, Math.PI / 2, Math.PI); } else { context.moveTo(startX, item.y); context.lineTo(startX + item.width, item.y); context.lineTo(startX + item.width, opts.height - opts.area[2]); context.lineTo(startX, opts.height - opts.area[2]); context.lineTo(startX, item.y); context.setLineWidth(1); context.setStrokeStyle(strokeColor); } context.setFillStyle(fillColor); context.closePath(); context.fill(); } } columnIndex += 1; } //绘制区域图数据 if (eachSeries.type == 'area') { var _splitPointList = splitPoints(points, eachSeries); for (var _i23 = 0; _i23 < _splitPointList.length; _i23++) { var _points3 = _splitPointList[_i23]; // 绘制区域数据 context.beginPath(); context.setStrokeStyle(eachSeries.color); context.setStrokeStyle(hexToRgb(eachSeries.color, areaOption.opacity)); if (areaOption.gradient) { var gradient = context.createLinearGradient(0, opts.area[0], 0, opts.height - opts.area[2]); gradient.addColorStop('0', hexToRgb(eachSeries.color, areaOption.opacity)); gradient.addColorStop('1.0', hexToRgb("#FFFFFF", 0.1)); context.setFillStyle(gradient); } else { context.setFillStyle(hexToRgb(eachSeries.color, areaOption.opacity)); } context.setLineWidth(2 * opts.pix); if (_points3.length > 1) { var firstPoint = _points3[0]; var lastPoint = _points3[_points3.length - 1]; context.moveTo(firstPoint.x, firstPoint.y); var startPoint = 0; if (eachSeries.style === 'curve') { for (var j = 0; j < _points3.length; j++) { var _item21 = _points3[j]; if (startPoint == 0 && _item21.x > leftSpace) { context.moveTo(_item21.x, _item21.y); startPoint = 1; } if (j > 0 && _item21.x > leftSpace && _item21.x < rightSpace) { var ctrlPoint = createCurveControlPoints(_points3, j - 1); context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, _item21.x, _item21.y); } } ; } else { for (var _j8 = 0; _j8 < _points3.length; _j8++) { var _item22 = _points3[_j8]; if (startPoint == 0 && _item22.x > leftSpace) { context.moveTo(_item22.x, _item22.y); startPoint = 1; } if (_j8 > 0 && _item22.x > leftSpace && _item22.x < rightSpace) { context.lineTo(_item22.x, _item22.y); } } ; } context.lineTo(lastPoint.x, endY); context.lineTo(firstPoint.x, endY); context.lineTo(firstPoint.x, firstPoint.y); } else { var _item23 = _points3[0]; context.moveTo(_item23.x - eachSpacing / 2, _item23.y); context.lineTo(_item23.x + eachSpacing / 2, _item23.y); context.lineTo(_item23.x + eachSpacing / 2, endY); context.lineTo(_item23.x - eachSpacing / 2, endY); context.moveTo(_item23.x - eachSpacing / 2, _item23.y); } context.closePath(); context.fill(); } } // 绘制折线数据图 if (eachSeries.type == 'line') { var splitPointList = splitPoints(points, eachSeries); splitPointList.forEach(function (points, index) { if (eachSeries.lineType == 'dash') { var dashLength = eachSeries.dashLength ? eachSeries.dashLength : 8; dashLength *= opts.pix; context.setLineDash([dashLength, dashLength]); } context.beginPath(); context.setStrokeStyle(eachSeries.color); context.setLineWidth(2 * opts.pix); if (points.length === 1) { context.moveTo(points[0].x, points[0].y); context.arc(points[0].x, points[0].y, 1, 0, 2 * Math.PI); } else { context.moveTo(points[0].x, points[0].y); var _startPoint2 = 0; if (eachSeries.style == 'curve') { for (var _j9 = 0; _j9 < points.length; _j9++) { var _item24 = points[_j9]; if (_startPoint2 == 0 && _item24.x > leftSpace) { context.moveTo(_item24.x, _item24.y); _startPoint2 = 1; } if (_j9 > 0 && _item24.x > leftSpace && _item24.x < rightSpace) { var ctrlPoint = createCurveControlPoints(points, _j9 - 1); context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, _item24.x, _item24.y); } } } else { for (var _j10 = 0; _j10 < points.length; _j10++) { var _item25 = points[_j10]; if (_startPoint2 == 0 && _item25.x > leftSpace) { context.moveTo(_item25.x, _item25.y); _startPoint2 = 1; } if (_j10 > 0 && _item25.x > leftSpace && _item25.x < rightSpace) { context.lineTo(_item25.x, _item25.y); } } } context.moveTo(points[0].x, points[0].y); } context.stroke(); context.setLineDash([]); }); } // 绘制点数据图 if (eachSeries.type == 'point') { eachSeries.addPoint = true; } if (eachSeries.addPoint == true && eachSeries.type !== 'column') { drawPointShape(points, eachSeries.color, eachSeries.pointShape, context, opts); } }); if (opts.dataLabel !== false && process === 1) { var columnIndex = 0; series.forEach(function (eachSeries, seriesIndex) { var ranges, minRange, maxRange; ranges = [].concat(opts.chartData.yAxisData.ranges[eachSeries.index]); minRange = ranges.pop(); maxRange = ranges.shift(); var data = eachSeries.data; var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process); if (eachSeries.type !== 'column') { drawPointText(points, eachSeries, config, context, opts); } else { points = fixColumeData(points, eachSpacing, columnLength, columnIndex, config, opts); drawPointText(points, eachSeries, config, context, opts); columnIndex += 1; } }); } context.restore(); return { xAxisPoints: xAxisPoints, calPoints: calPoints, eachSpacing: eachSpacing }; } function drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints) { var toolTipOption = opts.extra.tooltip || {}; if (toolTipOption.horizentalLine && opts.tooltip && process === 1 && (opts.type == 'line' || opts.type == 'area' || opts.type == 'column' || opts.type == 'mount' || opts.type == 'candle' || opts.type == 'mix')) { drawToolTipHorizentalLine(opts, config, context, eachSpacing, xAxisPoints); } context.save(); if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) { context.translate(opts._scrollDistance_, 0); } if (opts.tooltip && opts.tooltip.textList && opts.tooltip.textList.length && process === 1) { drawToolTip(opts.tooltip.textList, opts.tooltip.offset, opts, config, context, eachSpacing, xAxisPoints); } context.restore(); } function drawXAxis(categories, opts, config, context) { var xAxisData = opts.chartData.xAxisData, xAxisPoints = xAxisData.xAxisPoints, startX = xAxisData.startX, endX = xAxisData.endX, eachSpacing = xAxisData.eachSpacing; var boundaryGap = 'center'; if (opts.type == 'bar' || opts.type == 'line' || opts.type == 'area' || opts.type == 'scatter' || opts.type == 'bubble') { boundaryGap = opts.xAxis.boundaryGap; } var startY = opts.height - opts.area[2]; var endY = opts.area[0]; //绘制滚动条 if (opts.enableScroll && opts.xAxis.scrollShow) { var scrollY = opts.height - opts.area[2] + config.xAxisHeight; var scrollScreenWidth = endX - startX; var scrollTotalWidth = eachSpacing * (xAxisPoints.length - 1); if (opts.type == 'mount' && opts.extra && opts.extra.mount && opts.extra.mount.widthRatio && opts.extra.mount.widthRatio > 1) { if (opts.extra.mount.widthRatio > 2) opts.extra.mount.widthRatio = 2; scrollTotalWidth += (opts.extra.mount.widthRatio - 1) * eachSpacing; } var scrollWidth = scrollScreenWidth * scrollScreenWidth / scrollTotalWidth; var scrollLeft = 0; if (opts._scrollDistance_) { scrollLeft = -opts._scrollDistance_ * scrollScreenWidth / scrollTotalWidth; } context.beginPath(); context.setLineCap('round'); context.setLineWidth(6 * opts.pix); context.setStrokeStyle(opts.xAxis.scrollBackgroundColor || "#EFEBEF"); context.moveTo(startX, scrollY); context.lineTo(endX, scrollY); context.stroke(); context.closePath(); context.beginPath(); context.setLineCap('round'); context.setLineWidth(6 * opts.pix); context.setStrokeStyle(opts.xAxis.scrollColor || "#A6A6A6"); context.moveTo(startX + scrollLeft, scrollY); context.lineTo(startX + scrollLeft + scrollWidth, scrollY); context.stroke(); context.closePath(); context.setLineCap('butt'); } context.save(); if (opts._scrollDistance_ && opts._scrollDistance_ !== 0) { context.translate(opts._scrollDistance_, 0); } //绘制X轴刻度线 if (opts.xAxis.calibration === true) { context.setStrokeStyle(opts.xAxis.gridColor || "#cccccc"); context.setLineCap('butt'); context.setLineWidth(1 * opts.pix); xAxisPoints.forEach(function (item, index) { if (index > 0) { context.beginPath(); context.moveTo(item - eachSpacing / 2, startY); context.lineTo(item - eachSpacing / 2, startY + 3 * opts.pix); context.closePath(); context.stroke(); } }); } //绘制X轴网格 if (opts.xAxis.disableGrid !== true) { context.setStrokeStyle(opts.xAxis.gridColor || "#cccccc"); context.setLineCap('butt'); context.setLineWidth(1 * opts.pix); if (opts.xAxis.gridType == 'dash') { context.setLineDash([opts.xAxis.dashLength * opts.pix, opts.xAxis.dashLength * opts.pix]); } opts.xAxis.gridEval = opts.xAxis.gridEval || 1; xAxisPoints.forEach(function (item, index) { if (index % opts.xAxis.gridEval == 0) { context.beginPath(); context.moveTo(item, startY); context.lineTo(item, endY); context.stroke(); } }); context.setLineDash([]); } //绘制X轴文案 if (opts.xAxis.disabled !== true) { // 对X轴列表做抽稀处理 //默认全部显示X轴标签 var maxXAxisListLength = categories.length; //如果设置了X轴单屏数量 if (opts.xAxis.labelCount) { //如果设置X轴密度 if (opts.xAxis.itemCount) { maxXAxisListLength = Math.ceil(categories.length / opts.xAxis.itemCount * opts.xAxis.labelCount); } else { maxXAxisListLength = opts.xAxis.labelCount; } maxXAxisListLength -= 1; } var ratio = Math.ceil(categories.length / maxXAxisListLength); var newCategories = []; var cgLength = categories.length; for (var i = 0; i < cgLength; i++) { if (i % ratio !== 0) { newCategories.push(""); } else { newCategories.push(categories[i]); } } newCategories[cgLength - 1] = categories[cgLength - 1]; var xAxisFontSize = opts.xAxis.fontSize * opts.pix || config.fontSize; if (config._xAxisTextAngle_ === 0) { newCategories.forEach(function (item, index) { var xitem = opts.xAxis.formatter ? opts.xAxis.formatter(item, index, opts) : item; var offset = -measureText(String(xitem), xAxisFontSize, context) / 2; if (boundaryGap == 'center') { offset += eachSpacing / 2; } var scrollHeight = 0; if (opts.xAxis.scrollShow) { scrollHeight = 6 * opts.pix; } context.beginPath(); context.setFontSize(xAxisFontSize); context.setFillStyle(opts.xAxis.fontColor || opts.fontColor); context.fillText(String(xitem), xAxisPoints[index] + offset, startY + xAxisFontSize + (config.xAxisHeight - scrollHeight - xAxisFontSize) / 2); context.closePath(); context.stroke(); }); } else { newCategories.forEach(function (item, index) { var xitem = opts.xAxis.formatter ? opts.xAxis.formatter(item) : item; context.save(); context.beginPath(); context.setFontSize(xAxisFontSize); context.setFillStyle(opts.xAxis.fontColor || opts.fontColor); var textWidth = measureText(String(xitem), xAxisFontSize, context); var offsetX = xAxisPoints[index]; if (boundaryGap == 'center') { offsetX = xAxisPoints[index] + eachSpacing / 2; } var scrollHeight = 0; if (opts.xAxis.scrollShow) { scrollHeight = 6 * opts.pix; } var offsetY = startY + 6 * opts.pix + xAxisFontSize - xAxisFontSize * Math.abs(Math.sin(config._xAxisTextAngle_)); if (opts.xAxis.rotateAngle < 0) { offsetX -= xAxisFontSize / 2; textWidth = 0; } else { offsetX += xAxisFontSize / 2; textWidth = -textWidth; } context.translate(offsetX, offsetY); context.rotate(-1 * config._xAxisTextAngle_); context.fillText(String(xitem), textWidth, 0); context.closePath(); context.stroke(); context.restore(); }); } } context.restore(); //绘制X轴轴线 if (opts.xAxis.axisLine) { context.beginPath(); context.setStrokeStyle(opts.xAxis.axisLineColor); context.setLineWidth(1 * opts.pix); context.moveTo(startX, opts.height - opts.area[2]); context.lineTo(endX, opts.height - opts.area[2]); context.stroke(); } } function drawYAxisGrid(categories, opts, config, context) { if (opts.yAxis.disableGrid === true) { return; } var spacingValid = opts.height - opts.area[0] - opts.area[2]; var eachSpacing = spacingValid / opts.yAxis.splitNumber; var startX = opts.area[3]; var xAxisPoints = opts.chartData.xAxisData.xAxisPoints, xAxiseachSpacing = opts.chartData.xAxisData.eachSpacing; var TotalWidth = xAxiseachSpacing * (xAxisPoints.length - 1); if (opts.type == 'mount' && opts.extra && opts.extra.mount && opts.extra.mount.widthRatio && opts.extra.mount.widthRatio > 1) { if (opts.extra.mount.widthRatio > 2) opts.extra.mount.widthRatio = 2; TotalWidth += (opts.extra.mount.widthRatio - 1) * xAxiseachSpacing; } var endX = startX + TotalWidth; var points = []; var startY = 1; if (opts.xAxis.axisLine === false) { startY = 0; } for (var i = startY; i < opts.yAxis.splitNumber + 1; i++) { points.push(opts.height - opts.area[2] - eachSpacing * i); } context.save(); if (opts._scrollDistance_ && opts._scrollDistance_ !== 0) { context.translate(opts._scrollDistance_, 0); } if (opts.yAxis.gridType == 'dash') { context.setLineDash([opts.yAxis.dashLength * opts.pix, opts.yAxis.dashLength * opts.pix]); } context.setStrokeStyle(opts.yAxis.gridColor); context.setLineWidth(1 * opts.pix); points.forEach(function (item, index) { context.beginPath(); context.moveTo(startX, item); context.lineTo(endX, item); context.stroke(); }); context.setLineDash([]); context.restore(); } function drawYAxis(series, opts, config, context) { if (opts.yAxis.disabled === true) { return; } var spacingValid = opts.height - opts.area[0] - opts.area[2]; var eachSpacing = spacingValid / opts.yAxis.splitNumber; var startX = opts.area[3]; var endX = opts.width - opts.area[1]; var endY = opts.height - opts.area[2]; var fillEndY = endY + config.xAxisHeight; if (opts.xAxis.scrollShow) { fillEndY -= 3 * opts.pix; } if (opts.xAxis.rotateLabel) { fillEndY = opts.height - opts.area[2] + opts.fontSize * opts.pix / 2; } // set YAxis background context.beginPath(); context.setFillStyle(opts.background); if (opts.enableScroll == true && opts.xAxis.scrollPosition && opts.xAxis.scrollPosition !== 'left') { context.fillRect(0, 0, startX, fillEndY); } if (opts.enableScroll == true && opts.xAxis.scrollPosition && opts.xAxis.scrollPosition !== 'right') { context.fillRect(endX, 0, opts.width, fillEndY); } context.closePath(); context.stroke(); var tStartLeft = opts.area[3]; var tStartRight = opts.width - opts.area[1]; var tStartCenter = opts.area[3] + (opts.width - opts.area[1] - opts.area[3]) / 2; if (opts.yAxis.data) { var _loop4 = function _loop4(i) { var yData = opts.yAxis.data[i]; points = []; if (yData.type === 'categories') { for (var _i24 = 0; _i24 <= yData.categories.length; _i24++) { points.push(opts.area[0] + spacingValid / yData.categories.length / 2 + spacingValid / yData.categories.length * _i24); } } else { for (var _i25 = 0; _i25 <= opts.yAxis.splitNumber; _i25++) { points.push(opts.area[0] + eachSpacing * _i25); } } if (yData.disabled !== true) { var rangesFormat = opts.chartData.yAxisData.rangesFormat[i]; var yAxisFontSize = yData.fontSize ? yData.fontSize * opts.pix : config.fontSize; var yAxisWidth = opts.chartData.yAxisData.yAxisWidth[i]; var textAlign = yData.textAlign || "right"; //画Y轴刻度及文案 rangesFormat.forEach(function (item, index) { var pos = points[index]; context.beginPath(); context.setFontSize(yAxisFontSize); context.setLineWidth(1 * opts.pix); context.setStrokeStyle(yData.axisLineColor || '#cccccc'); context.setFillStyle(yData.fontColor || opts.fontColor); var tmpstrat = 0; var gapwidth = 4 * opts.pix; if (yAxisWidth.position == 'left') { //画刻度线 if (yData.calibration == true) { context.moveTo(tStartLeft, pos); context.lineTo(tStartLeft - 3 * opts.pix, pos); gapwidth += 3 * opts.pix; } //画文字 switch (textAlign) { case "left": context.setTextAlign('left'); tmpstrat = tStartLeft - yAxisWidth.width; break; case "right": context.setTextAlign('right'); tmpstrat = tStartLeft - gapwidth; break; default: context.setTextAlign('center'); tmpstrat = tStartLeft - yAxisWidth.width / 2; } context.fillText(String(item), tmpstrat, pos + yAxisFontSize / 2 - 3 * opts.pix); } else if (yAxisWidth.position == 'right') { //画刻度线 if (yData.calibration == true) { context.moveTo(tStartRight, pos); context.lineTo(tStartRight + 3 * opts.pix, pos); gapwidth += 3 * opts.pix; } switch (textAlign) { case "left": context.setTextAlign('left'); tmpstrat = tStartRight + gapwidth; break; case "right": context.setTextAlign('right'); tmpstrat = tStartRight + yAxisWidth.width; break; default: context.setTextAlign('center'); tmpstrat = tStartRight + yAxisWidth.width / 2; } context.fillText(String(item), tmpstrat, pos + yAxisFontSize / 2 - 3 * opts.pix); } else if (yAxisWidth.position == 'center') { //画刻度线 if (yData.calibration == true) { context.moveTo(tStartCenter, pos); context.lineTo(tStartCenter - 3 * opts.pix, pos); gapwidth += 3 * opts.pix; } //画文字 switch (textAlign) { case "left": context.setTextAlign('left'); tmpstrat = tStartCenter - yAxisWidth.width; break; case "right": context.setTextAlign('right'); tmpstrat = tStartCenter - gapwidth; break; default: context.setTextAlign('center'); tmpstrat = tStartCenter - yAxisWidth.width / 2; } context.fillText(String(item), tmpstrat, pos + yAxisFontSize / 2 - 3 * opts.pix); } context.closePath(); context.stroke(); context.setTextAlign('left'); }); //画Y轴轴线 if (yData.axisLine !== false) { context.beginPath(); context.setStrokeStyle(yData.axisLineColor || '#cccccc'); context.setLineWidth(1 * opts.pix); if (yAxisWidth.position == 'left') { context.moveTo(tStartLeft, opts.height - opts.area[2]); context.lineTo(tStartLeft, opts.area[0]); } else if (yAxisWidth.position == 'right') { context.moveTo(tStartRight, opts.height - opts.area[2]); context.lineTo(tStartRight, opts.area[0]); } else if (yAxisWidth.position == 'center') { context.moveTo(tStartCenter, opts.height - opts.area[2]); context.lineTo(tStartCenter, opts.area[0]); } context.stroke(); } //画Y轴标题 if (opts.yAxis.showTitle) { var titleFontSize = yData.titleFontSize * opts.pix || config.fontSize; var title = yData.title; context.beginPath(); context.setFontSize(titleFontSize); context.setFillStyle(yData.titleFontColor || opts.fontColor); if (yAxisWidth.position == 'left') { context.fillText(title, tStartLeft - measureText(title, titleFontSize, context) / 2 + (yData.titleOffsetX || 0), opts.area[0] - (10 - (yData.titleOffsetY || 0)) * opts.pix); } else if (yAxisWidth.position == 'right') { context.fillText(title, tStartRight - measureText(title, titleFontSize, context) / 2 + (yData.titleOffsetX || 0), opts.area[0] - (10 - (yData.titleOffsetY || 0)) * opts.pix); } else if (yAxisWidth.position == 'center') { context.fillText(title, tStartCenter - measureText(title, titleFontSize, context) / 2 + (yData.titleOffsetX || 0), opts.area[0] - (10 - (yData.titleOffsetY || 0)) * opts.pix); } context.closePath(); context.stroke(); } if (yAxisWidth.position == 'left') { tStartLeft -= yAxisWidth.width + opts.yAxis.padding * opts.pix; } else { tStartRight += yAxisWidth.width + opts.yAxis.padding * opts.pix; } } }; for (var i = 0; i < opts.yAxis.data.length; i++) { var points; _loop4(i); } } } function drawLegend(series, opts, config, context, chartData) { if (opts.legend.show === false) { return; } var legendData = chartData.legendData; var legendList = legendData.points; var legendArea = legendData.area; var padding = opts.legend.padding * opts.pix; var fontSize = opts.legend.fontSize * opts.pix; var shapeWidth = 15 * opts.pix; var shapeRight = 5 * opts.pix; var itemGap = opts.legend.itemGap * opts.pix; var lineHeight = Math.max(opts.legend.lineHeight * opts.pix, fontSize); //画背景及边框 context.beginPath(); context.setLineWidth(opts.legend.borderWidth * opts.pix); context.setStrokeStyle(opts.legend.borderColor); context.setFillStyle(opts.legend.backgroundColor); context.moveTo(legendArea.start.x, legendArea.start.y); context.rect(legendArea.start.x, legendArea.start.y, legendArea.width, legendArea.height); context.closePath(); context.fill(); context.stroke(); legendList.forEach(function (itemList, listIndex) { var width = 0; var height = 0; width = legendData.widthArr[listIndex]; height = legendData.heightArr[listIndex]; var startX = 0; var startY = 0; if (opts.legend.position == 'top' || opts.legend.position == 'bottom') { switch (opts.legend.float) { case 'left': startX = legendArea.start.x + padding; break; case 'right': startX = legendArea.start.x + legendArea.width - width; break; default: startX = legendArea.start.x + (legendArea.width - width) / 2; } startY = legendArea.start.y + padding + listIndex * lineHeight; } else { if (listIndex == 0) { width = 0; } else { width = legendData.widthArr[listIndex - 1]; } startX = legendArea.start.x + padding + width; startY = legendArea.start.y + padding + (legendArea.height - height) / 2; } context.setFontSize(config.fontSize); for (var i = 0; i < itemList.length; i++) { var item = itemList[i]; item.area = [0, 0, 0, 0]; item.area[0] = startX; item.area[1] = startY; item.area[3] = startY + lineHeight; context.beginPath(); context.setLineWidth(1 * opts.pix); context.setStrokeStyle(item.show ? item.color : opts.legend.hiddenColor); context.setFillStyle(item.show ? item.color : opts.legend.hiddenColor); switch (item.legendShape) { case 'line': context.moveTo(startX, startY + 0.5 * lineHeight - 2 * opts.pix); context.fillRect(startX, startY + 0.5 * lineHeight - 2 * opts.pix, 15 * opts.pix, 4 * opts.pix); break; case 'triangle': context.moveTo(startX + 7.5 * opts.pix, startY + 0.5 * lineHeight - 5 * opts.pix); context.lineTo(startX + 2.5 * opts.pix, startY + 0.5 * lineHeight + 5 * opts.pix); context.lineTo(startX + 12.5 * opts.pix, startY + 0.5 * lineHeight + 5 * opts.pix); context.lineTo(startX + 7.5 * opts.pix, startY + 0.5 * lineHeight - 5 * opts.pix); break; case 'diamond': context.moveTo(startX + 7.5 * opts.pix, startY + 0.5 * lineHeight - 5 * opts.pix); context.lineTo(startX + 2.5 * opts.pix, startY + 0.5 * lineHeight); context.lineTo(startX + 7.5 * opts.pix, startY + 0.5 * lineHeight + 5 * opts.pix); context.lineTo(startX + 12.5 * opts.pix, startY + 0.5 * lineHeight); context.lineTo(startX + 7.5 * opts.pix, startY + 0.5 * lineHeight - 5 * opts.pix); break; case 'circle': context.moveTo(startX + 7.5 * opts.pix, startY + 0.5 * lineHeight); context.arc(startX + 7.5 * opts.pix, startY + 0.5 * lineHeight, 5 * opts.pix, 0, 2 * Math.PI); break; case 'rect': context.moveTo(startX, startY + 0.5 * lineHeight - 5 * opts.pix); context.fillRect(startX, startY + 0.5 * lineHeight - 5 * opts.pix, 15 * opts.pix, 10 * opts.pix); break; case 'square': context.moveTo(startX + 5 * opts.pix, startY + 0.5 * lineHeight - 5 * opts.pix); context.fillRect(startX + 5 * opts.pix, startY + 0.5 * lineHeight - 5 * opts.pix, 10 * opts.pix, 10 * opts.pix); break; case 'none': break; default: context.moveTo(startX, startY + 0.5 * lineHeight - 5 * opts.pix); context.fillRect(startX, startY + 0.5 * lineHeight - 5 * opts.pix, 15 * opts.pix, 10 * opts.pix); } context.closePath(); context.fill(); context.stroke(); startX += shapeWidth + shapeRight; var fontTrans = 0.5 * lineHeight + 0.5 * fontSize - 2; var legendText = item.legendText ? item.legendText : item.name; context.beginPath(); context.setFontSize(fontSize); context.setFillStyle(item.show ? opts.legend.fontColor : opts.legend.hiddenColor); context.fillText(legendText, startX, startY + fontTrans); context.closePath(); context.stroke(); if (opts.legend.position == 'top' || opts.legend.position == 'bottom') { startX += measureText(legendText, fontSize, context) + itemGap; item.area[2] = startX; } else { item.area[2] = startX + measureText(legendText, fontSize, context) + itemGap; ; startX -= shapeWidth + shapeRight; startY += lineHeight; } } }); } function drawPieDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var pieOption = assign({}, { activeOpacity: 0.5, activeRadius: 10, offsetAngle: 0, labelWidth: 15, ringWidth: 30, customRadius: 0, border: false, borderWidth: 2, borderColor: '#FFFFFF', centerColor: '#FFFFFF', linearType: 'none', customColor: [] }, opts.type == "pie" ? opts.extra.pie : opts.extra.ring); var centerPosition = { x: opts.area[3] + (opts.width - opts.area[1] - opts.area[3]) / 2, y: opts.area[0] + (opts.height - opts.area[0] - opts.area[2]) / 2 }; if (config.pieChartLinePadding == 0) { config.pieChartLinePadding = pieOption.activeRadius * opts.pix; } var radius = Math.min((opts.width - opts.area[1] - opts.area[3]) / 2 - config.pieChartLinePadding - config.pieChartTextPadding - config._pieTextMaxLength_, (opts.height - opts.area[0] - opts.area[2]) / 2 - config.pieChartLinePadding - config.pieChartTextPadding); radius = radius < 10 ? 10 : radius; if (pieOption.customRadius > 0) { radius = pieOption.customRadius * opts.pix; } series = getPieDataPoints(series, radius, process); var activeRadius = pieOption.activeRadius * opts.pix; pieOption.customColor = fillCustomColor(pieOption.linearType, pieOption.customColor, series, config); series = series.map(function (eachSeries) { eachSeries._start_ += pieOption.offsetAngle * Math.PI / 180; return eachSeries; }); series.forEach(function (eachSeries, seriesIndex) { if (opts.tooltip) { if (opts.tooltip.index == seriesIndex) { context.beginPath(); context.setFillStyle(hexToRgb(eachSeries.color, pieOption.activeOpacity || 0.5)); context.moveTo(centerPosition.x, centerPosition.y); context.arc(centerPosition.x, centerPosition.y, eachSeries._radius_ + activeRadius, eachSeries._start_, eachSeries._start_ + 2 * eachSeries._proportion_ * Math.PI); context.closePath(); context.fill(); } } context.beginPath(); context.setLineWidth(pieOption.borderWidth * opts.pix); context.lineJoin = "round"; context.setStrokeStyle(pieOption.borderColor); var fillcolor = eachSeries.color; if (pieOption.linearType == 'custom') { var grd; if (context.createCircularGradient) { grd = context.createCircularGradient(centerPosition.x, centerPosition.y, eachSeries._radius_); } else { grd = context.createRadialGradient(centerPosition.x, centerPosition.y, 0, centerPosition.x, centerPosition.y, eachSeries._radius_); } grd.addColorStop(0, hexToRgb(pieOption.customColor[eachSeries.linearIndex], 1)); grd.addColorStop(1, hexToRgb(eachSeries.color, 1)); fillcolor = grd; } context.setFillStyle(fillcolor); context.moveTo(centerPosition.x, centerPosition.y); context.arc(centerPosition.x, centerPosition.y, eachSeries._radius_, eachSeries._start_, eachSeries._start_ + 2 * eachSeries._proportion_ * Math.PI); context.closePath(); context.fill(); if (pieOption.border == true) { context.stroke(); } }); if (opts.type === 'ring') { var innerPieWidth = radius * 0.6; if (typeof pieOption.ringWidth === 'number' && pieOption.ringWidth > 0) { innerPieWidth = Math.max(0, radius - pieOption.ringWidth * opts.pix); } context.beginPath(); context.setFillStyle(pieOption.centerColor); context.moveTo(centerPosition.x, centerPosition.y); context.arc(centerPosition.x, centerPosition.y, innerPieWidth, 0, 2 * Math.PI); context.closePath(); context.fill(); } if (opts.dataLabel !== false && process === 1) { drawPieText(series, opts, config, context, radius, centerPosition); } if (process === 1 && opts.type === 'ring') { drawRingTitle(opts, config, context, centerPosition); } return { center: centerPosition, radius: radius, series: series }; } function drawRoseDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var roseOption = assign({}, { type: 'area', activeOpacity: 0.5, activeRadius: 10, offsetAngle: 0, labelWidth: 15, border: false, borderWidth: 2, borderColor: '#FFFFFF', linearType: 'none', customColor: [] }, opts.extra.rose); if (config.pieChartLinePadding == 0) { config.pieChartLinePadding = roseOption.activeRadius * opts.pix; } var centerPosition = { x: opts.area[3] + (opts.width - opts.area[1] - opts.area[3]) / 2, y: opts.area[0] + (opts.height - opts.area[0] - opts.area[2]) / 2 }; var radius = Math.min((opts.width - opts.area[1] - opts.area[3]) / 2 - config.pieChartLinePadding - config.pieChartTextPadding - config._pieTextMaxLength_, (opts.height - opts.area[0] - opts.area[2]) / 2 - config.pieChartLinePadding - config.pieChartTextPadding); radius = radius < 10 ? 10 : radius; var minRadius = roseOption.minRadius || radius * 0.5; series = getRoseDataPoints(series, roseOption.type, minRadius, radius, process); var activeRadius = roseOption.activeRadius * opts.pix; roseOption.customColor = fillCustomColor(roseOption.linearType, roseOption.customColor, series, config); series = series.map(function (eachSeries) { eachSeries._start_ += (roseOption.offsetAngle || 0) * Math.PI / 180; return eachSeries; }); series.forEach(function (eachSeries, seriesIndex) { if (opts.tooltip) { if (opts.tooltip.index == seriesIndex) { context.beginPath(); context.setFillStyle(hexToRgb(eachSeries.color, roseOption.activeOpacity || 0.5)); context.moveTo(centerPosition.x, centerPosition.y); context.arc(centerPosition.x, centerPosition.y, activeRadius + eachSeries._radius_, eachSeries._start_, eachSeries._start_ + 2 * eachSeries._rose_proportion_ * Math.PI); context.closePath(); context.fill(); } } context.beginPath(); context.setLineWidth(roseOption.borderWidth * opts.pix); context.lineJoin = "round"; context.setStrokeStyle(roseOption.borderColor); var fillcolor = eachSeries.color; if (roseOption.linearType == 'custom') { var grd; if (context.createCircularGradient) { grd = context.createCircularGradient(centerPosition.x, centerPosition.y, eachSeries._radius_); } else { grd = context.createRadialGradient(centerPosition.x, centerPosition.y, 0, centerPosition.x, centerPosition.y, eachSeries._radius_); } grd.addColorStop(0, hexToRgb(roseOption.customColor[eachSeries.linearIndex], 1)); grd.addColorStop(1, hexToRgb(eachSeries.color, 1)); fillcolor = grd; } context.setFillStyle(fillcolor); context.moveTo(centerPosition.x, centerPosition.y); context.arc(centerPosition.x, centerPosition.y, eachSeries._radius_, eachSeries._start_, eachSeries._start_ + 2 * eachSeries._rose_proportion_ * Math.PI); context.closePath(); context.fill(); if (roseOption.border == true) { context.stroke(); } }); if (opts.dataLabel !== false && process === 1) { drawPieText(series, opts, config, context, radius, centerPosition); } return { center: centerPosition, radius: radius, series: series }; } function drawArcbarDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var arcbarOption = assign({}, { startAngle: 0.75, endAngle: 0.25, type: 'default', lineCap: 'round', width: 12, gap: 2, linearType: 'none', customColor: [] }, opts.extra.arcbar); series = getArcbarDataPoints(series, arcbarOption, process); var centerPosition; if (arcbarOption.centerX || arcbarOption.centerY) { centerPosition = { x: arcbarOption.centerX ? arcbarOption.centerX : opts.width / 2, y: arcbarOption.centerY ? arcbarOption.centerY : opts.height / 2 }; } else { centerPosition = { x: opts.width / 2, y: opts.height / 2 }; } var radius; if (arcbarOption.radius) { radius = arcbarOption.radius; } else { radius = Math.min(centerPosition.x, centerPosition.y); radius -= 5 * opts.pix; radius -= arcbarOption.width / 2; } radius = radius < 10 ? 10 : radius; arcbarOption.customColor = fillCustomColor(arcbarOption.linearType, arcbarOption.customColor, series, config); for (var i = 0; i < series.length; i++) { var eachSeries = series[i]; //背景颜色 context.setLineWidth(arcbarOption.width * opts.pix); context.setStrokeStyle(arcbarOption.backgroundColor || '#E9E9E9'); context.setLineCap(arcbarOption.lineCap); context.beginPath(); if (arcbarOption.type == 'default') { context.arc(centerPosition.x, centerPosition.y, radius - (arcbarOption.width * opts.pix + arcbarOption.gap * opts.pix) * i, arcbarOption.startAngle * Math.PI, arcbarOption.endAngle * Math.PI, false); } else { context.arc(centerPosition.x, centerPosition.y, radius - (arcbarOption.width * opts.pix + arcbarOption.gap * opts.pix) * i, 0, 2 * Math.PI, false); } context.stroke(); //进度条 var fillColor = eachSeries.color; if (arcbarOption.linearType == 'custom') { var grd = context.createLinearGradient(centerPosition.x - radius, centerPosition.y, centerPosition.x + radius, centerPosition.y); grd.addColorStop(1, hexToRgb(arcbarOption.customColor[eachSeries.linearIndex], 1)); grd.addColorStop(0, hexToRgb(eachSeries.color, 1)); fillColor = grd; } context.setLineWidth(arcbarOption.width * opts.pix); context.setStrokeStyle(fillColor); context.setLineCap(arcbarOption.lineCap); context.beginPath(); context.arc(centerPosition.x, centerPosition.y, radius - (arcbarOption.width * opts.pix + arcbarOption.gap * opts.pix) * i, arcbarOption.startAngle * Math.PI, eachSeries._proportion_ * Math.PI, false); context.stroke(); } drawRingTitle(opts, config, context, centerPosition); return { center: centerPosition, radius: radius, series: series }; } function drawGaugeDataPoints(categories, series, opts, config, context) { var process = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1; var gaugeOption = assign({}, { type: 'default', startAngle: 0.75, endAngle: 0.25, width: 15, labelOffset: 13, splitLine: { fixRadius: 0, splitNumber: 10, width: 15, color: '#FFFFFF', childNumber: 5, childWidth: 5 }, pointer: { width: 15, color: 'auto' } }, opts.extra.gauge); if (gaugeOption.oldAngle == undefined) { gaugeOption.oldAngle = gaugeOption.startAngle; } if (gaugeOption.oldData == undefined) { gaugeOption.oldData = 0; } categories = getGaugeAxisPoints(categories, gaugeOption.startAngle, gaugeOption.endAngle); var centerPosition = { x: opts.width / 2, y: opts.height / 2 }; var radius = Math.min(centerPosition.x, centerPosition.y); radius -= 5 * opts.pix; radius -= gaugeOption.width / 2; radius = radius < 10 ? 10 : radius; var innerRadius = radius - gaugeOption.width; var totalAngle = 0; //判断仪表盘的样式:default百度样式,progress新样式 if (gaugeOption.type == 'progress') { //## 第一步画中心圆形背景和进度条背景 //中心圆形背景 var pieRadius = radius - gaugeOption.width * 3; context.beginPath(); var gradient = context.createLinearGradient(centerPosition.x, centerPosition.y - pieRadius, centerPosition.x, centerPosition.y + pieRadius); //配置渐变填充(起点:中心点向上减半径;结束点中心点向下加半径) gradient.addColorStop('0', hexToRgb(series[0].color, 0.3)); gradient.addColorStop('1.0', hexToRgb("#FFFFFF", 0.1)); context.setFillStyle(gradient); context.arc(centerPosition.x, centerPosition.y, pieRadius, 0, 2 * Math.PI, false); context.fill(); //画进度条背景 context.setLineWidth(gaugeOption.width); context.setStrokeStyle(hexToRgb(series[0].color, 0.3)); context.setLineCap('round'); context.beginPath(); context.arc(centerPosition.x, centerPosition.y, innerRadius, gaugeOption.startAngle * Math.PI, gaugeOption.endAngle * Math.PI, false); context.stroke(); //## 第二步画刻度线 totalAngle = gaugeOption.startAngle - gaugeOption.endAngle + 1; var splitAngle = totalAngle / gaugeOption.splitLine.splitNumber; var childAngle = totalAngle / gaugeOption.splitLine.splitNumber / gaugeOption.splitLine.childNumber; var startX = -radius - gaugeOption.width * 0.5 - gaugeOption.splitLine.fixRadius; var endX = -radius - gaugeOption.width - gaugeOption.splitLine.fixRadius + gaugeOption.splitLine.width; context.save(); context.translate(centerPosition.x, centerPosition.y); context.rotate((gaugeOption.startAngle - 1) * Math.PI); var len = gaugeOption.splitLine.splitNumber * gaugeOption.splitLine.childNumber + 1; var proc = series[0].data * process; for (var i = 0; i < len; i++) { context.beginPath(); //刻度线随进度变色 if (proc > i / len) { context.setStrokeStyle(hexToRgb(series[0].color, 1)); } else { context.setStrokeStyle(hexToRgb(series[0].color, 0.3)); } context.setLineWidth(3 * opts.pix); context.moveTo(startX, 0); context.lineTo(endX, 0); context.stroke(); context.rotate(childAngle * Math.PI); } context.restore(); //## 第三步画进度条 series = getGaugeArcbarDataPoints(series, gaugeOption, process); context.setLineWidth(gaugeOption.width); context.setStrokeStyle(series[0].color); context.setLineCap('round'); context.beginPath(); context.arc(centerPosition.x, centerPosition.y, innerRadius, gaugeOption.startAngle * Math.PI, series[0]._proportion_ * Math.PI, false); context.stroke(); //## 第四步画指针 var pointerRadius = radius - gaugeOption.width * 2.5; context.save(); context.translate(centerPosition.x, centerPosition.y); context.rotate((series[0]._proportion_ - 1) * Math.PI); context.beginPath(); context.setLineWidth(gaugeOption.width / 3); var gradient3 = context.createLinearGradient(0, -pointerRadius * 0.6, 0, pointerRadius * 0.6); gradient3.addColorStop('0', hexToRgb('#FFFFFF', 0)); gradient3.addColorStop('0.5', hexToRgb(series[0].color, 1)); gradient3.addColorStop('1.0', hexToRgb('#FFFFFF', 0)); context.setStrokeStyle(gradient3); context.arc(0, 0, pointerRadius, 0.85 * Math.PI, 1.15 * Math.PI, false); context.stroke(); context.beginPath(); context.setLineWidth(1); context.setStrokeStyle(series[0].color); context.setFillStyle(series[0].color); context.moveTo(-pointerRadius - gaugeOption.width / 3 / 2, -4); context.lineTo(-pointerRadius - gaugeOption.width / 3 / 2 - 4, 0); context.lineTo(-pointerRadius - gaugeOption.width / 3 / 2, 4); context.lineTo(-pointerRadius - gaugeOption.width / 3 / 2, -4); context.stroke(); context.fill(); context.restore(); //default百度样式 } else { //画背景 context.setLineWidth(gaugeOption.width); context.setLineCap('butt'); for (var _i26 = 0; _i26 < categories.length; _i26++) { var eachCategories = categories[_i26]; context.beginPath(); context.setStrokeStyle(eachCategories.color); context.arc(centerPosition.x, centerPosition.y, radius, eachCategories._startAngle_ * Math.PI, eachCategories._endAngle_ * Math.PI, false); context.stroke(); } context.save(); //画刻度线 totalAngle = gaugeOption.startAngle - gaugeOption.endAngle + 1; var _splitAngle = totalAngle / gaugeOption.splitLine.splitNumber; var _childAngle = totalAngle / gaugeOption.splitLine.splitNumber / gaugeOption.splitLine.childNumber; var _startX2 = -radius - gaugeOption.width * 0.5 - gaugeOption.splitLine.fixRadius; var _endX = -radius - gaugeOption.width * 0.5 - gaugeOption.splitLine.fixRadius + gaugeOption.splitLine.width; var childendX = -radius - gaugeOption.width * 0.5 - gaugeOption.splitLine.fixRadius + gaugeOption.splitLine.childWidth; context.translate(centerPosition.x, centerPosition.y); context.rotate((gaugeOption.startAngle - 1) * Math.PI); for (var _i27 = 0; _i27 < gaugeOption.splitLine.splitNumber + 1; _i27++) { context.beginPath(); context.setStrokeStyle(gaugeOption.splitLine.color); context.setLineWidth(2 * opts.pix); context.moveTo(_startX2, 0); context.lineTo(_endX, 0); context.stroke(); context.rotate(_splitAngle * Math.PI); } context.restore(); context.save(); context.translate(centerPosition.x, centerPosition.y); context.rotate((gaugeOption.startAngle - 1) * Math.PI); for (var _i28 = 0; _i28 < gaugeOption.splitLine.splitNumber * gaugeOption.splitLine.childNumber + 1; _i28++) { context.beginPath(); context.setStrokeStyle(gaugeOption.splitLine.color); context.setLineWidth(1 * opts.pix); context.moveTo(_startX2, 0); context.lineTo(childendX, 0); context.stroke(); context.rotate(_childAngle * Math.PI); } context.restore(); //画指针 series = getGaugeDataPoints(series, categories, gaugeOption, process); for (var _i29 = 0; _i29 < series.length; _i29++) { var eachSeries = series[_i29]; context.save(); context.translate(centerPosition.x, centerPosition.y); context.rotate((eachSeries._proportion_ - 1) * Math.PI); context.beginPath(); context.setFillStyle(eachSeries.color); context.moveTo(gaugeOption.pointer.width, 0); context.lineTo(0, -gaugeOption.pointer.width / 2); context.lineTo(-innerRadius, 0); context.lineTo(0, gaugeOption.pointer.width / 2); context.lineTo(gaugeOption.pointer.width, 0); context.closePath(); context.fill(); context.beginPath(); context.setFillStyle('#FFFFFF'); context.arc(0, 0, gaugeOption.pointer.width / 6, 0, 2 * Math.PI, false); context.fill(); context.restore(); } if (opts.dataLabel !== false) { drawGaugeLabel(gaugeOption, radius, centerPosition, opts, config, context); } } //画仪表盘标题,副标题 drawRingTitle(opts, config, context, centerPosition); if (process === 1 && opts.type === 'gauge') { opts.extra.gauge.oldAngle = series[0]._proportion_; opts.extra.gauge.oldData = series[0].data; } return { center: centerPosition, radius: radius, innerRadius: innerRadius, categories: categories, totalAngle: totalAngle }; } function drawRadarDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var radarOption = assign({}, { gridColor: '#cccccc', gridType: 'radar', gridEval: 1, axisLabel: false, axisLabelTofix: 0, labelColor: '#666666', labelPointShow: false, labelPointRadius: 3, labelPointColor: '#cccccc', opacity: 0.2, gridCount: 3, border: false, borderWidth: 2, linearType: 'none', customColor: [] }, opts.extra.radar); var coordinateAngle = getRadarCoordinateSeries(opts.categories.length); var centerPosition = { x: opts.area[3] + (opts.width - opts.area[1] - opts.area[3]) / 2, y: opts.area[0] + (opts.height - opts.area[0] - opts.area[2]) / 2 }; var xr = (opts.width - opts.area[1] - opts.area[3]) / 2; var yr = (opts.height - opts.area[0] - opts.area[2]) / 2; var radius = Math.min(xr - (getMaxTextListLength(opts.categories, config.fontSize, context) + config.radarLabelTextMargin), yr - config.radarLabelTextMargin); radius -= config.radarLabelTextMargin * opts.pix; radius = radius < 10 ? 10 : radius; // 画分割线 context.beginPath(); context.setLineWidth(1 * opts.pix); context.setStrokeStyle(radarOption.gridColor); coordinateAngle.forEach(function (angle, index) { var pos = convertCoordinateOrigin(radius * Math.cos(angle), radius * Math.sin(angle), centerPosition); context.moveTo(centerPosition.x, centerPosition.y); if (index % radarOption.gridEval == 0) { context.lineTo(pos.x, pos.y); } }); context.stroke(); context.closePath(); // 画背景网格 var _loop = function _loop(i) { var startPos = {}; context.beginPath(); context.setLineWidth(1 * opts.pix); context.setStrokeStyle(radarOption.gridColor); if (radarOption.gridType == 'radar') { coordinateAngle.forEach(function (angle, index) { var pos = convertCoordinateOrigin(radius / radarOption.gridCount * i * Math.cos(angle), radius / radarOption.gridCount * i * Math.sin(angle), centerPosition); if (index === 0) { startPos = pos; context.moveTo(pos.x, pos.y); } else { context.lineTo(pos.x, pos.y); } }); context.lineTo(startPos.x, startPos.y); } else { var pos = convertCoordinateOrigin(radius / radarOption.gridCount * i * Math.cos(1.5), radius / radarOption.gridCount * i * Math.sin(1.5), centerPosition); context.arc(centerPosition.x, centerPosition.y, centerPosition.y - pos.y, 0, 2 * Math.PI, false); } context.stroke(); context.closePath(); }; for (var i = 1; i <= radarOption.gridCount; i++) { _loop(i); } radarOption.customColor = fillCustomColor(radarOption.linearType, radarOption.customColor, series, config); var radarDataPoints = getRadarDataPoints(coordinateAngle, centerPosition, radius, series, opts, process); radarDataPoints.forEach(function (eachSeries, seriesIndex) { // 绘制区域数据 context.beginPath(); context.setLineWidth(radarOption.borderWidth * opts.pix); context.setStrokeStyle(eachSeries.color); var fillcolor = hexToRgb(eachSeries.color, radarOption.opacity); if (radarOption.linearType == 'custom') { var grd; if (context.createCircularGradient) { grd = context.createCircularGradient(centerPosition.x, centerPosition.y, radius); } else { grd = context.createRadialGradient(centerPosition.x, centerPosition.y, 0, centerPosition.x, centerPosition.y, radius); } grd.addColorStop(0, hexToRgb(radarOption.customColor[series[seriesIndex].linearIndex], radarOption.opacity)); grd.addColorStop(1, hexToRgb(eachSeries.color, radarOption.opacity)); fillcolor = grd; } context.setFillStyle(fillcolor); eachSeries.data.forEach(function (item, index) { if (index === 0) { context.moveTo(item.position.x, item.position.y); } else { context.lineTo(item.position.x, item.position.y); } }); context.closePath(); context.fill(); if (radarOption.border === true) { context.stroke(); } context.closePath(); if (opts.dataPointShape !== false) { var points = eachSeries.data.map(function (item) { return item.position; }); drawPointShape(points, eachSeries.color, eachSeries.pointShape, context, opts); } }); // 画刻度值 if (radarOption.axisLabel === true) { var maxData = Math.max(radarOption.max, Math.max.apply(null, dataCombine(series))); var stepLength = radius / radarOption.gridCount; var fontSize = opts.fontSize * opts.pix; context.setFontSize(fontSize); context.setFillStyle(opts.fontColor); context.setTextAlign('left'); for (var i = 0; i < radarOption.gridCount + 1; i++) { var label = i * maxData / radarOption.gridCount; label = label.toFixed(radarOption.axisLabelTofix); context.fillText(String(label), centerPosition.x + 3 * opts.pix, centerPosition.y - i * stepLength + fontSize / 2); } } // draw label text drawRadarLabel(coordinateAngle, radius, centerPosition, opts, config, context); // draw dataLabel if (opts.dataLabel !== false && process === 1) { radarDataPoints.forEach(function (eachSeries, seriesIndex) { context.beginPath(); var fontSize = eachSeries.textSize * opts.pix || config.fontSize; context.setFontSize(fontSize); context.setFillStyle(eachSeries.textColor || opts.fontColor); eachSeries.data.forEach(function (item, index) { //如果是中心点垂直的上下点位 if (Math.abs(item.position.x - centerPosition.x) < 2) { //如果在上面 if (item.position.y < centerPosition.y) { context.setTextAlign('center'); context.fillText(item.value, item.position.x, item.position.y - 4); } else { context.setTextAlign('center'); context.fillText(item.value, item.position.x, item.position.y + fontSize + 2); } } else { //如果在左侧 if (item.position.x < centerPosition.x) { context.setTextAlign('right'); context.fillText(item.value, item.position.x - 4, item.position.y + fontSize / 2 - 2); } else { context.setTextAlign('left'); context.fillText(item.value, item.position.x + 4, item.position.y + fontSize / 2 - 2); } } }); context.closePath(); context.stroke(); }); context.setTextAlign('left'); } return { center: centerPosition, radius: radius, angleList: coordinateAngle }; } // 经纬度转墨卡托 function lonlat2mercator(longitude, latitude) { var mercator = Array(2); var x = longitude * 20037508.34 / 180; var y = Math.log(Math.tan((90 + latitude) * Math.PI / 360)) / (Math.PI / 180); y = y * 20037508.34 / 180; mercator[0] = x; mercator[1] = y; return mercator; } // 墨卡托转经纬度 function mercator2lonlat(longitude, latitude) { var lonlat = Array(2); var x = longitude / 20037508.34 * 180; var y = latitude / 20037508.34 * 180; y = 180 / Math.PI * (2 * Math.atan(Math.exp(y * Math.PI / 180)) - Math.PI / 2); lonlat[0] = x; lonlat[1] = y; return lonlat; } function getBoundingBox(data) { var bounds = {}, coords; bounds.xMin = 180; bounds.xMax = 0; bounds.yMin = 90; bounds.yMax = 0; for (var i = 0; i < data.length; i++) { var coorda = data[i].geometry.coordinates; for (var k = 0; k < coorda.length; k++) { coords = coorda[k]; if (coords.length == 1) { coords = coords[0]; } for (var j = 0; j < coords.length; j++) { var longitude = coords[j][0]; var latitude = coords[j][1]; var point = { x: longitude, y: latitude }; bounds.xMin = bounds.xMin < point.x ? bounds.xMin : point.x; bounds.xMax = bounds.xMax > point.x ? bounds.xMax : point.x; bounds.yMin = bounds.yMin < point.y ? bounds.yMin : point.y; bounds.yMax = bounds.yMax > point.y ? bounds.yMax : point.y; } } } return bounds; } function coordinateToPoint(latitude, longitude, bounds, scale, xoffset, yoffset) { return { x: (longitude - bounds.xMin) * scale + xoffset, y: (bounds.yMax - latitude) * scale + yoffset }; } function pointToCoordinate(pointY, pointX, bounds, scale, xoffset, yoffset) { return { x: (pointX - xoffset) / scale + bounds.xMin, y: bounds.yMax - (pointY - yoffset) / scale }; } function isRayIntersectsSegment(poi, s_poi, e_poi) { if (s_poi[1] == e_poi[1]) { return false; } if (s_poi[1] > poi[1] && e_poi[1] > poi[1]) { return false; } if (s_poi[1] < poi[1] && e_poi[1] < poi[1]) { return false; } if (s_poi[1] == poi[1] && e_poi[1] > poi[1]) { return false; } if (e_poi[1] == poi[1] && s_poi[1] > poi[1]) { return false; } if (s_poi[0] < poi[0] && e_poi[1] < poi[1]) { return false; } var xseg = e_poi[0] - (e_poi[0] - s_poi[0]) * (e_poi[1] - poi[1]) / (e_poi[1] - s_poi[1]); if (xseg < poi[0]) { return false; } else { return true; } } function isPoiWithinPoly(poi, poly, mercator) { var sinsc = 0; for (var i = 0; i < poly.length; i++) { var epoly = poly[i][0]; if (poly.length == 1) { epoly = poly[i][0]; } for (var j = 0; j < epoly.length - 1; j++) { var s_poi = epoly[j]; var e_poi = epoly[j + 1]; if (mercator) { s_poi = lonlat2mercator(epoly[j][0], epoly[j][1]); e_poi = lonlat2mercator(epoly[j + 1][0], epoly[j + 1][1]); } if (isRayIntersectsSegment(poi, s_poi, e_poi)) { sinsc += 1; } } } if (sinsc % 2 == 1) { return true; } else { return false; } } function drawMapDataPoints(series, opts, config, context) { var mapOption = assign({}, { border: true, mercator: false, borderWidth: 1, borderColor: '#666666', fillOpacity: 0.6, activeBorderColor: '#f04864', activeFillColor: '#facc14', activeFillOpacity: 1 }, opts.extra.map); var coords, point; var data = series; var bounds = getBoundingBox(data); if (mapOption.mercator) { var max = lonlat2mercator(bounds.xMax, bounds.yMax); var min = lonlat2mercator(bounds.xMin, bounds.yMin); bounds.xMax = max[0]; bounds.yMax = max[1]; bounds.xMin = min[0]; bounds.yMin = min[1]; } var xScale = opts.width / Math.abs(bounds.xMax - bounds.xMin); var yScale = opts.height / Math.abs(bounds.yMax - bounds.yMin); var scale = xScale < yScale ? xScale : yScale; var xoffset = opts.width / 2 - Math.abs(bounds.xMax - bounds.xMin) / 2 * scale; var yoffset = opts.height / 2 - Math.abs(bounds.yMax - bounds.yMin) / 2 * scale; for (var i = 0; i < data.length; i++) { context.beginPath(); context.setLineWidth(mapOption.borderWidth * opts.pix); context.setStrokeStyle(mapOption.borderColor); context.setFillStyle(hexToRgb(series[i].color, mapOption.fillOpacity)); if (opts.tooltip) { if (opts.tooltip.index == i) { context.setStrokeStyle(mapOption.activeBorderColor); context.setFillStyle(hexToRgb(mapOption.activeFillColor, mapOption.activeFillOpacity)); } } var coorda = data[i].geometry.coordinates; for (var k = 0; k < coorda.length; k++) { coords = coorda[k]; if (coords.length == 1) { coords = coords[0]; } for (var j = 0; j < coords.length; j++) { var gaosi = Array(2); if (mapOption.mercator) { gaosi = lonlat2mercator(coords[j][0], coords[j][1]); } else { gaosi = coords[j]; } point = coordinateToPoint(gaosi[1], gaosi[0], bounds, scale, xoffset, yoffset); if (j === 0) { context.beginPath(); context.moveTo(point.x, point.y); } else { context.lineTo(point.x, point.y); } } context.fill(); if (mapOption.border == true) { context.stroke(); } } } if (opts.dataLabel == true) { for (var i = 0; i < data.length; i++) { var centerPoint = data[i].properties.centroid; if (centerPoint) { if (mapOption.mercator) { centerPoint = lonlat2mercator(data[i].properties.centroid[0], data[i].properties.centroid[1]); } point = coordinateToPoint(centerPoint[1], centerPoint[0], bounds, scale, xoffset, yoffset); var fontSize = data[i].textSize * opts.pix || config.fontSize; var text = data[i].properties.name; context.beginPath(); context.setFontSize(fontSize); context.setFillStyle(data[i].textColor || opts.fontColor); context.fillText(text, point.x - measureText(text, fontSize, context) / 2, point.y + fontSize / 2); context.closePath(); context.stroke(); } } } opts.chartData.mapData = { bounds: bounds, scale: scale, xoffset: xoffset, yoffset: yoffset, mercator: mapOption.mercator }; drawToolTipBridge(opts, config, context, 1); context.draw(); } function normalInt(min, max, iter) { iter = iter == 0 ? 1 : iter; var arr = []; for (var i = 0; i < iter; i++) { arr[i] = Math.random(); } ; return Math.floor(arr.reduce(function (i, j) { return i + j; }) / iter * (max - min)) + min; } ; function collisionNew(area, points, width, height) { var isIn = false; for (var i = 0; i < points.length; i++) { if (points[i].area) { if (area[3] < points[i].area[1] || area[0] > points[i].area[2] || area[1] > points[i].area[3] || area[2] < points[i].area[0]) { if (area[0] < 0 || area[1] < 0 || area[2] > width || area[3] > height) { isIn = true; break; } else { isIn = false; } } else { isIn = true; break; } } } return isIn; } ; function getWordCloudPoint(opts, type, context) { var points = opts.series; switch (type) { case 'normal': for (var i = 0; i < points.length; i++) { var text = points[i].name; var tHeight = points[i].textSize * opts.pix; var tWidth = measureText(text, tHeight, context); var x = void 0, y = void 0; var area = void 0; var breaknum = 0; while (true) { breaknum++; x = normalInt(-opts.width / 2, opts.width / 2, 5) - tWidth / 2; y = normalInt(-opts.height / 2, opts.height / 2, 5) + tHeight / 2; area = [x - 5 + opts.width / 2, y - 5 - tHeight + opts.height / 2, x + tWidth + 5 + opts.width / 2, y + 5 + opts.height / 2]; var isCollision = collisionNew(area, points, opts.width, opts.height); if (!isCollision) break; if (breaknum == 1000) { area = [-100, -100, -100, -100]; break; } } ; points[i].area = area; } break; case 'vertical': var Spin = function Spin() { //获取均匀随机值,是否旋转,旋转的概率为(1-0.5) if (Math.random() > 0.7) { return true; } else { return false; } ; }; ; for (var _i30 = 0; _i30 < points.length; _i30++) { var _text = points[_i30].name; var _tHeight = points[_i30].textSize * opts.pix; var _tWidth = measureText(_text, _tHeight, context); var isSpin = Spin(); var _x = void 0, _y = void 0, _area = void 0, areav = void 0; var _breaknum = 0; while (true) { _breaknum++; var _isCollision = void 0; if (isSpin) { _x = normalInt(-opts.width / 2, opts.width / 2, 5) - _tWidth / 2; _y = normalInt(-opts.height / 2, opts.height / 2, 5) + _tHeight / 2; _area = [_y - 5 - _tWidth + opts.width / 2, -_x - 5 + opts.height / 2, _y + 5 + opts.width / 2, -_x + _tHeight + 5 + opts.height / 2]; areav = [opts.width - (opts.width / 2 - opts.height / 2) - (-_x + _tHeight + 5 + opts.height / 2) - 5, opts.height / 2 - opts.width / 2 + (_y - 5 - _tWidth + opts.width / 2) - 5, opts.width - (opts.width / 2 - opts.height / 2) - (-_x + _tHeight + 5 + opts.height / 2) + _tHeight, opts.height / 2 - opts.width / 2 + (_y - 5 - _tWidth + opts.width / 2) + _tWidth + 5]; _isCollision = collisionNew(areav, points, opts.height, opts.width); } else { _x = normalInt(-opts.width / 2, opts.width / 2, 5) - _tWidth / 2; _y = normalInt(-opts.height / 2, opts.height / 2, 5) + _tHeight / 2; _area = [_x - 5 + opts.width / 2, _y - 5 - _tHeight + opts.height / 2, _x + _tWidth + 5 + opts.width / 2, _y + 5 + opts.height / 2]; _isCollision = collisionNew(_area, points, opts.width, opts.height); } if (!_isCollision) break; if (_breaknum == 1000) { _area = [-1000, -1000, -1000, -1000]; break; } } ; if (isSpin) { points[_i30].area = areav; points[_i30].areav = _area; } else { points[_i30].area = _area; } points[_i30].rotate = isSpin; } ; break; } return points; } function drawWordCloudDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var wordOption = assign({}, { type: 'normal', autoColors: true }, opts.extra.word); if (!opts.chartData.wordCloudData) { opts.chartData.wordCloudData = getWordCloudPoint(opts, wordOption.type, context); } context.beginPath(); context.setFillStyle(opts.background); context.rect(0, 0, opts.width, opts.height); context.fill(); context.save(); var points = opts.chartData.wordCloudData; context.translate(opts.width / 2, opts.height / 2); for (var i = 0; i < points.length; i++) { context.save(); if (points[i].rotate) { context.rotate(90 * Math.PI / 180); } var text = points[i].name; var tHeight = points[i].textSize * opts.pix; var tWidth = measureText(text, tHeight, context); context.beginPath(); context.setStrokeStyle(points[i].color); context.setFillStyle(points[i].color); context.setFontSize(tHeight); if (points[i].rotate) { if (points[i].areav[0] > 0) { if (opts.tooltip) { if (opts.tooltip.index == i) { context.strokeText(text, (points[i].areav[0] + 5 - opts.width / 2) * process - tWidth * (1 - process) / 2, (points[i].areav[1] + 5 + tHeight - opts.height / 2) * process); } else { context.fillText(text, (points[i].areav[0] + 5 - opts.width / 2) * process - tWidth * (1 - process) / 2, (points[i].areav[1] + 5 + tHeight - opts.height / 2) * process); } } else { context.fillText(text, (points[i].areav[0] + 5 - opts.width / 2) * process - tWidth * (1 - process) / 2, (points[i].areav[1] + 5 + tHeight - opts.height / 2) * process); } } } else { if (points[i].area[0] > 0) { if (opts.tooltip) { if (opts.tooltip.index == i) { context.strokeText(text, (points[i].area[0] + 5 - opts.width / 2) * process - tWidth * (1 - process) / 2, (points[i].area[1] + 5 + tHeight - opts.height / 2) * process); } else { context.fillText(text, (points[i].area[0] + 5 - opts.width / 2) * process - tWidth * (1 - process) / 2, (points[i].area[1] + 5 + tHeight - opts.height / 2) * process); } } else { context.fillText(text, (points[i].area[0] + 5 - opts.width / 2) * process - tWidth * (1 - process) / 2, (points[i].area[1] + 5 + tHeight - opts.height / 2) * process); } } } context.stroke(); context.restore(); } context.restore(); } function drawFunnelDataPoints(series, opts, config, context) { var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1; var funnelOption = assign({}, { type: 'funnel', activeWidth: 10, activeOpacity: 0.3, border: false, borderWidth: 2, borderColor: '#FFFFFF', fillOpacity: 1, labelAlign: 'right', linearType: 'none', customColor: [] }, opts.extra.funnel); var eachSpacing = (opts.height - opts.area[0] - opts.area[2]) / series.length; var centerPosition = { x: opts.area[3] + (opts.width - opts.area[1] - opts.area[3]) / 2, y: opts.height - opts.area[2] }; var activeWidth = funnelOption.activeWidth * opts.pix; var radius = Math.min((opts.width - opts.area[1] - opts.area[3]) / 2 - activeWidth, (opts.height - opts.area[0] - opts.area[2]) / 2 - activeWidth); series = getFunnelDataPoints(series, radius, funnelOption.type, eachSpacing, process); context.save(); context.translate(centerPosition.x, centerPosition.y); funnelOption.customColor = fillCustomColor(funnelOption.linearType, funnelOption.customColor, series, config); if (funnelOption.type == 'pyramid') { for (var i = 0; i < series.length; i++) { if (i == series.length - 1) { if (opts.tooltip) { if (opts.tooltip.index == i) { context.beginPath(); context.setFillStyle(hexToRgb(series[i].color, funnelOption.activeOpacity)); context.moveTo(-activeWidth, -eachSpacing); context.lineTo(-series[i].radius - activeWidth, 0); context.lineTo(series[i].radius + activeWidth, 0); context.lineTo(activeWidth, -eachSpacing); context.lineTo(-activeWidth, -eachSpacing); context.closePath(); context.fill(); } } series[i].funnelArea = [centerPosition.x - series[i].radius, centerPosition.y - eachSpacing * (i + 1), centerPosition.x + series[i].radius, centerPosition.y - eachSpacing * i]; context.beginPath(); context.setLineWidth(funnelOption.borderWidth * opts.pix); context.setStrokeStyle(funnelOption.borderColor); var fillColor = hexToRgb(series[i].color, funnelOption.fillOpacity); if (funnelOption.linearType == 'custom') { var grd = context.createLinearGradient(series[i].radius, -eachSpacing, -series[i].radius, -eachSpacing); grd.addColorStop(0, hexToRgb(series[i].color, funnelOption.fillOpacity)); grd.addColorStop(0.5, hexToRgb(funnelOption.customColor[series[i].linearIndex], funnelOption.fillOpacity)); grd.addColorStop(1, hexToRgb(series[i].color, funnelOption.fillOpacity)); fillColor = grd; } context.setFillStyle(fillColor); context.moveTo(0, -eachSpacing); context.lineTo(-series[i].radius, 0); context.lineTo(series[i].radius, 0); context.lineTo(0, -eachSpacing); context.closePath(); context.fill(); if (funnelOption.border == true) { context.stroke(); } } else { if (opts.tooltip) { if (opts.tooltip.index == i) { context.beginPath(); context.setFillStyle(hexToRgb(series[i].color, funnelOption.activeOpacity)); context.moveTo(0, 0); context.lineTo(-series[i].radius - activeWidth, 0); context.lineTo(-series[i + 1].radius - activeWidth, -eachSpacing); context.lineTo(series[i + 1].radius + activeWidth, -eachSpacing); context.lineTo(series[i].radius + activeWidth, 0); context.lineTo(0, 0); context.closePath(); context.fill(); } } series[i].funnelArea = [centerPosition.x - series[i].radius, centerPosition.y - eachSpacing * (i + 1), centerPosition.x + series[i].radius, centerPosition.y - eachSpacing * i]; context.beginPath(); context.setLineWidth(funnelOption.borderWidth * opts.pix); context.setStrokeStyle(funnelOption.borderColor); var fillColor = hexToRgb(series[i].color, funnelOption.fillOpacity); if (funnelOption.linearType == 'custom') { var grd = context.createLinearGradient(series[i].radius, -eachSpacing, -series[i].radius, -eachSpacing); grd.addColorStop(0, hexToRgb(series[i].color, funnelOption.fillOpacity)); grd.addColorStop(0.5, hexToRgb(funnelOption.customColor[series[i].linearIndex], funnelOption.fillOpacity)); grd.addColorStop(1, hexToRgb(series[i].color, funnelOption.fillOpacity)); fillColor = grd; } context.setFillStyle(fillColor); context.moveTo(0, 0); context.lineTo(-series[i].radius, 0); context.lineTo(-series[i + 1].radius, -eachSpacing); context.lineTo(series[i + 1].radius, -eachSpacing); context.lineTo(series[i].radius, 0); context.lineTo(0, 0); context.closePath(); context.fill(); if (funnelOption.border == true) { context.stroke(); } } context.translate(0, -eachSpacing); } } else { for (var _i31 = 0; _i31 < series.length; _i31++) { if (_i31 == 0) { if (opts.tooltip) { if (opts.tooltip.index == _i31) { context.beginPath(); context.setFillStyle(hexToRgb(series[_i31].color, funnelOption.activeOpacity)); context.moveTo(-activeWidth, 0); context.lineTo(-series[_i31].radius - activeWidth, -eachSpacing); context.lineTo(series[_i31].radius + activeWidth, -eachSpacing); context.lineTo(activeWidth, 0); context.lineTo(-activeWidth, 0); context.closePath(); context.fill(); } } series[_i31].funnelArea = [centerPosition.x - series[_i31].radius, centerPosition.y - eachSpacing, centerPosition.x + series[_i31].radius, centerPosition.y]; context.beginPath(); context.setLineWidth(funnelOption.borderWidth * opts.pix); context.setStrokeStyle(funnelOption.borderColor); var fillColor = hexToRgb(series[_i31].color, funnelOption.fillOpacity); if (funnelOption.linearType == 'custom') { var grd = context.createLinearGradient(series[_i31].radius, -eachSpacing, -series[_i31].radius, -eachSpacing); grd.addColorStop(0, hexToRgb(series[_i31].color, funnelOption.fillOpacity)); grd.addColorStop(0.5, hexToRgb(funnelOption.customColor[series[_i31].linearIndex], funnelOption.fillOpacity)); grd.addColorStop(1, hexToRgb(series[_i31].color, funnelOption.fillOpacity)); fillColor = grd; } context.setFillStyle(fillColor); context.moveTo(0, 0); context.lineTo(-series[_i31].radius, -eachSpacing); context.lineTo(series[_i31].radius, -eachSpacing); context.lineTo(0, 0); context.closePath(); context.fill(); if (funnelOption.border == true) { context.stroke(); } } else { if (opts.tooltip) { if (opts.tooltip.index == _i31) { context.beginPath(); context.setFillStyle(hexToRgb(series[_i31].color, funnelOption.activeOpacity)); context.moveTo(0, 0); context.lineTo(-series[_i31 - 1].radius - activeWidth, 0); context.lineTo(-series[_i31].radius - activeWidth, -eachSpacing); context.lineTo(series[_i31].radius + activeWidth, -eachSpacing); context.lineTo(series[_i31 - 1].radius + activeWidth, 0); context.lineTo(0, 0); context.closePath(); context.fill(); } } series[_i31].funnelArea = [centerPosition.x - series[_i31].radius, centerPosition.y - eachSpacing * (_i31 + 1), centerPosition.x + series[_i31].radius, centerPosition.y - eachSpacing * _i31]; context.beginPath(); context.setLineWidth(funnelOption.borderWidth * opts.pix); context.setStrokeStyle(funnelOption.borderColor); var fillColor = hexToRgb(series[_i31].color, funnelOption.fillOpacity); if (funnelOption.linearType == 'custom') { var grd = context.createLinearGradient(series[_i31].radius, -eachSpacing, -series[_i31].radius, -eachSpacing); grd.addColorStop(0, hexToRgb(series[_i31].color, funnelOption.fillOpacity)); grd.addColorStop(0.5, hexToRgb(funnelOption.customColor[series[_i31].linearIndex], funnelOption.fillOpacity)); grd.addColorStop(1, hexToRgb(series[_i31].color, funnelOption.fillOpacity)); fillColor = grd; } context.setFillStyle(fillColor); context.moveTo(0, 0); context.lineTo(-series[_i31 - 1].radius, 0); context.lineTo(-series[_i31].radius, -eachSpacing); context.lineTo(series[_i31].radius, -eachSpacing); context.lineTo(series[_i31 - 1].radius, 0); context.lineTo(0, 0); context.closePath(); context.fill(); if (funnelOption.border == true) { context.stroke(); } } context.translate(0, -eachSpacing); } } context.restore(); if (opts.dataLabel !== false && process === 1) { drawFunnelText(series, opts, context, eachSpacing, funnelOption.labelAlign, activeWidth, centerPosition); } return { center: centerPosition, radius: radius, series: series }; } function drawFunnelText(series, opts, context, eachSpacing, labelAlign, activeWidth, centerPosition) { for (var i = 0; i < series.length; i++) { var item = series[i]; if (item.labelShow === false) { continue; } var startX = void 0, endX = void 0, startY = void 0, fontSize = void 0; var text = item.formatter ? item.formatter(item, i, series, opts) : util.toFixed(item._proportion_ * 100) + '%'; text = item.labelText ? item.labelText : text; if (labelAlign == 'right') { if (opts.extra.funnel.type === 'pyramid') { if (i == series.length - 1) { startX = (item.funnelArea[2] + centerPosition.x) / 2; } else { startX = (item.funnelArea[2] + series[i + 1].funnelArea[2]) / 2; } } else { if (i == 0) { startX = (item.funnelArea[2] + centerPosition.x) / 2; } else { startX = (item.funnelArea[2] + series[i - 1].funnelArea[2]) / 2; } } endX = startX + activeWidth * 2; startY = item.funnelArea[1] + eachSpacing / 2; fontSize = item.textSize * opts.pix || opts.fontSize * opts.pix; context.setLineWidth(1 * opts.pix); context.setStrokeStyle(item.color); context.setFillStyle(item.color); context.beginPath(); context.moveTo(startX, startY); context.lineTo(endX, startY); context.stroke(); context.closePath(); context.beginPath(); context.moveTo(endX, startY); context.arc(endX, startY, 2 * opts.pix, 0, 2 * Math.PI); context.closePath(); context.fill(); context.beginPath(); context.setFontSize(fontSize); context.setFillStyle(item.textColor || opts.fontColor); context.fillText(text, endX + 5, startY + fontSize / 2 - 2); context.closePath(); context.stroke(); context.closePath(); } else { if (opts.extra.funnel.type === 'pyramid') { if (i == series.length - 1) { startX = (item.funnelArea[0] + centerPosition.x) / 2; } else { startX = (item.funnelArea[0] + series[i + 1].funnelArea[0]) / 2; } } else { if (i == 0) { startX = (item.funnelArea[0] + centerPosition.x) / 2; } else { startX = (item.funnelArea[0] + series[i - 1].funnelArea[0]) / 2; } } endX = startX - activeWidth * 2; startY = item.funnelArea[1] + eachSpacing / 2; fontSize = item.textSize * opts.pix || opts.fontSize * opts.pix; context.setLineWidth(1 * opts.pix); context.setStrokeStyle(item.color); context.setFillStyle(item.color); context.beginPath(); context.moveTo(startX, startY); context.lineTo(endX, startY); context.stroke(); context.closePath(); context.beginPath(); context.moveTo(endX, startY); context.arc(endX, startY, 2, 0, 2 * Math.PI); context.closePath(); context.fill(); context.beginPath(); context.setFontSize(fontSize); context.setFillStyle(item.textColor || opts.fontColor); context.fillText(text, endX - 5 - measureText(text, fontSize, context), startY + fontSize / 2 - 2); context.closePath(); context.stroke(); context.closePath(); } } } function drawCanvas(opts, context) { context.draw(); } var Timing = { easeIn: function easeIn(pos) { return Math.pow(pos, 3); }, easeOut: function easeOut(pos) { return Math.pow(pos - 1, 3) + 1; }, easeInOut: function easeInOut(pos) { if ((pos /= 0.5) < 1) { return 0.5 * Math.pow(pos, 3); } else { return 0.5 * (Math.pow(pos - 2, 3) + 2); } }, linear: function linear(pos) { return pos; } }; function Animation(opts) { this.isStop = false; opts.duration = typeof opts.duration === 'undefined' ? 1000 : opts.duration; opts.timing = opts.timing || 'easeInOut'; var delay = 17; function createAnimationFrame() { if (typeof setTimeout !== 'undefined') { return function (step, delay) { setTimeout(function () { var timeStamp = +new Date(); step(timeStamp); }, delay); }; } else if (typeof requestAnimationFrame !== 'undefined') { return requestAnimationFrame; } else { return function (step) { step(null); }; } } ; var animationFrame = createAnimationFrame(); var startTimeStamp = null; var _step = function step(timestamp) { if (timestamp === null || this.isStop === true) { opts.onProcess && opts.onProcess(1); opts.onAnimationFinish && opts.onAnimationFinish(); return; } if (startTimeStamp === null) { startTimeStamp = timestamp; } if (timestamp - startTimeStamp < opts.duration) { var process = (timestamp - startTimeStamp) / opts.duration; var timingFunction = Timing[opts.timing]; process = timingFunction(process); opts.onProcess && opts.onProcess(process); animationFrame(_step, delay); } else { opts.onProcess && opts.onProcess(1); opts.onAnimationFinish && opts.onAnimationFinish(); } }; _step = _step.bind(this); animationFrame(_step, delay); } Animation.prototype.stop = function () { this.isStop = true; }; function drawCharts(type, opts, config, context) { var _this = this; var series = opts.series; //兼容ECharts饼图类数据格式 if (type === 'pie' || type === 'ring' || type === 'mount' || type === 'rose' || type === 'funnel') { series = fixPieSeries(series, opts, config); } var categories = opts.categories; if (type === 'mount') { categories = []; for (var j = 0; j < series.length; j++) { if (series[j].show !== false) categories.push(series[j].name); } opts.categories = categories; } series = fillSeries(series, opts, config); var duration = opts.animation ? opts.duration : 0; _this.animationInstance && _this.animationInstance.stop(); var seriesMA = null; if (type == 'candle') { var average = assign({}, opts.extra.candle.average); if (average.show) { seriesMA = calCandleMA(average.day, average.name, average.color, series[0].data); seriesMA = fillSeries(seriesMA, opts, config); opts.seriesMA = seriesMA; } else if (opts.seriesMA) { seriesMA = opts.seriesMA = fillSeries(opts.seriesMA, opts, config); } else { seriesMA = series; } } else { seriesMA = series; } /* 过滤掉show=false的series */ opts._series_ = series = filterSeries(series); //重新计算图表区域 opts.area = new Array(4); //复位绘图区域 for (var _j11 = 0; _j11 < 4; _j11++) { opts.area[_j11] = opts.padding[_j11] * opts.pix; } //通过计算三大区域:图例、X轴、Y轴的大小,确定绘图区域 var _calLegendData = calLegendData(seriesMA, opts, config, opts.chartData, context), legendHeight = _calLegendData.area.wholeHeight, legendWidth = _calLegendData.area.wholeWidth; switch (opts.legend.position) { case 'top': opts.area[0] += legendHeight; break; case 'bottom': opts.area[2] += legendHeight; break; case 'left': opts.area[3] += legendWidth; break; case 'right': opts.area[1] += legendWidth; break; } var _calYAxisData = {}, yAxisWidth = 0; if (opts.type === 'line' || opts.type === 'column' || opts.type === 'mount' || opts.type === 'area' || opts.type === 'mix' || opts.type === 'candle' || opts.type === 'scatter' || opts.type === 'bubble' || opts.type === 'bar') { _calYAxisData = calYAxisData(series, opts, config, context); yAxisWidth = _calYAxisData.yAxisWidth; //如果显示Y轴标题 if (opts.yAxis.showTitle) { var maxTitleHeight = 0; for (var i = 0; i < opts.yAxis.data.length; i++) { maxTitleHeight = Math.max(maxTitleHeight, opts.yAxis.data[i].titleFontSize ? opts.yAxis.data[i].titleFontSize * opts.pix : config.fontSize); } opts.area[0] += maxTitleHeight; } var rightIndex = 0, leftIndex = 0; //计算主绘图区域左右位置 for (var _i32 = 0; _i32 < yAxisWidth.length; _i32++) { if (yAxisWidth[_i32].position == 'left') { if (leftIndex > 0) { opts.area[3] += yAxisWidth[_i32].width + opts.yAxis.padding * opts.pix; } else { opts.area[3] += yAxisWidth[_i32].width; } leftIndex += 1; } else if (yAxisWidth[_i32].position == 'right') { if (rightIndex > 0) { opts.area[1] += yAxisWidth[_i32].width + opts.yAxis.padding * opts.pix; } else { opts.area[1] += yAxisWidth[_i32].width; } rightIndex += 1; } } } else { config.yAxisWidth = yAxisWidth; } opts.chartData.yAxisData = _calYAxisData; if (opts.categories && opts.categories.length && opts.type !== 'radar' && opts.type !== 'gauge' && opts.type !== 'bar') { opts.chartData.xAxisData = getXAxisPoints(opts.categories, opts, config); var _calCategoriesData = calCategoriesData(opts.categories, opts, config, opts.chartData.xAxisData.eachSpacing, context), xAxisHeight = _calCategoriesData.xAxisHeight, angle = _calCategoriesData.angle; config.xAxisHeight = xAxisHeight; config._xAxisTextAngle_ = angle; opts.area[2] += xAxisHeight; opts.chartData.categoriesData = _calCategoriesData; } else { if (opts.type === 'line' || opts.type === 'area' || opts.type === 'scatter' || opts.type === 'bubble' || opts.type === 'bar') { opts.chartData.xAxisData = calXAxisData(series, opts, config, context); categories = opts.chartData.xAxisData.rangesFormat; var _calCategoriesData2 = calCategoriesData(categories, opts, config, opts.chartData.xAxisData.eachSpacing, context), _xAxisHeight = _calCategoriesData2.xAxisHeight, _angle = _calCategoriesData2.angle; config.xAxisHeight = _xAxisHeight; config._xAxisTextAngle_ = _angle; opts.area[2] += _xAxisHeight; opts.chartData.categoriesData = _calCategoriesData2; } else { opts.chartData.xAxisData = { xAxisPoints: [] }; } } //计算右对齐偏移距离 if (opts.enableScroll && opts.xAxis.scrollAlign == 'right' && opts._scrollDistance_ === undefined) { var offsetLeft = 0, xAxisPoints = opts.chartData.xAxisData.xAxisPoints, startX = opts.chartData.xAxisData.startX, endX = opts.chartData.xAxisData.endX, eachSpacing = opts.chartData.xAxisData.eachSpacing; var totalWidth = eachSpacing * (xAxisPoints.length - 1); var screenWidth = endX - startX; offsetLeft = screenWidth - totalWidth; _this.scrollOption.currentOffset = offsetLeft; _this.scrollOption.startTouchX = offsetLeft; _this.scrollOption.distance = 0; _this.scrollOption.lastMoveTime = 0; opts._scrollDistance_ = offsetLeft; } if (type === 'pie' || type === 'ring' || type === 'rose') { config._pieTextMaxLength_ = opts.dataLabel === false ? 0 : getPieTextMaxLength(seriesMA, config, context, opts); } switch (type) { case 'word': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } drawWordCloudDataPoints(series, opts, config, context, process); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; case 'map': context.clearRect(0, 0, opts.width, opts.height); drawMapDataPoints(series, opts, config, context); break; case 'funnel': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } opts.chartData.funnelData = drawFunnelDataPoints(series, opts, config, context, process); drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; case 'line': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } drawYAxisGrid(categories, opts, config, context); drawXAxis(categories, opts, config, context); var _drawLineDataPoints = drawLineDataPoints(series, opts, config, context, process), xAxisPoints = _drawLineDataPoints.xAxisPoints, calPoints = _drawLineDataPoints.calPoints, eachSpacing = _drawLineDataPoints.eachSpacing; opts.chartData.xAxisPoints = xAxisPoints; opts.chartData.calPoints = calPoints; opts.chartData.eachSpacing = eachSpacing; drawYAxis(series, opts, config, context); if (opts.enableMarkLine !== false && process === 1) { drawMarkLine(opts, config, context); } drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; case 'scatter': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } drawYAxisGrid(categories, opts, config, context); drawXAxis(categories, opts, config, context); var _drawScatterDataPoints = drawScatterDataPoints(series, opts, config, context, process), xAxisPoints = _drawScatterDataPoints.xAxisPoints, calPoints = _drawScatterDataPoints.calPoints, eachSpacing = _drawScatterDataPoints.eachSpacing; opts.chartData.xAxisPoints = xAxisPoints; opts.chartData.calPoints = calPoints; opts.chartData.eachSpacing = eachSpacing; drawYAxis(series, opts, config, context); if (opts.enableMarkLine !== false && process === 1) { drawMarkLine(opts, config, context); } drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; case 'bubble': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } drawYAxisGrid(categories, opts, config, context); drawXAxis(categories, opts, config, context); var _drawBubbleDataPoints = drawBubbleDataPoints(series, opts, config, context, process), xAxisPoints = _drawBubbleDataPoints.xAxisPoints, calPoints = _drawBubbleDataPoints.calPoints, eachSpacing = _drawBubbleDataPoints.eachSpacing; opts.chartData.xAxisPoints = xAxisPoints; opts.chartData.calPoints = calPoints; opts.chartData.eachSpacing = eachSpacing; drawYAxis(series, opts, config, context); if (opts.enableMarkLine !== false && process === 1) { drawMarkLine(opts, config, context); } drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; case 'mix': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } drawYAxisGrid(categories, opts, config, context); drawXAxis(categories, opts, config, context); var _drawMixDataPoints = drawMixDataPoints(series, opts, config, context, process), xAxisPoints = _drawMixDataPoints.xAxisPoints, calPoints = _drawMixDataPoints.calPoints, eachSpacing = _drawMixDataPoints.eachSpacing; opts.chartData.xAxisPoints = xAxisPoints; opts.chartData.calPoints = calPoints; opts.chartData.eachSpacing = eachSpacing; drawYAxis(series, opts, config, context); if (opts.enableMarkLine !== false && process === 1) { drawMarkLine(opts, config, context); } drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; case 'column': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } drawYAxisGrid(categories, opts, config, context); drawXAxis(categories, opts, config, context); var _drawColumnDataPoints = drawColumnDataPoints(series, opts, config, context, process), xAxisPoints = _drawColumnDataPoints.xAxisPoints, calPoints = _drawColumnDataPoints.calPoints, eachSpacing = _drawColumnDataPoints.eachSpacing; opts.chartData.xAxisPoints = xAxisPoints; opts.chartData.calPoints = calPoints; opts.chartData.eachSpacing = eachSpacing; drawYAxis(series, opts, config, context); if (opts.enableMarkLine !== false && process === 1) { drawMarkLine(opts, config, context); } drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; case 'mount': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } drawYAxisGrid(categories, opts, config, context); drawXAxis(categories, opts, config, context); var _drawMountDataPoints = drawMountDataPoints(series, opts, config, context, process), xAxisPoints = _drawMountDataPoints.xAxisPoints, calPoints = _drawMountDataPoints.calPoints, eachSpacing = _drawMountDataPoints.eachSpacing; opts.chartData.xAxisPoints = xAxisPoints; opts.chartData.calPoints = calPoints; opts.chartData.eachSpacing = eachSpacing; drawYAxis(series, opts, config, context); if (opts.enableMarkLine !== false && process === 1) { drawMarkLine(opts, config, context); } drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; case 'bar': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } drawXAxis(categories, opts, config, context); var _drawBarDataPoints = drawBarDataPoints(series, opts, config, context, process), yAxisPoints = _drawBarDataPoints.yAxisPoints, calPoints = _drawBarDataPoints.calPoints, eachSpacing = _drawBarDataPoints.eachSpacing; opts.chartData.yAxisPoints = yAxisPoints; opts.chartData.xAxisPoints = opts.chartData.xAxisData.xAxisPoints; opts.chartData.calPoints = calPoints; opts.chartData.eachSpacing = eachSpacing; drawYAxis(series, opts, config, context); if (opts.enableMarkLine !== false && process === 1) { drawMarkLine(opts, config, context); } drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process, eachSpacing, yAxisPoints); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; case 'area': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } drawYAxisGrid(categories, opts, config, context); drawXAxis(categories, opts, config, context); var _drawAreaDataPoints = drawAreaDataPoints(series, opts, config, context, process), xAxisPoints = _drawAreaDataPoints.xAxisPoints, calPoints = _drawAreaDataPoints.calPoints, eachSpacing = _drawAreaDataPoints.eachSpacing; opts.chartData.xAxisPoints = xAxisPoints; opts.chartData.calPoints = calPoints; opts.chartData.eachSpacing = eachSpacing; drawYAxis(series, opts, config, context); if (opts.enableMarkLine !== false && process === 1) { drawMarkLine(opts, config, context); } drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; case 'ring': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } opts.chartData.pieData = drawPieDataPoints(series, opts, config, context, process); drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; case 'pie': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } opts.chartData.pieData = drawPieDataPoints(series, opts, config, context, process); drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; case 'rose': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } opts.chartData.pieData = drawRoseDataPoints(series, opts, config, context, process); drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; case 'radar': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } opts.chartData.radarData = drawRadarDataPoints(series, opts, config, context, process); drawLegend(opts.series, opts, config, context, opts.chartData); drawToolTipBridge(opts, config, context, process); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; case 'arcbar': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } opts.chartData.arcbarData = drawArcbarDataPoints(series, opts, config, context, process); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; case 'gauge': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } opts.chartData.gaugeData = drawGaugeDataPoints(categories, series, opts, config, context, process); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; case 'candle': this.animationInstance = new Animation({ timing: opts.timing, duration: duration, onProcess: function onProcess(process) { context.clearRect(0, 0, opts.width, opts.height); if (opts.rotate) { contextRotate(context, opts); } drawYAxisGrid(categories, opts, config, context); drawXAxis(categories, opts, config, context); var _drawCandleDataPoints = drawCandleDataPoints(series, seriesMA, opts, config, context, process), xAxisPoints = _drawCandleDataPoints.xAxisPoints, calPoints = _drawCandleDataPoints.calPoints, eachSpacing = _drawCandleDataPoints.eachSpacing; opts.chartData.xAxisPoints = xAxisPoints; opts.chartData.calPoints = calPoints; opts.chartData.eachSpacing = eachSpacing; drawYAxis(series, opts, config, context); if (opts.enableMarkLine !== false && process === 1) { drawMarkLine(opts, config, context); } if (seriesMA) { drawLegend(seriesMA, opts, config, context, opts.chartData); } else { drawLegend(opts.series, opts, config, context, opts.chartData); } drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints); drawCanvas(opts, context); }, onAnimationFinish: function onAnimationFinish() { _this.uevent.trigger('renderComplete'); } }); break; } } function uChartsEvent() { this.events = {}; } uChartsEvent.prototype.addEventListener = function (type, listener) { this.events[type] = this.events[type] || []; this.events[type].push(listener); }; uChartsEvent.prototype.delEventListener = function (type) { this.events[type] = []; }; uChartsEvent.prototype.trigger = function () { for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } var type = args[0]; var params = args.slice(1); if (!!this.events[type]) { this.events[type].forEach(function (listener) { try { listener.apply(null, params); } catch (e) { //console.log('[uCharts] '+e); } }); } }; var uCharts = function uCharts(opts) { opts.pix = opts.pixelRatio ? opts.pixelRatio : 1; opts.fontSize = opts.fontSize ? opts.fontSize : 13; opts.fontColor = opts.fontColor ? opts.fontColor : config.fontColor; if (opts.background == "" || opts.background == "none") { opts.background = "#FFFFFF"; } opts.title = assign({}, opts.title); opts.subtitle = assign({}, opts.subtitle); opts.duration = opts.duration ? opts.duration : 1000; opts.yAxis = assign({}, { data: [], showTitle: false, disabled: false, disableGrid: false, splitNumber: 5, gridType: 'solid', dashLength: 4 * opts.pix, gridColor: '#cccccc', padding: 10, fontColor: '#666666' }, opts.yAxis); opts.xAxis = assign({}, { rotateLabel: false, rotateAngle: 45, disabled: false, disableGrid: false, splitNumber: 5, calibration: false, gridType: 'solid', dashLength: 4, scrollAlign: 'left', boundaryGap: 'center', axisLine: true, axisLineColor: '#cccccc' }, opts.xAxis); opts.xAxis.scrollPosition = opts.xAxis.scrollAlign; opts.legend = assign({}, { show: true, position: 'bottom', float: 'center', backgroundColor: 'rgba(0,0,0,0)', borderColor: 'rgba(0,0,0,0)', borderWidth: 0, padding: 5, margin: 5, itemGap: 10, fontSize: opts.fontSize, lineHeight: opts.fontSize, fontColor: opts.fontColor, formatter: {}, hiddenColor: '#CECECE' }, opts.legend); opts.extra = assign({}, opts.extra); opts.rotate = opts.rotate ? true : false; opts.animation = opts.animation ? true : false; opts.rotate = opts.rotate ? true : false; opts.canvas2d = opts.canvas2d ? true : false; var config$$1 = assign({}, config); config$$1.color = opts.color ? opts.color : config$$1.color; if (opts.type == 'pie') { config$$1.pieChartLinePadding = opts.dataLabel === false ? 0 : opts.extra.pie.labelWidth * opts.pix || config$$1.pieChartLinePadding * opts.pix; } if (opts.type == 'ring') { config$$1.pieChartLinePadding = opts.dataLabel === false ? 0 : opts.extra.ring.labelWidth * opts.pix || config$$1.pieChartLinePadding * opts.pix; } if (opts.type == 'rose') { config$$1.pieChartLinePadding = opts.dataLabel === false ? 0 : opts.extra.rose.labelWidth * opts.pix || config$$1.pieChartLinePadding * opts.pix; } config$$1.pieChartTextPadding = opts.dataLabel === false ? 0 : config$$1.pieChartTextPadding * opts.pix; //屏幕旋转 config$$1.rotate = opts.rotate; if (opts.rotate) { var tempWidth = opts.width; var tempHeight = opts.height; opts.width = tempHeight; opts.height = tempWidth; } //适配高分屏 opts.padding = opts.padding ? opts.padding : config$$1.padding; config$$1.yAxisWidth = config.yAxisWidth * opts.pix; config$$1.xAxisHeight = config.xAxisHeight * opts.pix; if (opts.enableScroll && opts.xAxis.scrollShow) { config$$1.xAxisHeight += 6 * opts.pix; } config$$1.fontSize = opts.fontSize * opts.pix; config$$1.titleFontSize = config.titleFontSize * opts.pix; config$$1.subtitleFontSize = config.subtitleFontSize * opts.pix; config$$1.toolTipPadding = config.toolTipPadding * opts.pix; config$$1.toolTipLineHeight = config.toolTipLineHeight * opts.pix; if (!opts.context) { throw new Error('[uCharts] 未获取到context!注意:v2.0版本后,需要自行获取canvas的绘图上下文并传入opts.context!'); } this.context = opts.context; if (!this.context.setTextAlign) { this.context.setStrokeStyle = function (e) { return this.strokeStyle = e; }; this.context.setLineWidth = function (e) { return this.lineWidth = e; }; this.context.setLineCap = function (e) { return this.lineCap = e; }; this.context.setFontSize = function (e) { return this.font = e + "px sans-serif"; }; this.context.setFillStyle = function (e) { return this.fillStyle = e; }; this.context.setTextAlign = function (e) { return this.textAlign = e; }; this.context.draw = function () {}; } //兼容NVUEsetLineDash if (!this.context.setLineDash) { this.context.setLineDash = function (e) {}; } opts.chartData = {}; this.uevent = new uChartsEvent(); this.scrollOption = { currentOffset: 0, startTouchX: 0, distance: 0, lastMoveTime: 0 }; this.opts = opts; this.config = config$$1; drawCharts.call(this, opts.type, opts, config$$1, this.context); }; uCharts.prototype.updateData = function () { var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; this.opts = assign({}, this.opts, data); this.opts.updateData = true; var scrollPosition = data.scrollPosition || 'current'; switch (scrollPosition) { case 'current': this.opts._scrollDistance_ = this.scrollOption.currentOffset; break; case 'left': this.opts._scrollDistance_ = 0; this.scrollOption = { currentOffset: 0, startTouchX: 0, distance: 0, lastMoveTime: 0 }; break; case 'right': var _calYAxisData = calYAxisData(this.opts.series, this.opts, this.config, this.context), yAxisWidth = _calYAxisData.yAxisWidth; this.config.yAxisWidth = yAxisWidth; var offsetLeft = 0; var _getXAxisPoints0 = getXAxisPoints(this.opts.categories, this.opts, this.config), xAxisPoints = _getXAxisPoints0.xAxisPoints, startX = _getXAxisPoints0.startX, endX = _getXAxisPoints0.endX, eachSpacing = _getXAxisPoints0.eachSpacing; var totalWidth = eachSpacing * (xAxisPoints.length - 1); var screenWidth = endX - startX; offsetLeft = screenWidth - totalWidth; this.scrollOption = { currentOffset: offsetLeft, startTouchX: offsetLeft, distance: 0, lastMoveTime: 0 }; this.opts._scrollDistance_ = offsetLeft; break; } drawCharts.call(this, this.opts.type, this.opts, this.config, this.context); }; uCharts.prototype.zoom = function () { var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.opts.xAxis.itemCount; if (this.opts.enableScroll !== true) { console.log('[uCharts] 请启用滚动条后使用'); return; } //当前屏幕中间点 var centerPoint = Math.round(Math.abs(this.scrollOption.currentOffset) / this.opts.chartData.eachSpacing) + Math.round(this.opts.xAxis.itemCount / 2); this.opts.animation = false; this.opts.xAxis.itemCount = val.itemCount; //重新计算x轴偏移距离 var _calYAxisData = calYAxisData(this.opts.series, this.opts, this.config, this.context), yAxisWidth = _calYAxisData.yAxisWidth; this.config.yAxisWidth = yAxisWidth; var offsetLeft = 0; var _getXAxisPoints0 = getXAxisPoints(this.opts.categories, this.opts, this.config), xAxisPoints = _getXAxisPoints0.xAxisPoints, startX = _getXAxisPoints0.startX, endX = _getXAxisPoints0.endX, eachSpacing = _getXAxisPoints0.eachSpacing; var centerLeft = eachSpacing * centerPoint; var screenWidth = endX - startX; var MaxLeft = screenWidth - eachSpacing * (xAxisPoints.length - 1); offsetLeft = screenWidth / 2 - centerLeft; if (offsetLeft > 0) { offsetLeft = 0; } if (offsetLeft < MaxLeft) { offsetLeft = MaxLeft; } this.scrollOption = { currentOffset: offsetLeft, startTouchX: 0, distance: 0, lastMoveTime: 0 }; calValidDistance(this, offsetLeft, this.opts.chartData, this.config, this.opts); this.opts._scrollDistance_ = offsetLeft; drawCharts.call(this, this.opts.type, this.opts, this.config, this.context); }; uCharts.prototype.dobuleZoom = function (e) { if (this.opts.enableScroll !== true) { console.log('[uCharts] 请启用滚动条后使用'); return; } var tcs = e.changedTouches; if (tcs.length < 2) { return; } for (var i = 0; i < tcs.length; i++) { tcs[i].x = tcs[i].x ? tcs[i].x : tcs[i].clientX; tcs[i].y = tcs[i].y ? tcs[i].y : tcs[i].clientY; } var ntcs = [getTouches(tcs[0], this.opts, e), getTouches(tcs[1], this.opts, e)]; var xlength = Math.abs(ntcs[0].x - ntcs[1].x); // 记录初始的两指之间的数据 if (!this.scrollOption.moveCount) { var cts0 = { changedTouches: [{ x: tcs[0].x, y: this.opts.area[0] / this.opts.pix + 2 }] }; var cts1 = { changedTouches: [{ x: tcs[1].x, y: this.opts.area[0] / this.opts.pix + 2 }] }; if (this.opts.rotate) { cts0 = { changedTouches: [{ x: this.opts.height / this.opts.pix - this.opts.area[0] / this.opts.pix - 2, y: tcs[0].y }] }; cts1 = { changedTouches: [{ x: this.opts.height / this.opts.pix - this.opts.area[0] / this.opts.pix - 2, y: tcs[1].y }] }; } var moveCurrent1 = this.getCurrentDataIndex(cts0).index; var moveCurrent2 = this.getCurrentDataIndex(cts1).index; var moveCount = Math.abs(moveCurrent1 - moveCurrent2); this.scrollOption.moveCount = moveCount; this.scrollOption.moveCurrent1 = Math.min(moveCurrent1, moveCurrent2); this.scrollOption.moveCurrent2 = Math.max(moveCurrent1, moveCurrent2); return; } var currentEachSpacing = xlength / this.scrollOption.moveCount; var itemCount = (this.opts.width - this.opts.area[1] - this.opts.area[3]) / currentEachSpacing; itemCount = itemCount <= 2 ? 2 : itemCount; itemCount = itemCount >= this.opts.categories.length ? this.opts.categories.length : itemCount; this.opts.animation = false; this.opts.xAxis.itemCount = itemCount; // 重新计算滚动条偏移距离 var offsetLeft = 0; var _getXAxisPoints0 = getXAxisPoints(this.opts.categories, this.opts, this.config), xAxisPoints = _getXAxisPoints0.xAxisPoints, startX = _getXAxisPoints0.startX, endX = _getXAxisPoints0.endX, eachSpacing = _getXAxisPoints0.eachSpacing; var currentLeft = eachSpacing * this.scrollOption.moveCurrent1; var screenWidth = endX - startX; var MaxLeft = screenWidth - eachSpacing * (xAxisPoints.length - 1); offsetLeft = -currentLeft + Math.min(ntcs[0].x, ntcs[1].x) - this.opts.area[3] - eachSpacing; if (offsetLeft > 0) { offsetLeft = 0; } if (offsetLeft < MaxLeft) { offsetLeft = MaxLeft; } this.scrollOption.currentOffset = offsetLeft; this.scrollOption.startTouchX = 0; this.scrollOption.distance = 0; calValidDistance(this, offsetLeft, this.opts.chartData, this.config, this.opts); this.opts._scrollDistance_ = offsetLeft; drawCharts.call(this, this.opts.type, this.opts, this.config, this.context); }; uCharts.prototype.stopAnimation = function () { this.animationInstance && this.animationInstance.stop(); }; uCharts.prototype.addEventListener = function (type, listener) { this.uevent.addEventListener(type, listener); }; uCharts.prototype.delEventListener = function (type) { this.uevent.delEventListener(type); }; uCharts.prototype.getCurrentDataIndex = function (e) { var touches = null; if (e.changedTouches) { touches = e.changedTouches[0]; } else { touches = e.mp.changedTouches[0]; } if (touches) { var _touches$ = getTouches(touches, this.opts, e); if (this.opts.type === 'pie' || this.opts.type === 'ring') { return findPieChartCurrentIndex({ x: _touches$.x, y: _touches$.y }, this.opts.chartData.pieData, this.opts); } else if (this.opts.type === 'rose') { return findRoseChartCurrentIndex({ x: _touches$.x, y: _touches$.y }, this.opts.chartData.pieData, this.opts); } else if (this.opts.type === 'radar') { return findRadarChartCurrentIndex({ x: _touches$.x, y: _touches$.y }, this.opts.chartData.radarData, this.opts.categories.length); } else if (this.opts.type === 'funnel') { return findFunnelChartCurrentIndex({ x: _touches$.x, y: _touches$.y }, this.opts.chartData.funnelData); } else if (this.opts.type === 'map') { return findMapChartCurrentIndex({ x: _touches$.x, y: _touches$.y }, this.opts); } else if (this.opts.type === 'word') { return findWordChartCurrentIndex({ x: _touches$.x, y: _touches$.y }, this.opts.chartData.wordCloudData); } else if (this.opts.type === 'bar') { return findBarChartCurrentIndex({ x: _touches$.x, y: _touches$.y }, this.opts.chartData.calPoints, this.opts, this.config, Math.abs(this.scrollOption.currentOffset)); } else { return findCurrentIndex({ x: _touches$.x, y: _touches$.y }, this.opts.chartData.calPoints, this.opts, this.config, Math.abs(this.scrollOption.currentOffset)); } } return -1; }; uCharts.prototype.getLegendDataIndex = function (e) { var touches = null; if (e.changedTouches) { touches = e.changedTouches[0]; } else { touches = e.mp.changedTouches[0]; } if (touches) { var _touches$ = getTouches(touches, this.opts, e); return findLegendIndex({ x: _touches$.x, y: _touches$.y }, this.opts.chartData.legendData); } return -1; }; uCharts.prototype.touchLegend = function (e) { var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var touches = null; if (e.changedTouches) { touches = e.changedTouches[0]; } else { touches = e.mp.changedTouches[0]; } if (touches) { var _touches$ = getTouches(touches, this.opts, e); var index = this.getLegendDataIndex(e); if (index >= 0) { if (this.opts.type == 'candle') { this.opts.seriesMA[index].show = !this.opts.seriesMA[index].show; } else { this.opts.series[index].show = !this.opts.series[index].show; } this.opts.animation = option.animation ? true : false; this.opts._scrollDistance_ = this.scrollOption.currentOffset; drawCharts.call(this, this.opts.type, this.opts, this.config, this.context); } } }; uCharts.prototype.showToolTip = function (e) { var _this2 = this; var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var touches = null; if (e.changedTouches) { touches = e.changedTouches[0]; } else { touches = e.mp.changedTouches[0]; } if (!touches) { console.log("[uCharts] 未获取到event坐标信息"); } var _touches$ = getTouches(touches, this.opts, e); var currentOffset = this.scrollOption.currentOffset; var opts = assign({}, this.opts, { _scrollDistance_: currentOffset, animation: false }); if (this.opts.type === 'line' || this.opts.type === 'area' || this.opts.type === 'column' || this.opts.type === 'scatter' || this.opts.type === 'bubble') { var current = this.getCurrentDataIndex(e); var index = option.index == undefined ? current.index : option.index; if (index > -1 || index.length > 0) { var seriesData = getSeriesDataItem(this.opts.series, index, current.group); if (seriesData.length !== 0) { var _getToolTipData = getToolTipData(seriesData, this.opts, index, current.group, this.opts.categories, option), textList = _getToolTipData.textList, offset = _getToolTipData.offset; offset.y = _touches$.y; opts.tooltip = { textList: option.textList !== undefined ? option.textList : textList, offset: option.offset !== undefined ? option.offset : offset, option: option, index: index }; } } drawCharts.call(this, opts.type, opts, this.config, this.context); } if (this.opts.type === 'mount') { var index = option.index == undefined ? this.getCurrentDataIndex(e).index : option.index; if (index > -1) { var opts = assign({}, this.opts, { animation: false }); var seriesData = assign({}, opts._series_[index]); var textList = [{ text: option.formatter ? option.formatter(seriesData, undefined, index, opts) : seriesData.name + ': ' + seriesData.data, color: seriesData.color }]; var offset = { x: opts.chartData.calPoints[index].x, y: _touches$.y }; opts.tooltip = { textList: option.textList ? option.textList : textList, offset: option.offset !== undefined ? option.offset : offset, option: option, index: index }; } drawCharts.call(this, opts.type, opts, this.config, this.context); } if (this.opts.type === 'bar') { var current = this.getCurrentDataIndex(e); var index = option.index == undefined ? current.index : option.index; if (index > -1 || index.length > 0) { var seriesData = getSeriesDataItem(this.opts.series, index, current.group); if (seriesData.length !== 0) { var _getToolTipData = getToolTipData(seriesData, this.opts, index, current.group, this.opts.categories, option), textList = _getToolTipData.textList, offset = _getToolTipData.offset; offset.x = _touches$.x; opts.tooltip = { textList: option.textList !== undefined ? option.textList : textList, offset: option.offset !== undefined ? option.offset : offset, option: option, index: index }; } } drawCharts.call(this, opts.type, opts, this.config, this.context); } if (this.opts.type === 'mix') { var current = this.getCurrentDataIndex(e); var index = option.index == undefined ? current.index : option.index; if (index > -1) { var currentOffset = this.scrollOption.currentOffset; var opts = assign({}, this.opts, { _scrollDistance_: currentOffset, animation: false }); var seriesData = getSeriesDataItem(this.opts.series, index); if (seriesData.length !== 0) { var _getMixToolTipData = getMixToolTipData(seriesData, this.opts, index, this.opts.categories, option), textList = _getMixToolTipData.textList, offset = _getMixToolTipData.offset; offset.y = _touches$.y; opts.tooltip = { textList: option.textList ? option.textList : textList, offset: option.offset !== undefined ? option.offset : offset, option: option, index: index }; } } drawCharts.call(this, opts.type, opts, this.config, this.context); } if (this.opts.type === 'candle') { var current = this.getCurrentDataIndex(e); var index = option.index == undefined ? current.index : option.index; if (index > -1) { var currentOffset = this.scrollOption.currentOffset; var opts = assign({}, this.opts, { _scrollDistance_: currentOffset, animation: false }); var seriesData = getSeriesDataItem(this.opts.series, index); if (seriesData.length !== 0) { var _getToolTipData = getCandleToolTipData(this.opts.series[0].data, seriesData, this.opts, index, this.opts.categories, this.opts.extra.candle, option), textList = _getToolTipData.textList, offset = _getToolTipData.offset; offset.y = _touches$.y; opts.tooltip = { textList: option.textList ? option.textList : textList, offset: option.offset !== undefined ? option.offset : offset, option: option, index: index }; } } drawCharts.call(this, opts.type, opts, this.config, this.context); } if (this.opts.type === 'pie' || this.opts.type === 'ring' || this.opts.type === 'rose' || this.opts.type === 'funnel') { var index = option.index == undefined ? this.getCurrentDataIndex(e) : option.index; if (index > -1) { var opts = assign({}, this.opts, { animation: false }); var seriesData = assign({}, opts._series_[index]); var textList = [{ text: option.formatter ? option.formatter(seriesData, undefined, index, opts) : seriesData.name + ': ' + seriesData.data, color: seriesData.color }]; var offset = { x: _touches$.x, y: _touches$.y }; opts.tooltip = { textList: option.textList ? option.textList : textList, offset: option.offset !== undefined ? option.offset : offset, option: option, index: index }; } drawCharts.call(this, opts.type, opts, this.config, this.context); } if (this.opts.type === 'map') { var index = option.index == undefined ? this.getCurrentDataIndex(e) : option.index; if (index > -1) { var opts = assign({}, this.opts, { animation: false }); var seriesData = assign({}, this.opts.series[index]); seriesData.name = seriesData.properties.name; var textList = [{ text: option.formatter ? option.formatter(seriesData, undefined, index, this.opts) : seriesData.name, color: seriesData.color }]; var offset = { x: _touches$.x, y: _touches$.y }; opts.tooltip = { textList: option.textList ? option.textList : textList, offset: option.offset !== undefined ? option.offset : offset, option: option, index: index }; } opts.updateData = false; drawCharts.call(this, opts.type, opts, this.config, this.context); } if (this.opts.type === 'word') { var index = option.index == undefined ? this.getCurrentDataIndex(e) : option.index; if (index > -1) { var opts = assign({}, this.opts, { animation: false }); var seriesData = assign({}, this.opts.series[index]); var textList = [{ text: option.formatter ? option.formatter(seriesData, undefined, index, this.opts) : seriesData.name, color: seriesData.color }]; var offset = { x: _touches$.x, y: _touches$.y }; opts.tooltip = { textList: option.textList ? option.textList : textList, offset: option.offset !== undefined ? option.offset : offset, option: option, index: index }; } opts.updateData = false; drawCharts.call(this, opts.type, opts, this.config, this.context); } if (this.opts.type === 'radar') { var index = option.index == undefined ? this.getCurrentDataIndex(e) : option.index; if (index > -1) { var opts = assign({}, this.opts, { animation: false }); var seriesData = getSeriesDataItem(this.opts.series, index); if (seriesData.length !== 0) { var textList = seriesData.map(function (item) { return { text: option.formatter ? option.formatter(item, _this2.opts.categories[index], index, _this2.opts) : item.name + ': ' + item.data, color: item.color }; }); var offset = { x: _touches$.x, y: _touches$.y }; opts.tooltip = { textList: option.textList ? option.textList : textList, offset: option.offset !== undefined ? option.offset : offset, option: option, index: index }; } } drawCharts.call(this, opts.type, opts, this.config, this.context); } }; uCharts.prototype.translate = function (distance) { this.scrollOption = { currentOffset: distance, startTouchX: distance, distance: 0, lastMoveTime: 0 }; var opts = assign({}, this.opts, { _scrollDistance_: distance, animation: false }); drawCharts.call(this, this.opts.type, opts, this.config, this.context); }; uCharts.prototype.scrollStart = function (e) { var touches = null; if (e.changedTouches) { touches = e.changedTouches[0]; } else { touches = e.mp.changedTouches[0]; } var _touches$ = getTouches(touches, this.opts, e); if (touches && this.opts.enableScroll === true) { this.scrollOption.startTouchX = _touches$.x; } }; uCharts.prototype.scroll = function (e) { if (this.scrollOption.lastMoveTime === 0) { this.scrollOption.lastMoveTime = Date.now(); } var Limit = this.opts.touchMoveLimit || 60; var currMoveTime = Date.now(); var duration = currMoveTime - this.scrollOption.lastMoveTime; if (duration < Math.floor(1000 / Limit)) return; if (this.scrollOption.startTouchX == 0) return; this.scrollOption.lastMoveTime = currMoveTime; var touches = null; if (e.changedTouches) { touches = e.changedTouches[0]; } else { touches = e.mp.changedTouches[0]; } if (touches && this.opts.enableScroll === true) { var _touches$ = getTouches(touches, this.opts, e); var _distance; _distance = _touches$.x - this.scrollOption.startTouchX; var currentOffset = this.scrollOption.currentOffset; var validDistance = calValidDistance(this, currentOffset + _distance, this.opts.chartData, this.config, this.opts); this.scrollOption.distance = _distance = validDistance - currentOffset; var opts = assign({}, this.opts, { _scrollDistance_: currentOffset + _distance, animation: false }); this.opts = opts; drawCharts.call(this, opts.type, opts, this.config, this.context); return currentOffset + _distance; } }; uCharts.prototype.scrollEnd = function (e) { if (this.opts.enableScroll === true) { var _scrollOption = this.scrollOption, currentOffset = _scrollOption.currentOffset, distance = _scrollOption.distance; this.scrollOption.currentOffset = currentOffset + distance; this.scrollOption.distance = 0; this.scrollOption.moveCount = 0; } }; var _default = uCharts; exports.default = _default; /***/ }), /***/ 1253: /*!*************************************************************************************************************************!*\ !*** D:/里派项目/qingdong-3.2.3-extended/uniapp/crm/crm/uni_modules/qiun-data-charts/components/u-charts/config-ucharts.js ***! \*************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; /* * uCharts® * 高性能跨平台图表库,支持H5、APP、小程序(微信/支付宝/百度/头条/QQ/360)、Vue、Taro等支持canvas的框架平台 * Copyright (c) 2021 QIUN®秋云 https://www.ucharts.cn All rights reserved. * Licensed ( http://www.apache.org/licenses/LICENSE-2.0 ) * 复制使用请保留本段注释,感谢支持开源! * * uCharts®官方网站 * https://www.uCharts.cn * * 开源地址: * https://gitee.com/uCharts/uCharts * * uni-app插件市场地址: * http://ext.dcloud.net.cn/plugin?id=271 * */ // 主题颜色配置:如每个图表类型需要不同主题,请在对应图表类型上更改color属性 var color = ['#1890FF', '#91CB74', '#FAC858', '#EE6666', '#73C0DE', '#3CA272', '#FC8452', '#9A60B4', '#ea7ccc']; //事件转换函数,主要用作格式化x轴为时间轴,根据需求自行修改 var formatDateTime = function formatDateTime(timeStamp, returnType) { var date = new Date(); date.setTime(timeStamp * 1000); var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? '0' + m : m; var d = date.getDate(); d = d < 10 ? '0' + d : d; var h = date.getHours(); h = h < 10 ? '0' + h : h; var minute = date.getMinutes(); var second = date.getSeconds(); minute = minute < 10 ? '0' + minute : minute; second = second < 10 ? '0' + second : second; if (returnType == 'full') { return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second; } if (returnType == 'y-m-d') { return y + '-' + m + '-' + d; } if (returnType == 'h:m') { return h + ':' + minute; } if (returnType == 'h:m:s') { return h + ':' + minute + ':' + second; } return [y, m, d, h, minute, second]; }; var cfu = { //demotype为自定义图表类型,一般不需要自定义图表类型,只需要改根节点上对应的类型即可 "type": ["pie", "ring", "rose", "word", "funnel", "map", "arcbar", "line", "column", "mount", "bar", "area", "radar", "gauge", "candle", "mix", "tline", "tarea", "scatter", "bubble", "demotype"], "range": ["饼状图", "圆环图", "玫瑰图", "词云图", "漏斗图", "地图", "圆弧进度条", "折线图", "柱状图", "山峰图", "条状图", "区域图", "雷达图", "仪表盘", "K线图", "混合图", "时间轴折线", "时间轴区域", "散点图", "气泡图", "自定义类型"], //增加自定义图表类型,如果需要categories,请在这里加入您的图表类型,例如最后的"demotype" //自定义类型时需要注意"tline","tarea","scatter","bubble"等时间轴(矢量x轴)类图表,没有categories,不需要加入categories "categories": ["line", "column", "mount", "bar", "area", "radar", "gauge", "candle", "mix", "demotype"], //instance为实例变量承载属性,不要删除 "instance": {}, //option为opts及eopts承载属性,不要删除 "option": {}, //下面是自定义format配置,因除H5端外的其他端无法通过props传递函数,只能通过此属性对应下标的方式来替换 "formatter": { "yAxisDemo1": function yAxisDemo1(val, index, opts) { return val + '元'; }, "yAxisDemo2": function yAxisDemo2(val, index, opts) { return val.toFixed(2); }, "xAxisDemo1": function xAxisDemo1(val, index, opts) { return val + '年'; }, "xAxisDemo2": function xAxisDemo2(val, index, opts) { return formatDateTime(val, 'h:m'); }, "seriesDemo1": function seriesDemo1(val, index, series, opts) { return val + '元'; }, "tooltipDemo1": function tooltipDemo1(item, category, index, opts) { if (index == 0) { return '随便用' + item.data + '年'; } else { return '其他我没改' + item.data + '天'; } }, "pieDemo": function pieDemo(val, index, series, opts) { if (index !== undefined) { return series[index].name + ':' + series[index].data + '元'; } } }, //这里演示了自定义您的图表类型的option,可以随意命名,之后在组件上 type="demotype" 后,组件会调用这个花括号里的option,如果组件上还存在opts参数,会将demotype与opts中option合并后渲染图表。 "demotype": { //我这里把曲线图当做了自定义图表类型,您可以根据需要随意指定类型或配置 "type": "line", "color": color, "padding": [15, 10, 0, 15], "xAxis": { "disableGrid": true }, "yAxis": { "gridType": "dash", "dashLength": 2 }, "legend": {}, "extra": { "line": { "type": "curve", "width": 2 } } }, //下面是自定义配置,请添加项目所需的通用配置 "pie": { "type": "pie", "color": color, "padding": [5, 5, 5, 5], "extra": { "pie": { "activeOpacity": 0.5, "activeRadius": 10, "offsetAngle": 0, "labelWidth": 15, "border": true, "borderWidth": 3, "borderColor": "#FFFFFF" } } }, "ring": { "type": "ring", "color": color, "padding": [5, 5, 5, 5], "rotate": false, "dataLabel": true, "legend": { "show": true, "position": "right", "lineHeight": 25 }, "title": { "name": "收益率", "fontSize": 15, "color": "#666666" }, "subtitle": { "name": "70%", "fontSize": 25, "color": "#7cb5ec" }, "extra": { "ring": { "ringWidth": 30, "activeOpacity": 0.5, "activeRadius": 10, "offsetAngle": 0, "labelWidth": 15, "border": true, "borderWidth": 3, "borderColor": "#FFFFFF" } } }, "rose": { "type": "rose", "color": color, "padding": [5, 5, 5, 5], "legend": { "show": true, "position": "left", "lineHeight": 25 }, "extra": { "rose": { "type": "area", "minRadius": 50, "activeOpacity": 0.5, "activeRadius": 10, "offsetAngle": 0, "labelWidth": 15, "border": false, "borderWidth": 2, "borderColor": "#FFFFFF" } } }, "word": { "type": "word", "color": color, "extra": { "word": { "type": "normal", "autoColors": false } } }, "funnel": { "type": "funnel", "color": color, "padding": [15, 15, 0, 15], "extra": { "funnel": { "activeOpacity": 0.3, "activeWidth": 10, "border": true, "borderWidth": 2, "borderColor": "#FFFFFF", "fillOpacity": 1, "labelAlign": "right" } } }, "map": { "type": "map", "color": color, "padding": [0, 0, 0, 0], "dataLabel": true, "extra": { "map": { "border": true, "borderWidth": 1, "borderColor": "#666666", "fillOpacity": 0.6, "activeBorderColor": "#F04864", "activeFillColor": "#FACC14", "activeFillOpacity": 1 } } }, "arcbar": { "type": "arcbar", "color": color, "title": { "name": "百分比", "fontSize": 25, "color": "#00FF00" }, "subtitle": { "name": "默认标题", "fontSize": 15, "color": "#666666" }, "extra": { "arcbar": { "type": "default", "width": 12, "backgroundColor": "#E9E9E9", "startAngle": 0.75, "endAngle": 0.25, "gap": 2 } } }, "line": { "type": "line", "color": color, "padding": [15, 10, 0, 15], "xAxis": { "disableGrid": true }, "yAxis": { "gridType": "dash", "dashLength": 2 }, "legend": {}, "extra": { "line": { "type": "straight", "width": 2 } } }, "tline": { "type": "line", "color": color, "padding": [15, 10, 0, 15], "xAxis": { "disableGrid": false, "boundaryGap": "justify" }, "yAxis": { "gridType": "dash", "dashLength": 2, "data": [{ "min": 0, "max": 80 }] }, "legend": {}, "extra": { "line": { "type": "curve", "width": 2 } } }, "tarea": { "type": "area", "color": color, "padding": [15, 10, 0, 15], "xAxis": { "disableGrid": true, "boundaryGap": "justify" }, "yAxis": { "gridType": "dash", "dashLength": 2, "data": [{ "min": 0, "max": 80 }] }, "legend": {}, "extra": { "area": { "type": "curve", "opacity": 0.2, "addLine": true, "width": 2, "gradient": true } } }, "column": { "type": "column", "color": color, "padding": [15, 15, 0, 5], "xAxis": { "disableGrid": true }, "yAxis": { "data": [{ "min": 0 }] }, "legend": {}, "extra": { "column": { "type": "group", "width": 30, "activeBgColor": "#000000", "activeBgOpacity": 0.08 } } }, "mount": { "type": "mount", "color": color, "padding": [15, 15, 0, 5], "xAxis": { "disableGrid": true }, "yAxis": { "data": [{ "min": 0 }] }, "legend": {}, "extra": { "mount": { "type": "mount", "widthRatio": 1.5 } } }, "bar": { "type": "bar", "color": color, "padding": [15, 30, 0, 5], "xAxis": { "boundaryGap": "justify", "disableGrid": false, "min": 0, "axisLine": false }, "yAxis": {}, "legend": {}, "extra": { "bar": { "type": "group", "width": 30, "meterBorde": 1, "meterFillColor": "#FFFFFF", "activeBgColor": "#000000", "activeBgOpacity": 0.08 } } }, "area": { "type": "area", "color": color, "padding": [15, 15, 0, 15], "xAxis": { "disableGrid": true }, "yAxis": { "gridType": "dash", "dashLength": 2 }, "legend": {}, "extra": { "area": { "type": "straight", "opacity": 0.2, "addLine": true, "width": 2, "gradient": false } } }, "radar": { "type": "radar", "color": color, "padding": [5, 5, 5, 5], "dataLabel": false, "legend": { "show": true, "position": "right", "lineHeight": 25 }, "extra": { "radar": { "gridType": "radar", "gridColor": "#CCCCCC", "gridCount": 3, "opacity": 0.2, "max": 200 } } }, "gauge": { "type": "gauge", "color": color, "title": { "name": "66Km/H", "fontSize": 25, "color": "#2fc25b", "offsetY": 50 }, "subtitle": { "name": "实时速度", "fontSize": 15, "color": "#1890ff", "offsetY": -50 }, "extra": { "gauge": { "type": "default", "width": 30, "labelColor": "#666666", "startAngle": 0.75, "endAngle": 0.25, "startNumber": 0, "endNumber": 100, "labelFormat": "", "splitLine": { "fixRadius": 0, "splitNumber": 10, "width": 30, "color": "#FFFFFF", "childNumber": 5, "childWidth": 12 }, "pointer": { "width": 24, "color": "auto" } } } }, "candle": { "type": "candle", "color": color, "padding": [15, 15, 0, 15], "enableScroll": true, "enableMarkLine": true, "dataLabel": false, "xAxis": { "labelCount": 4, "itemCount": 40, "disableGrid": true, "gridColor": "#CCCCCC", "gridType": "solid", "dashLength": 4, "scrollShow": true, "scrollAlign": "left", "scrollColor": "#A6A6A6", "scrollBackgroundColor": "#EFEBEF" }, "yAxis": {}, "legend": {}, "extra": { "candle": { "color": { "upLine": "#f04864", "upFill": "#f04864", "downLine": "#2fc25b", "downFill": "#2fc25b" }, "average": { "show": true, "name": ["MA5", "MA10", "MA30"], "day": [5, 10, 20], "color": ["#1890ff", "#2fc25b", "#facc14"] } }, "markLine": { "type": "dash", "dashLength": 5, "data": [{ "value": 2150, "lineColor": "#f04864", "showLabel": true }, { "value": 2350, "lineColor": "#f04864", "showLabel": true }] } } }, "mix": { "type": "mix", "color": color, "padding": [15, 15, 0, 15], "xAxis": { "disableGrid": true }, "yAxis": { "disabled": false, "disableGrid": false, "splitNumber": 5, "gridType": "dash", "dashLength": 4, "gridColor": "#CCCCCC", "padding": 10, "showTitle": true, "data": [] }, "legend": {}, "extra": { "mix": { "column": { "width": 20 } } } }, "scatter": { "type": "scatter", "color": color, "padding": [15, 15, 0, 15], "dataLabel": false, "xAxis": { "disableGrid": false, "gridType": "dash", "splitNumber": 5, "boundaryGap": "justify", "min": 0 }, "yAxis": { "disableGrid": false, "gridType": "dash" }, "legend": {}, "extra": { "scatter": {} } }, "bubble": { "type": "bubble", "color": color, "padding": [15, 15, 0, 15], "xAxis": { "disableGrid": false, "gridType": "dash", "splitNumber": 5, "boundaryGap": "justify", "min": 0, "max": 250 }, "yAxis": { "disableGrid": false, "gridType": "dash", "data": [{ "min": 0, "max": 150 }] }, "legend": {}, "extra": { "bubble": { "border": 2, "opacity": 0.5 } } } }; var _default = cfu; exports.default = _default; /***/ }), /***/ 13: /*!*******************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/typeof.js ***! \*******************************************************/ /*! no static exports found */ /***/ (function(module, exports) { function _typeof(o) { "@babel/helpers - typeof"; return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(o); } module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports; /***/ }), /***/ 131: /*!*****************************************************************************!*\ !*** D:/里派项目/qingdong-3.2.3-extended/uniapp/crm/crm/util/dateTimePicker.js ***! \*****************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { var _toConsumableArray = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ 18); /** * 自定义多列时间选择器 */ function withData(param) { return param < 10 ? '0' + param : '' + param; } function getLoopArray(start, end) { var str = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ''; return function (start, end) { var start = start || 0; var end = end || 1; var array = []; for (var i = start; i <= end; i++) { array.push(withData(i) + str); } return array; }(start, end); } function getMonthDay(year, month, endDay) { var str = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ''; var flag = year % 400 == 0 || year % 4 == 0 && year % 100 != 0, array = null; switch (month) { case '01': case '03': case '05': case '07': case '08': case '10': case '12': array = getLoopArray(1, endDay ? endDay : 31, str); break; case '04': case '06': case '09': case '11': array = getLoopArray(1, endDay ? endDay : 30, str); break; case '02': array = flag ? getLoopArray(1, endDay ? endDay : 29, str) : getLoopArray(1, endDay ? endDay : 28, str); break; default: array = '月份格式不正确,请重新输入!'; } return array; } function getNewDateArry() { // 当前时间的处理 var newDate = new Date(); var year = withData(newDate.getFullYear()), mont = withData(newDate.getMonth() + 1), date = withData(newDate.getDate()), hour = withData(newDate.getHours()), minu = withData(newDate.getMinutes()), seco = withData(newDate.getSeconds()); return [year, mont, date, hour, minu, seco]; } function dateTimePicker(endTime, startYear, endYear, date) { // 返回默认显示的数组和联动数组的声明 var dateTime = [], dateTimeArray = [[], [], [], [], [], []]; var dateArray = [[], [], [], [], [], []]; var start = startYear || 2000; var end = endYear || 2100; // 默认开始显示数据 var defaultDate = date ? [].concat(_toConsumableArray(date.split(' ')[0].split('-')), _toConsumableArray(date.split(' ')[1].split(':'))) : getNewDateArry(); // 处理联动列表数据 /*年月日 时分秒*/ dateArray[0] = getLoopArray(start, end); dateArray[1] = getLoopArray(1, 12); dateArray[2] = getMonthDay(defaultDate[0], defaultDate[1]); dateArray[3] = getLoopArray(0, 23); dateArray[4] = getLoopArray(0, 59); dateArray[5] = getLoopArray(0, 59); if (endTime) { var newDate = new Date(); //当前时间 var nowTime = newDate.getTime(); var endTime = nowTime + Number(endTime) * 24 * 60 * 60 * 1000; var endYear = end; var endMoney = new Date(endTime).getMonth() + 1; var endDay = new Date(endTime).getDate(); var endhour = new Date(endTime).getHours(); var endminu = new Date(endTime).getMinutes(); var endseco = new Date(endTime).getSeconds(); console.log(endYear, endMoney, endDay, endhour, endminu, endseco); dateTimeArray[0] = getLoopArray(start, endYear, '年'); dateTimeArray[1] = getLoopArray(1, endMoney, '月'); dateTimeArray[2] = getMonthDay(defaultDate[0], defaultDate[1], defaultDate[1] < endMoney ? null : endDay, '日'); } else { dateTimeArray[0] = getLoopArray(start, end, '年'); dateTimeArray[1] = getLoopArray(1, 12, '月'); dateTimeArray[2] = getMonthDay(defaultDate[0], defaultDate[1], null, '日'); } dateTimeArray[3] = getLoopArray(0, 23, '时'); dateTimeArray[4] = getLoopArray(0, 59, '分'); dateTimeArray[5] = getLoopArray(0, 59, '秒'); dateArray.forEach(function (current, index) { dateTime.push(current.indexOf(defaultDate[index])); }); return { dateTimeArray: dateTimeArray, dateTime: dateTime, dateArray: dateArray }; } module.exports = { dateTimePicker: dateTimePicker, getMonthDay: getMonthDay }; /***/ }), /***/ 14: /*!************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/toPrimitive.js ***! \************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { var _typeof = __webpack_require__(/*! ./typeof.js */ 13)["default"]; function toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } module.exports = toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports; /***/ }), /***/ 142: /*!************************************************************************************!*\ !*** D:/里派项目/qingdong-3.2.3-extended/uniapp/crm/crm/pages/news/news_page_jumps.js ***! \************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* WEBPACK VAR INJECTION */(function(uni) { var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ 4); Object.defineProperty(exports, "__esModule", { value: true }); exports.pageJumps = void 0; var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 25)); var pageJumps = { methods: { //公告 affiche: function affiche() { uni.navigateTo({ url: '/pages/news/notice' }); }, //提醒通知 remind: function remind() { uni.navigateTo({ url: '/pages/news/theReminder/theReminder' }); }, //待办 jumpDeal: function jumpDeal() { uni.navigateTo({ url: '/pagesA/profile/needDeal' }); }, //工作动态 workTrend: function workTrend() { uni.navigateTo({ url: '/pages/index/workNews' }); }, //日程 agendar: function agendar() { uni.navigateTo({ url: '/pages/index/schedule/schedule' }); }, schedule: function schedule() { uni.navigateTo({ url: '/pagesA/profile/needDeal' }); }, task: function task() { uni.showToast({ title: "超时任务设计页面出错,无法跳转", icon: "none", duration: 1000 }); } } }; exports.pageJumps = pageJumps; /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"])) /***/ }), /***/ 15: /*!**********************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/construct.js ***! \**********************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf.js */ 16); var isNativeReflectConstruct = __webpack_require__(/*! ./isNativeReflectConstruct.js */ 17); function _construct(t, e, r) { if (isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments); var o = [null]; o.push.apply(o, e); var p = new (t.bind.apply(t, o))(); return r && setPrototypeOf(p, r.prototype), p; } module.exports = _construct, module.exports.__esModule = true, module.exports["default"] = module.exports; /***/ }), /***/ 151: /*!**************************************************************************************!*\ !*** D:/里派项目/qingdong-3.2.3-extended/uniapp/crm/crm/components/content/data/data.js ***! \**************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.moreLinkman = exports.moreCompany = exports.followSortDatas = exports.followScreenDatas = exports.customerSortDatas = exports.cluesSortDatas = exports.cluesScreenDatas = void 0; var customerSortDatas = [{ id: 1, name: '名称正序' }, { id: 2, name: '名称倒序' }, { id: 3, name: '创建时间正序' }, { id: 4, name: '创建时间倒序' }, { id: 5, name: '下次跟进时间正序' }, { id: 6, name: '下次跟进时间倒序' }]; exports.customerSortDatas = customerSortDatas; var cluesSortDatas = ['客户名称', '系统编号', '线索来源', '线索状态', '联系人姓名', '手机号码', '归属人员', '跟进次数', '未跟进天数', '最后跟进时间', '下次跟进时间', '下次跟进内容', '备注信息', '归属人员', '所属部门', '创建人员', '前归属人', '前所属部门', '协作人员', '创建时间', '更新时间']; exports.cluesSortDatas = cluesSortDatas; var cluesScreenDatas = [{ title: '联系人分类', content: ['全部线索', '我的线索', '下属的线索', '已转客户', '公共线索'], active: 0 }, { title: '线索来源', content: ['电话营销', '主动来电', '客户介绍', '朋友介绍', '独立开发', '网络搜索', '公告杂志', '展会促销', '其他途径'], active: 0 }, { title: '线索状态', content: ['初步意向', '下次邀约', '已转客户'], active: 0 }, { title: '角色', content: ['普通人', '决策人', '分项决策人', '商务决策', '财务决策', '使用人', '意见影响人'], active: 0 }, { title: '尊称', content: ['先生', '女生'], active: 0 }]; exports.cluesScreenDatas = cluesScreenDatas; var followSortDatas = ['跟进人员', '创建时间', '所属模块', '跟进类型']; exports.followSortDatas = followSortDatas; var followScreenDatas = [{ title: '所属模块', content: ['全部', '线索', '客户', '商机', '订单'], active: 0 }, { title: '跟进类型', content: ['到访', '电话', '微信', '短信', '邮件', 'QQ', '其他'], active: 0 }]; exports.followScreenDatas = followScreenDatas; var moreCompany = [{ title: '联系人', num: 100 }, { title: '下级公司', num: 100 }, { title: '跟进记录', num: 100 }, { title: '订单记录', num: 100 }, { title: '费用记录', num: 100 }, { title: '相关附件', num: 100 }, { title: '归属记录', num: 100 }, { title: '操作日志', num: 100 }]; exports.moreCompany = moreCompany; var moreLinkman = [{ title: '相关联系人', num: 100 }, { title: '通话记录', num: 100 }, { title: '操作日志', num: 100 }]; exports.moreLinkman = moreLinkman; /***/ }), /***/ 152: /*!***************************************************************************************************!*\ !*** D:/里派项目/qingdong-3.2.3-extended/uniapp/crm/crm/pages/index/groupCompany/group_page_jumps.js ***! \***************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* WEBPACK VAR INJECTION */(function(uni) { Object.defineProperty(exports, "__esModule", { value: true }); exports.pageJumps = void 0; var pageJumps = { methods: { // 写新跟进 followClick: function followClick(id, type) { this.show = false; uni.navigateTo({ url: '/pagesA/crm/customerManagement/newFllow/newFllow?id=' + id + '&type=' + type }); }, //新增联系人 addLianxiren: function addLianxiren(id) { uni.navigateTo({ url: '/pagesA/crm/linkman/newLinkman/newLinkman?id=' + id }); }, // 转为客户 toTheCustomClick: function toTheCustomClick() {}, // more中的点击事件 // 写新跟进 pullFollowClick: function pullFollowClick(id, type) { uni.navigateTo({ url: '/pagesA/crm/customerManagement/newFllow/newFllow?id=' + id + '&type=' + type }); this.show = false; }, // 转移客户 transferClueClick: function transferClueClick(id) { uni.navigateTo({ url: '/pages/index/groupCompany/tranferClue/tranferClue?id=' + id }); this.show = false; }, // 地图定位 mapLocationClick: function mapLocationClick(id) { uni.navigateTo({ url: '/pages/index/locationMap/locationMap?id=' + id }); this.show = false; }, // 编辑客户 editClueClick: function editClueClick(id) { uni.navigateTo({ url: '/pagesA/crm/createCustomer/editCustomer?id=' + id }); this.show = false; } } }; exports.pageJumps = pageJumps; /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"])) /***/ }), /***/ 16: /*!***************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/setPrototypeOf.js ***! \***************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { function _setPrototypeOf(o, p) { module.exports = _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }, module.exports.__esModule = true, module.exports["default"] = module.exports; return _setPrototypeOf(o, p); } module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports; /***/ }), /***/ 1678: /*!***********************************************************************************************!*\ !*** D:/里派项目/qingdong-3.2.3-extended/uniapp/crm/crm/components/zzx-calendar/generateDates.js ***! \***********************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.judgeType = exports.gegerateDates = exports.formatDate = exports.equalDate = exports.dateEqual = void 0; /* *此函数的作用是根据传入的一个日期,返回这一周的日期或者这一个月的日期, * 如果是月的话注意还包含上个月和下个月的日期,月的话总共数据有 6 * 7 = 42个 * */ /* * 时间格式化函数 * 重要提示,微信小程序new Date('2020-04-16')在ios中无法获取时间对象 * 解决方式: 建议将时间都格式化成'2020/04/16 00:00:00'的格式 * 函数示例: formatDate(new Date(), 'YYYY/MM/dd hh:mm:ss') */ var formatDate = function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } var o = { 'M+': date.getMonth() + 1, 'd+': date.getDate(), 'h+': date.getHours(), 'm+': date.getMinutes(), 's+': date.getSeconds() }; for (var k in o) { if (new RegExp("(".concat(k, ")")).test(fmt)) { var str = o[k] + ''; fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : padLeftZero(str)); } } return fmt; }; exports.formatDate = formatDate; var padLeftZero = function padLeftZero(str) { return ('00' + str).substr(str.length); }; var judgeType = function judgeType(s) { // 函数返回数据的具体类型 return Object.prototype.toString.call(s).slice(8, -1); }; exports.judgeType = judgeType; var equalDate = function equalDate(d1, d2) { var result = false; if (d1.getFullYear() === d2.getFullYear() && d1.getMonth() === d2.getMonth() && d1.getDate() === d2.getDate()) { result = true; } return result; }; /* 比较时间,时间格式为2020-04-04 */ exports.equalDate = equalDate; var dateEqual = function dateEqual(before, after) { before = new Date(before.replace('-', '/').replace('-', '/')); after = new Date(after.replace('-', '/').replace('-', '/')); if (before.getTime() - after.getTime() === 0) { return true; } else { return false; } }; exports.dateEqual = dateEqual; var gegerateDates = function gegerateDates() { var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date(); var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'week'; var result = []; if (judgeType(date) === 'Date') { // 年,月,日 var y = date.getFullYear(); var m = date.getMonth(); var d = date.getDate(); var days = new Date(y, m + 1, 0).getDate(); // 获取日期是星期几 var weekIndex = date.getDay() === 0 ? 7 : date.getDay(); if (type === 'month') { var dobj = new Date(y, m, 1); weekIndex = dobj.getDay() === 0 ? 7 : dobj.getDay(); } if (type === 'week') { for (var i = weekIndex - 1; i > 0; i--) { var dtemp = new Date(y, m, d); dtemp.setDate(dtemp.getDate() - i); result.push({ time: dtemp, show: true, fullDate: formatDate(dtemp, 'yyyy-MM-dd'), isToday: equalDate(new Date(), dtemp) }); } for (var _i = 0; _i <= 7 - weekIndex; _i++) { var _dtemp = new Date(y, m, d); _dtemp.setDate(_dtemp.getDate() + _i); result.push({ time: _dtemp, show: true, fullDate: formatDate(_dtemp, 'yyyy-MM-dd'), isToday: equalDate(new Date(), _dtemp) }); } } else if (type === 'month') { // 上个月 for (var _i2 = weekIndex - 1; _i2 > 0; _i2--) { var _dtemp2 = new Date(y, m, 1); _dtemp2.setDate(_dtemp2.getDate() - _i2); result.push({ time: _dtemp2, show: false, fullDate: formatDate(_dtemp2, 'yyyy-MM-dd'), isToday: equalDate(new Date(), _dtemp2) }); } // 这个月的日期 for (var _i3 = 0; _i3 < days; _i3++) { var _dtemp3 = new Date(y, m, 1); _dtemp3.setDate(_dtemp3.getDate() + _i3); result.push({ time: _dtemp3, show: true, fullDate: formatDate(_dtemp3, 'yyyy-MM-dd'), isToday: equalDate(new Date(), _dtemp3) }); } var len = 42 - result.length; // 下个月的日期 for (var _i4 = 1; _i4 <= len; _i4++) { var _dtemp4 = new Date(y, m + 1, 0); _dtemp4.setDate(_dtemp4.getDate() + _i4); result.push({ time: _dtemp4, show: false, fullDate: formatDate(_dtemp4, 'yyyy-MM-dd'), isToday: equalDate(new Date(), _dtemp4) }); } } } return result; }; exports.gegerateDates = gegerateDates; /***/ }), /***/ 17: /*!*************************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js ***! \*************************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (module.exports = _isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; }, module.exports.__esModule = true, module.exports["default"] = module.exports)(); } module.exports = _isNativeReflectConstruct, module.exports.__esModule = true, module.exports["default"] = module.exports; /***/ }), /***/ 18: /*!******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/toConsumableArray.js ***! \******************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { var arrayWithoutHoles = __webpack_require__(/*! ./arrayWithoutHoles.js */ 19); var iterableToArray = __webpack_require__(/*! ./iterableToArray.js */ 20); var unsupportedIterableToArray = __webpack_require__(/*! ./unsupportedIterableToArray.js */ 8); var nonIterableSpread = __webpack_require__(/*! ./nonIterableSpread.js */ 21); function _toConsumableArray(arr) { return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread(); } module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports; /***/ }), /***/ 1803: /*!******************************************************************************************************************************!*\ !*** D:/里派项目/qingdong-3.2.3-extended/uniapp/crm/crm/uni_modules/uni-transition/components/uni-transition/createAnimation.js ***! \******************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* WEBPACK VAR INJECTION */(function(uni) { var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ 4); Object.defineProperty(exports, "__esModule", { value: true }); exports.createAnimation = createAnimation; var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ 11)); var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ 23)); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ 24)); function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } // const defaultOption = { // duration: 300, // timingFunction: 'linear', // delay: 0, // transformOrigin: '50% 50% 0' // } var MPAnimation = /*#__PURE__*/function () { function MPAnimation(options, _this) { (0, _classCallCheck2.default)(this, MPAnimation); this.options = options; this.animation = uni.createAnimation(options); this.currentStepAnimates = {}; this.next = 0; this.$ = _this; } (0, _createClass2.default)(MPAnimation, [{ key: "_nvuePushAnimates", value: function _nvuePushAnimates(type, args) { var aniObj = this.currentStepAnimates[this.next]; var styles = {}; if (!aniObj) { styles = { styles: {}, config: {} }; } else { styles = aniObj; } if (animateTypes1.includes(type)) { if (!styles.styles.transform) { styles.styles.transform = ''; } var unit = ''; if (type === 'rotate') { unit = 'deg'; } styles.styles.transform += "".concat(type, "(").concat(args + unit, ") "); } else { styles.styles[type] = "".concat(args); } this.currentStepAnimates[this.next] = styles; } }, { key: "_animateRun", value: function _animateRun() { var styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var ref = this.$.$refs['ani'].ref; if (!ref) return; return new Promise(function (resolve, reject) { nvueAnimation.transition(ref, _objectSpread({ styles: styles }, config), function (res) { resolve(); }); }); } }, { key: "_nvueNextAnimate", value: function _nvueNextAnimate(animates) { var _this2 = this; var step = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0; var fn = arguments.length > 2 ? arguments[2] : undefined; var obj = animates[step]; if (obj) { var styles = obj.styles, config = obj.config; this._animateRun(styles, config).then(function () { step += 1; _this2._nvueNextAnimate(animates, step, fn); }); } else { this.currentStepAnimates = {}; typeof fn === 'function' && fn(); this.isEnd = true; } } }, { key: "step", value: function step() { var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; this.animation.step(config); return this; } }, { key: "run", value: function run(fn) { this.$.animationData = this.animation.export(); this.$.timer = setTimeout(function () { typeof fn === 'function' && fn(); }, this.$.durationTime); } }]); return MPAnimation; }(); var animateTypes1 = ['matrix', 'matrix3d', 'rotate', 'rotate3d', 'rotateX', 'rotateY', 'rotateZ', 'scale', 'scale3d', 'scaleX', 'scaleY', 'scaleZ', 'skew', 'skewX', 'skewY', 'translate', 'translate3d', 'translateX', 'translateY', 'translateZ']; var animateTypes2 = ['opacity', 'backgroundColor']; var animateTypes3 = ['width', 'height', 'left', 'right', 'top', 'bottom']; animateTypes1.concat(animateTypes2, animateTypes3).forEach(function (type) { MPAnimation.prototype[type] = function () { var _this$animation; (_this$animation = this.animation)[type].apply(_this$animation, arguments); return this; }; }); function createAnimation(option, _this) { if (!_this) return; clearTimeout(_this.timer); return new MPAnimation(option, _this); } /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"])) /***/ }), /***/ 19: /*!******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/arrayWithoutHoles.js ***! \******************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { var arrayLikeToArray = __webpack_require__(/*! ./arrayLikeToArray.js */ 9); function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return arrayLikeToArray(arr); } module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports; /***/ }), /***/ 193: /*!*********************************************************************************************************!*\ !*** D:/里派项目/qingdong-3.2.3-extended/uniapp/crm/crm/pagesA/crm/createCustomer/createCust_page_jumps.js ***! \*********************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* WEBPACK VAR INJECTION */(function(uni) { Object.defineProperty(exports, "__esModule", { value: true }); exports.pageJumps = void 0; var pageJumps = { methods: { // 选择成员 selectMemberClick: function selectMemberClick() { uni.navigateTo({ url: '/pagesA/crm/selectMember/selectMember' }); }, // 跟进时间 foTimeClick: function foTimeClick() { uni.navigateTo({ url: '/pagesA/crm/customerManagement/newFllow/selectTime/selectTime' }); }, // 跟进人员 followPeopleClick: function followPeopleClick() { uni.navigateTo({ url: '/pagesA/crm/customerManagement/newFllow/selectLinkman/selectLinkman' }); }, // 任务提醒 taskRemindClick: function taskRemindClick() { uni.navigateTo({ url: '/pagesA/crm/customerManagement/newFllow/taskManager/taskManager' }); }, // 提醒方式 remindWayClick: function remindWayClick() { uni.navigateTo({ url: '/pagesA/crm/customerManagement/newFllow/remindWay/remindWay' }); }, // 生日 selectDateClick: function selectDateClick() { uni.navigateTo({ url: '/pagesA/crm/customerManagement/newFllow/selectTime/selectTime' }); } } }; exports.pageJumps = pageJumps; /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"])) /***/ }), /***/ 2: /*!************************************************************!*\ !*** ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js ***! \************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* WEBPACK VAR INJECTION */(function(wx, global) { var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ 4); Object.defineProperty(exports, "__esModule", { value: true }); exports.createApp = createApp; exports.createComponent = createComponent; exports.createPage = createPage; exports.createPlugin = createPlugin; exports.createSubpackageApp = createSubpackageApp; exports.default = void 0; var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ 5)); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ 11)); var _construct2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/construct */ 15)); var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ 18)); var _typeof2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/typeof */ 13)); var _uniI18n = __webpack_require__(/*! @dcloudio/uni-i18n */ 22); var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 25)); function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } var realAtob; var b64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='; var b64re = /^(?:[A-Za-z\d+/]{4})*?(?:[A-Za-z\d+/]{2}(?:==)?|[A-Za-z\d+/]{3}=?)?$/; if (typeof atob !== 'function') { realAtob = function realAtob(str) { str = String(str).replace(/[\t\n\f\r ]+/g, ''); if (!b64re.test(str)) { throw new Error("Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded."); } // Adding the padding if missing, for semplicity str += '=='.slice(2 - (str.length & 3)); var bitmap; var result = ''; var r1; var r2; var i = 0; for (; i < str.length;) { bitmap = b64.indexOf(str.charAt(i++)) << 18 | b64.indexOf(str.charAt(i++)) << 12 | (r1 = b64.indexOf(str.charAt(i++))) << 6 | (r2 = b64.indexOf(str.charAt(i++))); result += r1 === 64 ? String.fromCharCode(bitmap >> 16 & 255) : r2 === 64 ? String.fromCharCode(bitmap >> 16 & 255, bitmap >> 8 & 255) : String.fromCharCode(bitmap >> 16 & 255, bitmap >> 8 & 255, bitmap & 255); } return result; }; } else { // 注意atob只能在全局对象上调用,例如:`const Base64 = {atob};Base64.atob('xxxx')`是错误的用法 realAtob = atob; } function b64DecodeUnicode(str) { return decodeURIComponent(realAtob(str).split('').map(function (c) { return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2); }).join('')); } function getCurrentUserInfo() { var token = wx.getStorageSync('uni_id_token') || ''; var tokenArr = token.split('.'); if (!token || tokenArr.length !== 3) { return { uid: null, role: [], permission: [], tokenExpired: 0 }; } var userInfo; try { userInfo = JSON.parse(b64DecodeUnicode(tokenArr[1])); } catch (error) { throw new Error('获取当前用户信息出错,详细错误信息为:' + error.message); } userInfo.tokenExpired = userInfo.exp * 1000; delete userInfo.exp; delete userInfo.iat; return userInfo; } function uniIdMixin(Vue) { Vue.prototype.uniIDHasRole = function (roleId) { var _getCurrentUserInfo = getCurrentUserInfo(), role = _getCurrentUserInfo.role; return role.indexOf(roleId) > -1; }; Vue.prototype.uniIDHasPermission = function (permissionId) { var _getCurrentUserInfo2 = getCurrentUserInfo(), permission = _getCurrentUserInfo2.permission; return this.uniIDHasRole('admin') || permission.indexOf(permissionId) > -1; }; Vue.prototype.uniIDTokenValid = function () { var _getCurrentUserInfo3 = getCurrentUserInfo(), tokenExpired = _getCurrentUserInfo3.tokenExpired; return tokenExpired > Date.now(); }; } var _toString = Object.prototype.toString; var hasOwnProperty = Object.prototype.hasOwnProperty; function isFn(fn) { return typeof fn === 'function'; } function isStr(str) { return typeof str === 'string'; } function isObject(obj) { return obj !== null && (0, _typeof2.default)(obj) === 'object'; } function isPlainObject(obj) { return _toString.call(obj) === '[object Object]'; } function hasOwn(obj, key) { return hasOwnProperty.call(obj, key); } function noop() {} /** * Create a cached version of a pure function. */ function cached(fn) { var cache = Object.create(null); return function cachedFn(str) { var hit = cache[str]; return hit || (cache[str] = fn(str)); }; } /** * Camelize a hyphen-delimited string. */ var camelizeRE = /-(\w)/g; var camelize = cached(function (str) { return str.replace(camelizeRE, function (_, c) { return c ? c.toUpperCase() : ''; }); }); function sortObject(obj) { var sortObj = {}; if (isPlainObject(obj)) { Object.keys(obj).sort().forEach(function (key) { sortObj[key] = obj[key]; }); } return !Object.keys(sortObj) ? obj : sortObj; } var HOOKS = ['invoke', 'success', 'fail', 'complete', 'returnValue']; var globalInterceptors = {}; var scopedInterceptors = {}; function mergeHook(parentVal, childVal) { var res = childVal ? parentVal ? parentVal.concat(childVal) : Array.isArray(childVal) ? childVal : [childVal] : parentVal; return res ? dedupeHooks(res) : res; } function dedupeHooks(hooks) { var res = []; for (var i = 0; i < hooks.length; i++) { if (res.indexOf(hooks[i]) === -1) { res.push(hooks[i]); } } return res; } function removeHook(hooks, hook) { var index = hooks.indexOf(hook); if (index !== -1) { hooks.splice(index, 1); } } function mergeInterceptorHook(interceptor, option) { Object.keys(option).forEach(function (hook) { if (HOOKS.indexOf(hook) !== -1 && isFn(option[hook])) { interceptor[hook] = mergeHook(interceptor[hook], option[hook]); } }); } function removeInterceptorHook(interceptor, option) { if (!interceptor || !option) { return; } Object.keys(option).forEach(function (hook) { if (HOOKS.indexOf(hook) !== -1 && isFn(option[hook])) { removeHook(interceptor[hook], option[hook]); } }); } function addInterceptor(method, option) { if (typeof method === 'string' && isPlainObject(option)) { mergeInterceptorHook(scopedInterceptors[method] || (scopedInterceptors[method] = {}), option); } else if (isPlainObject(method)) { mergeInterceptorHook(globalInterceptors, method); } } function removeInterceptor(method, option) { if (typeof method === 'string') { if (isPlainObject(option)) { removeInterceptorHook(scopedInterceptors[method], option); } else { delete scopedInterceptors[method]; } } else if (isPlainObject(method)) { removeInterceptorHook(globalInterceptors, method); } } function wrapperHook(hook, params) { return function (data) { return hook(data, params) || data; }; } function isPromise(obj) { return !!obj && ((0, _typeof2.default)(obj) === 'object' || typeof obj === 'function') && typeof obj.then === 'function'; } function queue(hooks, data, params) { var promise = false; for (var i = 0; i < hooks.length; i++) { var hook = hooks[i]; if (promise) { promise = Promise.resolve(wrapperHook(hook, params)); } else { var res = hook(data, params); if (isPromise(res)) { promise = Promise.resolve(res); } if (res === false) { return { then: function then() {} }; } } } return promise || { then: function then(callback) { return callback(data); } }; } function wrapperOptions(interceptor) { var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; ['success', 'fail', 'complete'].forEach(function (name) { if (Array.isArray(interceptor[name])) { var oldCallback = options[name]; options[name] = function callbackInterceptor(res) { queue(interceptor[name], res, options).then(function (res) { /* eslint-disable no-mixed-operators */ return isFn(oldCallback) && oldCallback(res) || res; }); }; } }); return options; } function wrapperReturnValue(method, returnValue) { var returnValueHooks = []; if (Array.isArray(globalInterceptors.returnValue)) { returnValueHooks.push.apply(returnValueHooks, (0, _toConsumableArray2.default)(globalInterceptors.returnValue)); } var interceptor = scopedInterceptors[method]; if (interceptor && Array.isArray(interceptor.returnValue)) { returnValueHooks.push.apply(returnValueHooks, (0, _toConsumableArray2.default)(interceptor.returnValue)); } returnValueHooks.forEach(function (hook) { returnValue = hook(returnValue) || returnValue; }); return returnValue; } function getApiInterceptorHooks(method) { var interceptor = Object.create(null); Object.keys(globalInterceptors).forEach(function (hook) { if (hook !== 'returnValue') { interceptor[hook] = globalInterceptors[hook].slice(); } }); var scopedInterceptor = scopedInterceptors[method]; if (scopedInterceptor) { Object.keys(scopedInterceptor).forEach(function (hook) { if (hook !== 'returnValue') { interceptor[hook] = (interceptor[hook] || []).concat(scopedInterceptor[hook]); } }); } return interceptor; } function invokeApi(method, api, options) { for (var _len = arguments.length, params = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) { params[_key - 3] = arguments[_key]; } var interceptor = getApiInterceptorHooks(method); if (interceptor && Object.keys(interceptor).length) { if (Array.isArray(interceptor.invoke)) { var res = queue(interceptor.invoke, options); return res.then(function (options) { // 重新访问 getApiInterceptorHooks, 允许 invoke 中再次调用 addInterceptor,removeInterceptor return api.apply(void 0, [wrapperOptions(getApiInterceptorHooks(method), options)].concat(params)); }); } else { return api.apply(void 0, [wrapperOptions(interceptor, options)].concat(params)); } } return api.apply(void 0, [options].concat(params)); } var promiseInterceptor = { returnValue: function returnValue(res) { if (!isPromise(res)) { return res; } return new Promise(function (resolve, reject) { res.then(function (res) { if (!res) { resolve(res); return; } if (res[0]) { reject(res[0]); } else { resolve(res[1]); } }); }); } }; var SYNC_API_RE = /^\$|__f__|Window$|WindowStyle$|sendHostEvent|sendNativeEvent|restoreGlobal|requireGlobal|getCurrentSubNVue|getMenuButtonBoundingClientRect|^report|interceptors|Interceptor$|getSubNVueById|requireNativePlugin|rpx2px|upx2px|hideKeyboard|canIUse|^create|Sync$|Manager$|base64ToArrayBuffer|arrayBufferToBase64|getLocale|setLocale|invokePushCallback|getWindowInfo|getDeviceInfo|getAppBaseInfo|getSystemSetting|getAppAuthorizeSetting|initUTS|requireUTS|registerUTS/; var CONTEXT_API_RE = /^create|Manager$/; // Context例外情况 var CONTEXT_API_RE_EXC = ['createBLEConnection']; // 同步例外情况 var ASYNC_API = ['createBLEConnection', 'createPushMessage']; var CALLBACK_API_RE = /^on|^off/; function isContextApi(name) { return CONTEXT_API_RE.test(name) && CONTEXT_API_RE_EXC.indexOf(name) === -1; } function isSyncApi(name) { return SYNC_API_RE.test(name) && ASYNC_API.indexOf(name) === -1; } function isCallbackApi(name) { return CALLBACK_API_RE.test(name) && name !== 'onPush'; } function handlePromise(promise) { return promise.then(function (data) { return [null, data]; }).catch(function (err) { return [err]; }); } function shouldPromise(name) { if (isContextApi(name) || isSyncApi(name) || isCallbackApi(name)) { return false; } return true; } /* eslint-disable no-extend-native */ if (!Promise.prototype.finally) { Promise.prototype.finally = function (callback) { var promise = this.constructor; return this.then(function (value) { return promise.resolve(callback()).then(function () { return value; }); }, function (reason) { return promise.resolve(callback()).then(function () { throw reason; }); }); }; } function promisify(name, api) { if (!shouldPromise(name) || !isFn(api)) { return api; } return function promiseApi() { var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; for (var _len2 = arguments.length, params = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { params[_key2 - 1] = arguments[_key2]; } if (isFn(options.success) || isFn(options.fail) || isFn(options.complete)) { return wrapperReturnValue(name, invokeApi.apply(void 0, [name, api, Object.assign({}, options)].concat(params))); } return wrapperReturnValue(name, handlePromise(new Promise(function (resolve, reject) { invokeApi.apply(void 0, [name, api, Object.assign({}, options, { success: resolve, fail: reject })].concat(params)); }))); }; } var EPS = 1e-4; var BASE_DEVICE_WIDTH = 750; var isIOS = false; var deviceWidth = 0; var deviceDPR = 0; function checkDeviceWidth() { var windowWidth, pixelRatio, platform; { var windowInfo = typeof wx.getWindowInfo === 'function' && wx.getWindowInfo() ? wx.getWindowInfo() : wx.getSystemInfoSync(); var deviceInfo = typeof wx.getDeviceInfo === 'function' && wx.getDeviceInfo() ? wx.getDeviceInfo() : wx.getSystemInfoSync(); windowWidth = windowInfo.windowWidth; pixelRatio = windowInfo.pixelRatio; platform = deviceInfo.platform; } deviceWidth = windowWidth; deviceDPR = pixelRatio; isIOS = platform === 'ios'; } function upx2px(number, newDeviceWidth) { if (deviceWidth === 0) { checkDeviceWidth(); } number = Number(number); if (number === 0) { return 0; } var result = number / BASE_DEVICE_WIDTH * (newDeviceWidth || deviceWidth); if (result < 0) { result = -result; } result = Math.floor(result + EPS); if (result === 0) { if (deviceDPR === 1 || !isIOS) { result = 1; } else { result = 0.5; } } return number < 0 ? -result : result; } var LOCALE_ZH_HANS = 'zh-Hans'; var LOCALE_ZH_HANT = 'zh-Hant'; var LOCALE_EN = 'en'; var LOCALE_FR = 'fr'; var LOCALE_ES = 'es'; var messages = {}; function getLocaleLanguage() { var localeLanguage = ''; { var appBaseInfo = typeof wx.getAppBaseInfo === 'function' && wx.getAppBaseInfo() ? wx.getAppBaseInfo() : wx.getSystemInfoSync(); var language = appBaseInfo && appBaseInfo.language ? appBaseInfo.language : LOCALE_EN; localeLanguage = normalizeLocale(language) || LOCALE_EN; } return localeLanguage; } var locale; { locale = getLocaleLanguage(); } function initI18nMessages() { if (!isEnableLocale()) { return; } var localeKeys = Object.keys(__uniConfig.locales); if (localeKeys.length) { localeKeys.forEach(function (locale) { var curMessages = messages[locale]; var userMessages = __uniConfig.locales[locale]; if (curMessages) { Object.assign(curMessages, userMessages); } else { messages[locale] = userMessages; } }); } } initI18nMessages(); var i18n = (0, _uniI18n.initVueI18n)(locale, {}); var t = i18n.t; var i18nMixin = i18n.mixin = { beforeCreate: function beforeCreate() { var _this = this; var unwatch = i18n.i18n.watchLocale(function () { _this.$forceUpdate(); }); this.$once('hook:beforeDestroy', function () { unwatch(); }); }, methods: { $$t: function $$t(key, values) { return t(key, values); } } }; var setLocale = i18n.setLocale; var getLocale = i18n.getLocale; function initAppLocale(Vue, appVm, locale) { var state = Vue.observable({ locale: locale || i18n.getLocale() }); var localeWatchers = []; appVm.$watchLocale = function (fn) { localeWatchers.push(fn); }; Object.defineProperty(appVm, '$locale', { get: function get() { return state.locale; }, set: function set(v) { state.locale = v; localeWatchers.forEach(function (watch) { return watch(v); }); } }); } function isEnableLocale() { return typeof __uniConfig !== 'undefined' && __uniConfig.locales && !!Object.keys(__uniConfig.locales).length; } function include(str, parts) { return !!parts.find(function (part) { return str.indexOf(part) !== -1; }); } function startsWith(str, parts) { return parts.find(function (part) { return str.indexOf(part) === 0; }); } function normalizeLocale(locale, messages) { if (!locale) { return; } locale = locale.trim().replace(/_/g, '-'); if (messages && messages[locale]) { return locale; } locale = locale.toLowerCase(); if (locale === 'chinese') { // 支付宝 return LOCALE_ZH_HANS; } if (locale.indexOf('zh') === 0) { if (locale.indexOf('-hans') > -1) { return LOCALE_ZH_HANS; } if (locale.indexOf('-hant') > -1) { return LOCALE_ZH_HANT; } if (include(locale, ['-tw', '-hk', '-mo', '-cht'])) { return LOCALE_ZH_HANT; } return LOCALE_ZH_HANS; } var lang = startsWith(locale, [LOCALE_EN, LOCALE_FR, LOCALE_ES]); if (lang) { return lang; } } // export function initI18n() { // const localeKeys = Object.keys(__uniConfig.locales || {}) // if (localeKeys.length) { // localeKeys.forEach((locale) => // i18n.add(locale, __uniConfig.locales[locale]) // ) // } // } function getLocale$1() { // 优先使用 $locale if (isFn(getApp)) { var app = getApp({ allowDefault: true }); if (app && app.$vm) { return app.$vm.$locale; } } return getLocaleLanguage(); } function setLocale$1(locale) { var app = isFn(getApp) ? getApp() : false; if (!app) { return false; } var oldLocale = app.$vm.$locale; if (oldLocale !== locale) { app.$vm.$locale = locale; onLocaleChangeCallbacks.forEach(function (fn) { return fn({ locale: locale }); }); return true; } return false; } var onLocaleChangeCallbacks = []; function onLocaleChange(fn) { if (onLocaleChangeCallbacks.indexOf(fn) === -1) { onLocaleChangeCallbacks.push(fn); } } if (typeof global !== 'undefined') { global.getLocale = getLocale$1; } var interceptors = { promiseInterceptor: promiseInterceptor }; var baseApi = /*#__PURE__*/Object.freeze({ __proto__: null, upx2px: upx2px, rpx2px: upx2px, getLocale: getLocale$1, setLocale: setLocale$1, onLocaleChange: onLocaleChange, addInterceptor: addInterceptor, removeInterceptor: removeInterceptor, interceptors: interceptors }); function findExistsPageIndex(url) { var pages = getCurrentPages(); var len = pages.length; while (len--) { var page = pages[len]; if (page.$page && page.$page.fullPath === url) { return len; } } return -1; } var redirectTo = { name: function name(fromArgs) { if (fromArgs.exists === 'back' && fromArgs.delta) { return 'navigateBack'; } return 'redirectTo'; }, args: function args(fromArgs) { if (fromArgs.exists === 'back' && fromArgs.url) { var existsPageIndex = findExistsPageIndex(fromArgs.url); if (existsPageIndex !== -1) { var delta = getCurrentPages().length - 1 - existsPageIndex; if (delta > 0) { fromArgs.delta = delta; } } } } }; var previewImage = { args: function args(fromArgs) { var currentIndex = parseInt(fromArgs.current); if (isNaN(currentIndex)) { return; } var urls = fromArgs.urls; if (!Array.isArray(urls)) { return; } var len = urls.length; if (!len) { return; } if (currentIndex < 0) { currentIndex = 0; } else if (currentIndex >= len) { currentIndex = len - 1; } if (currentIndex > 0) { fromArgs.current = urls[currentIndex]; fromArgs.urls = urls.filter(function (item, index) { return index < currentIndex ? item !== urls[currentIndex] : true; }); } else { fromArgs.current = urls[0]; } return { indicator: false, loop: false }; } }; var UUID_KEY = '__DC_STAT_UUID'; var deviceId; function useDeviceId(result) { deviceId = deviceId || wx.getStorageSync(UUID_KEY); if (!deviceId) { deviceId = Date.now() + '' + Math.floor(Math.random() * 1e7); wx.setStorage({ key: UUID_KEY, data: deviceId }); } result.deviceId = deviceId; } function addSafeAreaInsets(result) { if (result.safeArea) { var safeArea = result.safeArea; result.safeAreaInsets = { top: safeArea.top, left: safeArea.left, right: result.windowWidth - safeArea.right, bottom: result.screenHeight - safeArea.bottom }; } } function getOSInfo(system, platform) { var osName = ''; var osVersion = ''; if (platform && "mp-weixin" === 'mp-baidu') { osName = platform; osVersion = system; } else { osName = system.split(' ')[0] || platform; osVersion = system.split(' ')[1] || ''; } osName = osName.toLocaleLowerCase(); switch (osName) { case 'harmony': // alipay case 'ohos': // weixin case 'openharmony': // feishu osName = 'harmonyos'; break; case 'iphone os': // alipay osName = 'ios'; break; case 'mac': // weixin qq case 'darwin': // feishu osName = 'macos'; break; case 'windows_nt': // feishu osName = 'windows'; break; } return { osName: osName, osVersion: osVersion }; } function populateParameters(result) { var _result$brand = result.brand, brand = _result$brand === void 0 ? '' : _result$brand, _result$model = result.model, model = _result$model === void 0 ? '' : _result$model, _result$system = result.system, system = _result$system === void 0 ? '' : _result$system, _result$language = result.language, language = _result$language === void 0 ? '' : _result$language, theme = result.theme, version = result.version, platform = result.platform, fontSizeSetting = result.fontSizeSetting, SDKVersion = result.SDKVersion, pixelRatio = result.pixelRatio, deviceOrientation = result.deviceOrientation; // const isQuickApp = "mp-weixin".indexOf('quickapp-webview') !== -1 var extraParam = {}; // osName osVersion var _getOSInfo = getOSInfo(system, platform), osName = _getOSInfo.osName, osVersion = _getOSInfo.osVersion; var hostVersion = version; // deviceType var deviceType = getGetDeviceType(result, model); // deviceModel var deviceBrand = getDeviceBrand(brand); // hostName var _hostName = getHostName(result); // deviceOrientation var _deviceOrientation = deviceOrientation; // 仅 微信 百度 支持 // devicePixelRatio var _devicePixelRatio = pixelRatio; // SDKVersion var _SDKVersion = SDKVersion; // hostLanguage var hostLanguage = (language || '').replace(/_/g, '-'); // wx.getAccountInfoSync var parameters = { appId: "__UNI__8FF4260", appName: "华莱士CRM", appVersion: "1.0.0", appVersionCode: "100", appLanguage: getAppLanguage(hostLanguage), uniCompileVersion: "4.75", uniCompilerVersion: "4.75", uniRuntimeVersion: "4.75", uniPlatform: undefined || "mp-weixin", deviceBrand: deviceBrand, deviceModel: model, deviceType: deviceType, devicePixelRatio: _devicePixelRatio, deviceOrientation: _deviceOrientation, osName: osName.toLocaleLowerCase(), osVersion: osVersion, hostTheme: theme, hostVersion: hostVersion, hostLanguage: hostLanguage, hostName: _hostName, hostSDKVersion: _SDKVersion, hostFontSizeSetting: fontSizeSetting, windowTop: 0, windowBottom: 0, // TODO osLanguage: undefined, osTheme: undefined, ua: undefined, hostPackageName: undefined, browserName: undefined, browserVersion: undefined, isUniAppX: false }; Object.assign(result, parameters, extraParam); } function getGetDeviceType(result, model) { var deviceType = result.deviceType || 'phone'; { var deviceTypeMaps = { ipad: 'pad', windows: 'pc', mac: 'pc' }; var deviceTypeMapsKeys = Object.keys(deviceTypeMaps); var _model = model.toLocaleLowerCase(); for (var index = 0; index < deviceTypeMapsKeys.length; index++) { var _m = deviceTypeMapsKeys[index]; if (_model.indexOf(_m) !== -1) { deviceType = deviceTypeMaps[_m]; break; } } } return deviceType; } function getDeviceBrand(brand) { var deviceBrand = brand; if (deviceBrand) { deviceBrand = brand.toLocaleLowerCase(); } return deviceBrand; } function getAppLanguage(defaultLanguage) { return getLocale$1 ? getLocale$1() : defaultLanguage; } function getHostName(result) { var _platform = 'WeChat'; var _hostName = result.hostName || _platform; // mp-jd { if (result.environment) { _hostName = result.environment; } else if (result.host && result.host.env) { _hostName = result.host.env; } } return _hostName; } var getSystemInfo = { returnValue: function returnValue(result) { useDeviceId(result); addSafeAreaInsets(result); populateParameters(result); } }; var showActionSheet = { args: function args(fromArgs) { if ((0, _typeof2.default)(fromArgs) === 'object') { fromArgs.alertText = fromArgs.title; } } }; var getAppBaseInfo = { returnValue: function returnValue(result) { var _result = result, version = _result.version, language = _result.language, SDKVersion = _result.SDKVersion, theme = _result.theme; var _hostName = getHostName(result); var hostLanguage = (language || '').replace('_', '-'); result = sortObject(Object.assign(result, { appId: "__UNI__8FF4260", appName: "华莱士CRM", appVersion: "1.0.0", appVersionCode: "100", appLanguage: getAppLanguage(hostLanguage), hostVersion: version, hostLanguage: hostLanguage, hostName: _hostName, hostSDKVersion: SDKVersion, hostTheme: theme, isUniAppX: false, uniPlatform: undefined || "mp-weixin", uniCompileVersion: "4.75", uniCompilerVersion: "4.75", uniRuntimeVersion: "4.75" })); } }; var getDeviceInfo = { returnValue: function returnValue(result) { var _result2 = result, brand = _result2.brand, model = _result2.model, _result2$system = _result2.system, system = _result2$system === void 0 ? '' : _result2$system, _result2$platform = _result2.platform, platform = _result2$platform === void 0 ? '' : _result2$platform; var deviceType = getGetDeviceType(result, model); var deviceBrand = getDeviceBrand(brand); useDeviceId(result); var _getOSInfo2 = getOSInfo(system, platform), osName = _getOSInfo2.osName, osVersion = _getOSInfo2.osVersion; result = sortObject(Object.assign(result, { deviceType: deviceType, deviceBrand: deviceBrand, deviceModel: model, osName: osName, osVersion: osVersion })); } }; var getWindowInfo = { returnValue: function returnValue(result) { addSafeAreaInsets(result); result = sortObject(Object.assign(result, { windowTop: 0, windowBottom: 0 })); } }; var getAppAuthorizeSetting = { returnValue: function returnValue(result) { var locationReducedAccuracy = result.locationReducedAccuracy; result.locationAccuracy = 'unsupported'; if (locationReducedAccuracy === true) { result.locationAccuracy = 'reduced'; } else if (locationReducedAccuracy === false) { result.locationAccuracy = 'full'; } } }; // import navigateTo from 'uni-helpers/navigate-to' var compressImage = { args: function args(fromArgs) { // https://developers.weixin.qq.com/community/develop/doc/000c08940c865011298e0a43256800?highLine=compressHeight if (fromArgs.compressedHeight && !fromArgs.compressHeight) { fromArgs.compressHeight = fromArgs.compressedHeight; } if (fromArgs.compressedWidth && !fromArgs.compressWidth) { fromArgs.compressWidth = fromArgs.compressedWidth; } } }; var protocols = { redirectTo: redirectTo, // navigateTo, // 由于在微信开发者工具的页面参数,会显示__id__参数,因此暂时关闭mp-weixin对于navigateTo的AOP previewImage: previewImage, getSystemInfo: getSystemInfo, getSystemInfoSync: getSystemInfo, showActionSheet: showActionSheet, getAppBaseInfo: getAppBaseInfo, getDeviceInfo: getDeviceInfo, getWindowInfo: getWindowInfo, getAppAuthorizeSetting: getAppAuthorizeSetting, compressImage: compressImage }; var todos = ['vibrate', 'preloadPage', 'unPreloadPage', 'loadSubPackage']; var canIUses = []; var CALLBACKS = ['success', 'fail', 'cancel', 'complete']; function processCallback(methodName, method, returnValue) { return function (res) { return method(processReturnValue(methodName, res, returnValue)); }; } function processArgs(methodName, fromArgs) { var argsOption = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; var returnValue = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {}; var keepFromArgs = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false; if (isPlainObject(fromArgs)) { // 一般 api 的参数解析 var toArgs = keepFromArgs === true ? fromArgs : {}; // returnValue 为 false 时,说明是格式化返回值,直接在返回值对象上修改赋值 if (isFn(argsOption)) { argsOption = argsOption(fromArgs, toArgs) || {}; } for (var key in fromArgs) { if (hasOwn(argsOption, key)) { var keyOption = argsOption[key]; if (isFn(keyOption)) { keyOption = keyOption(fromArgs[key], fromArgs, toArgs); } if (!keyOption) { // 不支持的参数 console.warn("The '".concat(methodName, "' method of platform '\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F' does not support option '").concat(key, "'")); } else if (isStr(keyOption)) { // 重写参数 key toArgs[keyOption] = fromArgs[key]; } else if (isPlainObject(keyOption)) { // {name:newName,value:value}可重新指定参数 key:value toArgs[keyOption.name ? keyOption.name : key] = keyOption.value; } } else if (CALLBACKS.indexOf(key) !== -1) { if (isFn(fromArgs[key])) { toArgs[key] = processCallback(methodName, fromArgs[key], returnValue); } } else { if (!keepFromArgs) { toArgs[key] = fromArgs[key]; } } } return toArgs; } else if (isFn(fromArgs)) { fromArgs = processCallback(methodName, fromArgs, returnValue); } return fromArgs; } function processReturnValue(methodName, res, returnValue) { var keepReturnValue = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false; if (isFn(protocols.returnValue)) { // 处理通用 returnValue res = protocols.returnValue(methodName, res); } return processArgs(methodName, res, returnValue, {}, keepReturnValue); } function wrapper(methodName, method) { if (hasOwn(protocols, methodName)) { var protocol = protocols[methodName]; if (!protocol) { // 暂不支持的 api return function () { console.error("Platform '\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F' does not support '".concat(methodName, "'.")); }; } return function (arg1, arg2) { // 目前 api 最多两个参数 var options = protocol; if (isFn(protocol)) { options = protocol(arg1); } arg1 = processArgs(methodName, arg1, options.args, options.returnValue); var args = [arg1]; if (typeof arg2 !== 'undefined') { args.push(arg2); } if (isFn(options.name)) { methodName = options.name(arg1); } else if (isStr(options.name)) { methodName = options.name; } var returnValue = wx[methodName].apply(wx, args); if (isSyncApi(methodName)) { // 同步 api return processReturnValue(methodName, returnValue, options.returnValue, isContextApi(methodName)); } return returnValue; }; } return method; } var todoApis = Object.create(null); var TODOS = ['onTabBarMidButtonTap', 'subscribePush', 'unsubscribePush', 'onPush', 'offPush', 'share']; function createTodoApi(name) { return function todoApi(_ref) { var fail = _ref.fail, complete = _ref.complete; var res = { errMsg: "".concat(name, ":fail method '").concat(name, "' not supported") }; isFn(fail) && fail(res); isFn(complete) && complete(res); }; } TODOS.forEach(function (name) { todoApis[name] = createTodoApi(name); }); var providers = { oauth: ['weixin'], share: ['weixin'], payment: ['wxpay'], push: ['weixin'] }; function getProvider(_ref2) { var service = _ref2.service, success = _ref2.success, fail = _ref2.fail, complete = _ref2.complete; var res = false; if (providers[service]) { res = { errMsg: 'getProvider:ok', service: service, provider: providers[service] }; isFn(success) && success(res); } else { res = { errMsg: 'getProvider:fail service not found' }; isFn(fail) && fail(res); } isFn(complete) && complete(res); } var extraApi = /*#__PURE__*/Object.freeze({ __proto__: null, getProvider: getProvider }); var getEmitter = function () { var Emitter; return function getUniEmitter() { if (!Emitter) { Emitter = new _vue.default(); } return Emitter; }; }(); function apply(ctx, method, args) { return ctx[method].apply(ctx, args); } function $on() { return apply(getEmitter(), '$on', Array.prototype.slice.call(arguments)); } function $off() { return apply(getEmitter(), '$off', Array.prototype.slice.call(arguments)); } function $once() { return apply(getEmitter(), '$once', Array.prototype.slice.call(arguments)); } function $emit() { return apply(getEmitter(), '$emit', Array.prototype.slice.call(arguments)); } var eventApi = /*#__PURE__*/Object.freeze({ __proto__: null, $on: $on, $off: $off, $once: $once, $emit: $emit }); /** * 框架内 try-catch */ /** * 开发者 try-catch */ function tryCatch(fn) { return function () { try { return fn.apply(fn, arguments); } catch (e) { // TODO console.error(e); } }; } function getApiCallbacks(params) { var apiCallbacks = {}; for (var name in params) { var param = params[name]; if (isFn(param)) { apiCallbacks[name] = tryCatch(param); delete params[name]; } } return apiCallbacks; } var cid; var cidErrMsg; var enabled; function normalizePushMessage(message) { try { return JSON.parse(message); } catch (e) {} return message; } function invokePushCallback(args) { if (args.type === 'enabled') { enabled = true; } else if (args.type === 'clientId') { cid = args.cid; cidErrMsg = args.errMsg; invokeGetPushCidCallbacks(cid, args.errMsg); } else if (args.type === 'pushMsg') { var message = { type: 'receive', data: normalizePushMessage(args.message) }; for (var i = 0; i < onPushMessageCallbacks.length; i++) { var callback = onPushMessageCallbacks[i]; callback(message); // 该消息已被阻止 if (message.stopped) { break; } } } else if (args.type === 'click') { onPushMessageCallbacks.forEach(function (callback) { callback({ type: 'click', data: normalizePushMessage(args.message) }); }); } } var getPushCidCallbacks = []; function invokeGetPushCidCallbacks(cid, errMsg) { getPushCidCallbacks.forEach(function (callback) { callback(cid, errMsg); }); getPushCidCallbacks.length = 0; } function getPushClientId(args) { if (!isPlainObject(args)) { args = {}; } var _getApiCallbacks = getApiCallbacks(args), success = _getApiCallbacks.success, fail = _getApiCallbacks.fail, complete = _getApiCallbacks.complete; var hasSuccess = isFn(success); var hasFail = isFn(fail); var hasComplete = isFn(complete); Promise.resolve().then(function () { if (typeof enabled === 'undefined') { enabled = false; cid = ''; cidErrMsg = 'uniPush is not enabled'; } getPushCidCallbacks.push(function (cid, errMsg) { var res; if (cid) { res = { errMsg: 'getPushClientId:ok', cid: cid }; hasSuccess && success(res); } else { res = { errMsg: 'getPushClientId:fail' + (errMsg ? ' ' + errMsg : '') }; hasFail && fail(res); } hasComplete && complete(res); }); if (typeof cid !== 'undefined') { invokeGetPushCidCallbacks(cid, cidErrMsg); } }); } var onPushMessageCallbacks = []; // 不使用 defineOnApi 实现,是因为 defineOnApi 依赖 UniServiceJSBridge ,该对象目前在小程序上未提供,故简单实现 var onPushMessage = function onPushMessage(fn) { if (onPushMessageCallbacks.indexOf(fn) === -1) { onPushMessageCallbacks.push(fn); } }; var offPushMessage = function offPushMessage(fn) { if (!fn) { onPushMessageCallbacks.length = 0; } else { var index = onPushMessageCallbacks.indexOf(fn); if (index > -1) { onPushMessageCallbacks.splice(index, 1); } } }; function __f__(type) { for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) { args[_key3 - 1] = arguments[_key3]; } console[type].apply(console, args); } var baseInfo = wx.getAppBaseInfo && wx.getAppBaseInfo(); if (!baseInfo) { baseInfo = wx.getSystemInfoSync(); } var host = baseInfo ? baseInfo.host : null; var shareVideoMessage = host && host.env === 'SAAASDK' ? wx.miniapp.shareVideoMessage : wx.shareVideoMessage; var api = /*#__PURE__*/Object.freeze({ __proto__: null, shareVideoMessage: shareVideoMessage, getPushClientId: getPushClientId, onPushMessage: onPushMessage, offPushMessage: offPushMessage, invokePushCallback: invokePushCallback, __f__: __f__ }); var mocks = ['__route__', '__wxExparserNodeId__', '__wxWebviewId__']; function findVmByVueId(vm, vuePid) { var $children = vm.$children; // 优先查找直属(反向查找:https://github.com/dcloudio/uni-app/issues/1200) for (var i = $children.length - 1; i >= 0; i--) { var childVm = $children[i]; if (childVm.$scope._$vueId === vuePid) { return childVm; } } // 反向递归查找 var parentVm; for (var _i = $children.length - 1; _i >= 0; _i--) { parentVm = findVmByVueId($children[_i], vuePid); if (parentVm) { return parentVm; } } } function initBehavior(options) { return Behavior(options); } function isPage() { return !!this.route; } function initRelation(detail) { this.triggerEvent('__l', detail); } function selectAllComponents(mpInstance, selector, $refs) { var components = mpInstance.selectAllComponents(selector) || []; components.forEach(function (component) { var ref = component.dataset.ref; $refs[ref] = component.$vm || toSkip(component); { if (component.dataset.vueGeneric === 'scoped') { component.selectAllComponents('.scoped-ref').forEach(function (scopedComponent) { selectAllComponents(scopedComponent, selector, $refs); }); } } }); } function syncRefs(refs, newRefs) { var oldKeys = (0, _construct2.default)(Set, (0, _toConsumableArray2.default)(Object.keys(refs))); var newKeys = Object.keys(newRefs); newKeys.forEach(function (key) { var oldValue = refs[key]; var newValue = newRefs[key]; if (Array.isArray(oldValue) && Array.isArray(newValue) && oldValue.length === newValue.length && newValue.every(function (value) { return oldValue.includes(value); })) { return; } refs[key] = newValue; oldKeys.delete(key); }); oldKeys.forEach(function (key) { delete refs[key]; }); return refs; } function initRefs(vm) { var mpInstance = vm.$scope; var refs = {}; Object.defineProperty(vm, '$refs', { get: function get() { var $refs = {}; selectAllComponents(mpInstance, '.vue-ref', $refs); // TODO 暂不考虑 for 中的 scoped var forComponents = mpInstance.selectAllComponents('.vue-ref-in-for') || []; forComponents.forEach(function (component) { var ref = component.dataset.ref; if (!$refs[ref]) { $refs[ref] = []; } $refs[ref].push(component.$vm || toSkip(component)); }); return syncRefs(refs, $refs); } }); } function handleLink(event) { var _ref3 = event.detail || event.value, vuePid = _ref3.vuePid, vueOptions = _ref3.vueOptions; // detail 是微信,value 是百度(dipatch) var parentVm; if (vuePid) { parentVm = findVmByVueId(this.$vm, vuePid); } if (!parentVm) { parentVm = this.$vm; } vueOptions.parent = parentVm; } function markMPComponent(component) { // 在 Vue 中标记为小程序组件 var IS_MP = '__v_isMPComponent'; Object.defineProperty(component, IS_MP, { configurable: true, enumerable: false, value: true }); return component; } function toSkip(obj) { var OB = '__ob__'; var SKIP = '__v_skip'; if (isObject(obj) && Object.isExtensible(obj)) { // 避免被 @vue/composition-api 观测 Object.defineProperty(obj, OB, { configurable: true, enumerable: false, value: (0, _defineProperty2.default)({}, SKIP, true) }); } return obj; } var WORKLET_RE = /_(.*)_worklet_factory_/; function initWorkletMethods(mpMethods, vueMethods) { if (vueMethods) { Object.keys(vueMethods).forEach(function (name) { var matches = name.match(WORKLET_RE); if (matches) { var workletName = matches[1]; mpMethods[name] = vueMethods[name]; mpMethods[workletName] = vueMethods[workletName]; } }); } } var MPPage = Page; var MPComponent = Component; var customizeRE = /:/g; var customize = cached(function (str) { return camelize(str.replace(customizeRE, '-')); }); function initTriggerEvent(mpInstance) { var oldTriggerEvent = mpInstance.triggerEvent; var newTriggerEvent = function newTriggerEvent(event) { for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) { args[_key4 - 1] = arguments[_key4]; } // 事件名统一转驼峰格式,仅处理:当前组件为 vue 组件、当前组件为 vue 组件子组件 if (this.$vm || this.dataset && this.dataset.comType) { event = customize(event); } else { // 针对微信/QQ小程序单独补充驼峰格式事件,以兼容历史项目 var newEvent = customize(event); if (newEvent !== event) { oldTriggerEvent.apply(this, [newEvent].concat(args)); } } return oldTriggerEvent.apply(this, [event].concat(args)); }; try { // 京东小程序 triggerEvent 为只读 mpInstance.triggerEvent = newTriggerEvent; } catch (error) { mpInstance._triggerEvent = newTriggerEvent; } } function initHook(name, options, isComponent) { var oldHook = options[name]; options[name] = function () { markMPComponent(this); initTriggerEvent(this); if (oldHook) { for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) { args[_key5] = arguments[_key5]; } return oldHook.apply(this, args); } }; } if (!MPPage.__$wrappered) { MPPage.__$wrappered = true; Page = function Page() { var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; initHook('onLoad', options); return MPPage(options); }; Page.after = MPPage.after; Component = function Component() { var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; initHook('created', options); return MPComponent(options); }; } var PAGE_EVENT_HOOKS = ['onPullDownRefresh', 'onReachBottom', 'onAddToFavorites', 'onShareTimeline', 'onShareAppMessage', 'onPageScroll', 'onResize', 'onTabItemTap']; function initMocks(vm, mocks) { var mpInstance = vm.$mp[vm.mpType]; mocks.forEach(function (mock) { if (hasOwn(mpInstance, mock)) { vm[mock] = mpInstance[mock]; } }); } function hasHook(hook, vueOptions) { if (!vueOptions) { return true; } if (_vue.default.options && Array.isArray(_vue.default.options[hook])) { return true; } vueOptions = vueOptions.default || vueOptions; if (isFn(vueOptions)) { if (isFn(vueOptions.extendOptions[hook])) { return true; } if (vueOptions.super && vueOptions.super.options && Array.isArray(vueOptions.super.options[hook])) { return true; } return false; } if (isFn(vueOptions[hook]) || Array.isArray(vueOptions[hook])) { return true; } var mixins = vueOptions.mixins; if (Array.isArray(mixins)) { return !!mixins.find(function (mixin) { return hasHook(hook, mixin); }); } } function initHooks(mpOptions, hooks, vueOptions) { hooks.forEach(function (hook) { if (hasHook(hook, vueOptions)) { mpOptions[hook] = function (args) { return this.$vm && this.$vm.__call_hook(hook, args); }; } }); } function initUnknownHooks(mpOptions, vueOptions) { var excludes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : []; findHooks(vueOptions).forEach(function (hook) { return initHook$1(mpOptions, hook, excludes); }); } function findHooks(vueOptions) { var hooks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; if (vueOptions) { Object.keys(vueOptions).forEach(function (name) { if (name.indexOf('on') === 0 && isFn(vueOptions[name])) { hooks.push(name); } }); } return hooks; } function initHook$1(mpOptions, hook, excludes) { if (excludes.indexOf(hook) === -1 && !hasOwn(mpOptions, hook)) { mpOptions[hook] = function (args) { return this.$vm && this.$vm.__call_hook(hook, args); }; } } function initVueComponent(Vue, vueOptions) { vueOptions = vueOptions.default || vueOptions; var VueComponent; if (isFn(vueOptions)) { VueComponent = vueOptions; } else { VueComponent = Vue.extend(vueOptions); } vueOptions = VueComponent.options; return [VueComponent, vueOptions]; } function initSlots(vm, vueSlots) { if (Array.isArray(vueSlots) && vueSlots.length) { var $slots = Object.create(null); vueSlots.forEach(function (slotName) { $slots[slotName] = true; }); vm.$scopedSlots = vm.$slots = $slots; } } function initVueIds(vueIds, mpInstance) { vueIds = (vueIds || '').split(','); var len = vueIds.length; if (len === 1) { mpInstance._$vueId = vueIds[0]; } else if (len === 2) { mpInstance._$vueId = vueIds[0]; mpInstance._$vuePid = vueIds[1]; } } function initData(vueOptions, context) { var data = vueOptions.data || {}; var methods = vueOptions.methods || {}; if (typeof data === 'function') { try { data = data.call(context); // 支持 Vue.prototype 上挂的数据 } catch (e) { if (Object({"NODE_ENV":"development","VUE_APP_DARK_MODE":"false","VUE_APP_NAME":"华莱士CRM","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG) { console.warn('根据 Vue 的 data 函数初始化小程序 data 失败,请尽量确保 data 函数中不访问 vm 对象,否则可能影响首次数据渲染速度。', data); } } } else { try { // 对 data 格式化 data = JSON.parse(JSON.stringify(data)); } catch (e) {} } if (!isPlainObject(data)) { data = {}; } Object.keys(methods).forEach(function (methodName) { if (context.__lifecycle_hooks__.indexOf(methodName) === -1 && !hasOwn(data, methodName)) { data[methodName] = methods[methodName]; } }); return data; } var PROP_TYPES = [String, Number, Boolean, Object, Array, null]; function createObserver(name) { return function observer(newVal, oldVal) { if (this.$vm) { this.$vm[name] = newVal; // 为了触发其他非 render watcher } }; } function initBehaviors(vueOptions, initBehavior) { var vueBehaviors = vueOptions.behaviors; var vueExtends = vueOptions.extends; var vueMixins = vueOptions.mixins; var vueProps = vueOptions.props; if (!vueProps) { vueOptions.props = vueProps = []; } var behaviors = []; if (Array.isArray(vueBehaviors)) { vueBehaviors.forEach(function (behavior) { behaviors.push(behavior.replace('uni://', "wx".concat("://"))); if (behavior === 'uni://form-field') { if (Array.isArray(vueProps)) { vueProps.push('name'); vueProps.push('value'); } else { vueProps.name = { type: String, default: '' }; vueProps.value = { type: [String, Number, Boolean, Array, Object, Date], default: '' }; } } }); } if (isPlainObject(vueExtends) && vueExtends.props) { behaviors.push(initBehavior({ properties: initProperties(vueExtends.props, true) })); } if (Array.isArray(vueMixins)) { vueMixins.forEach(function (vueMixin) { if (isPlainObject(vueMixin) && vueMixin.props) { behaviors.push(initBehavior({ properties: initProperties(vueMixin.props, true) })); } }); } return behaviors; } function parsePropType(key, type, defaultValue, file) { // [String]=>String if (Array.isArray(type) && type.length === 1) { return type[0]; } return type; } function initProperties(props) { var isBehavior = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; var file = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ''; var options = arguments.length > 3 ? arguments[3] : undefined; var properties = {}; if (!isBehavior) { properties.vueId = { type: String, value: '' }; { if (options.virtualHost) { properties.virtualHostStyle = { type: null, value: '' }; properties.virtualHostClass = { type: null, value: '' }; } } // scopedSlotsCompiler auto properties.scopedSlotsCompiler = { type: String, value: '' }; properties.vueSlots = { // 小程序不能直接定义 $slots 的 props,所以通过 vueSlots 转换到 $slots type: null, value: [], observer: function observer(newVal, oldVal) { var $slots = Object.create(null); newVal.forEach(function (slotName) { $slots[slotName] = true; }); this.setData({ $slots: $slots }); } }; } if (Array.isArray(props)) { // ['title'] props.forEach(function (key) { properties[key] = { type: null, observer: createObserver(key) }; }); } else if (isPlainObject(props)) { // {title:{type:String,default:''},content:String} Object.keys(props).forEach(function (key) { var opts = props[key]; if (isPlainObject(opts)) { // title:{type:String,default:''} var value = opts.default; if (isFn(value)) { value = value(); } opts.type = parsePropType(key, opts.type); properties[key] = { type: PROP_TYPES.indexOf(opts.type) !== -1 ? opts.type : null, value: value, observer: createObserver(key) }; } else { // content:String var type = parsePropType(key, opts); properties[key] = { type: PROP_TYPES.indexOf(type) !== -1 ? type : null, observer: createObserver(key) }; } }); } return properties; } function wrapper$1(event) { // TODO 又得兼容 mpvue 的 mp 对象 try { event.mp = JSON.parse(JSON.stringify(event)); } catch (e) {} event.stopPropagation = noop; event.preventDefault = noop; event.target = event.target || {}; if (!hasOwn(event, 'detail')) { event.detail = {}; } if (hasOwn(event, 'markerId')) { event.detail = (0, _typeof2.default)(event.detail) === 'object' ? event.detail : {}; event.detail.markerId = event.markerId; } if (isPlainObject(event.detail)) { event.target = Object.assign({}, event.target, event.detail); } return event; } function getExtraValue(vm, dataPathsArray) { var context = vm; dataPathsArray.forEach(function (dataPathArray) { var dataPath = dataPathArray[0]; var value = dataPathArray[2]; if (dataPath || typeof value !== 'undefined') { // ['','',index,'disable'] var propPath = dataPathArray[1]; var valuePath = dataPathArray[3]; var vFor; if (Number.isInteger(dataPath)) { vFor = dataPath; } else if (!dataPath) { vFor = context; } else if (typeof dataPath === 'string' && dataPath) { if (dataPath.indexOf('#s#') === 0) { vFor = dataPath.substr(3); } else { vFor = vm.__get_value(dataPath, context); } } if (Number.isInteger(vFor)) { context = value; } else if (!propPath) { context = vFor[value]; } else { if (Array.isArray(vFor)) { context = vFor.find(function (vForItem) { return vm.__get_value(propPath, vForItem) === value; }); } else if (isPlainObject(vFor)) { context = Object.keys(vFor).find(function (vForKey) { return vm.__get_value(propPath, vFor[vForKey]) === value; }); } else { console.error('v-for 暂不支持循环数据:', vFor); } } if (valuePath) { context = vm.__get_value(valuePath, context); } } }); return context; } function processEventExtra(vm, extra, event, __args__) { var extraObj = {}; if (Array.isArray(extra) && extra.length) { /** *[ * ['data.items', 'data.id', item.data.id], * ['metas', 'id', meta.id] *], *[ * ['data.items', 'data.id', item.data.id], * ['metas', 'id', meta.id] *], *'test' */ extra.forEach(function (dataPath, index) { if (typeof dataPath === 'string') { if (!dataPath) { // model,prop.sync extraObj['$' + index] = vm; } else { if (dataPath === '$event') { // $event extraObj['$' + index] = event; } else if (dataPath === 'arguments') { extraObj['$' + index] = event.detail ? event.detail.__args__ || __args__ : __args__; } else if (dataPath.indexOf('$event.') === 0) { // $event.target.value extraObj['$' + index] = vm.__get_value(dataPath.replace('$event.', ''), event); } else { extraObj['$' + index] = vm.__get_value(dataPath); } } } else { extraObj['$' + index] = getExtraValue(vm, dataPath); } }); } return extraObj; } function getObjByArray(arr) { var obj = {}; for (var i = 1; i < arr.length; i++) { var element = arr[i]; obj[element[0]] = element[1]; } return obj; } function processEventArgs(vm, event) { var args = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : []; var extra = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : []; var isCustom = arguments.length > 4 ? arguments[4] : undefined; var methodName = arguments.length > 5 ? arguments[5] : undefined; var isCustomMPEvent = false; // wxcomponent 组件,传递原始 event 对象 // fixed 用户直接触发 mpInstance.triggerEvent var __args__ = isPlainObject(event.detail) ? event.detail.__args__ || [event.detail] : [event.detail]; if (isCustom) { // 自定义事件 isCustomMPEvent = event.currentTarget && event.currentTarget.dataset && event.currentTarget.dataset.comType === 'wx'; if (!args.length) { // 无参数,直接传入 event 或 detail 数组 if (isCustomMPEvent) { return [event]; } return __args__; } } var extraObj = processEventExtra(vm, extra, event, __args__); var ret = []; args.forEach(function (arg) { if (arg === '$event') { if (methodName === '__set_model' && !isCustom) { // input v-model value ret.push(event.target.value); } else { if (isCustom && !isCustomMPEvent) { ret.push(__args__[0]); } else { // wxcomponent 组件或内置组件 ret.push(event); } } } else { if (Array.isArray(arg) && arg[0] === 'o') { ret.push(getObjByArray(arg)); } else if (typeof arg === 'string' && hasOwn(extraObj, arg)) { ret.push(extraObj[arg]); } else { ret.push(arg); } } }); return ret; } var ONCE = '~'; var CUSTOM = '^'; function isMatchEventType(eventType, optType) { return eventType === optType || optType === 'regionchange' && (eventType === 'begin' || eventType === 'end'); } function getContextVm(vm) { var $parent = vm.$parent; // 父组件是 scoped slots 或者其他自定义组件时继续查找 while ($parent && $parent.$parent && ($parent.$options.generic || $parent.$parent.$options.generic || $parent.$scope._$vuePid)) { $parent = $parent.$parent; } return $parent && $parent.$parent; } function handleEvent(event) { var _this2 = this; event = wrapper$1(event); // [['tap',[['handle',[1,2,a]],['handle1',[1,2,a]]]]] var dataset = (event.currentTarget || event.target).dataset; if (!dataset) { return console.warn('事件信息不存在'); } var eventOpts = dataset.eventOpts || dataset['event-opts']; // 支付宝 web-view 组件 dataset 非驼峰 if (!eventOpts) { return console.warn('事件信息不存在'); } // [['handle',[1,2,a]],['handle1',[1,2,a]]] var eventType = event.type; var ret = []; eventOpts.forEach(function (eventOpt) { var type = eventOpt[0]; var eventsArray = eventOpt[1]; var isCustom = type.charAt(0) === CUSTOM; type = isCustom ? type.slice(1) : type; var isOnce = type.charAt(0) === ONCE; type = isOnce ? type.slice(1) : type; if (eventsArray && isMatchEventType(eventType, type)) { eventsArray.forEach(function (eventArray) { var methodName = eventArray[0]; if (methodName) { var handlerCtx = _this2.$vm; if (handlerCtx.$options.generic) { // mp-weixin,mp-toutiao 抽象节点模拟 scoped slots handlerCtx = getContextVm(handlerCtx) || handlerCtx; } if (methodName === '$emit') { handlerCtx.$emit.apply(handlerCtx, processEventArgs(_this2.$vm, event, eventArray[1], eventArray[2], isCustom, methodName)); return; } var handler = handlerCtx[methodName]; if (!isFn(handler)) { var _type = _this2.$vm.mpType === 'page' ? 'Page' : 'Component'; var path = _this2.route || _this2.is; throw new Error("".concat(_type, " \"").concat(path, "\" does not have a method \"").concat(methodName, "\"")); } if (isOnce) { if (handler.once) { return; } handler.once = true; } var params = processEventArgs(_this2.$vm, event, eventArray[1], eventArray[2], isCustom, methodName); params = Array.isArray(params) ? params : []; // 参数尾部增加原始事件对象用于复杂表达式内获取额外数据 if (/=\s*\S+\.eventParams\s*\|\|\s*\S+\[['"]event-params['"]\]/.test(handler.toString())) { // eslint-disable-next-line no-sparse-arrays params = params.concat([,,,,,,,,,, event]); } ret.push(handler.apply(handlerCtx, params)); } }); } }); if (eventType === 'input' && ret.length === 1 && typeof ret[0] !== 'undefined') { return ret[0]; } } var eventChannels = {}; function getEventChannel(id) { var eventChannel = eventChannels[id]; delete eventChannels[id]; return eventChannel; } var hooks = ['onShow', 'onHide', 'onError', 'onPageNotFound', 'onThemeChange', 'onUnhandledRejection']; function initEventChannel() { _vue.default.prototype.getOpenerEventChannel = function () { // 微信小程序使用自身getOpenerEventChannel { return this.$scope.getOpenerEventChannel(); } }; var callHook = _vue.default.prototype.__call_hook; _vue.default.prototype.__call_hook = function (hook, args) { if (hook === 'onLoad' && args && args.__id__) { this.__eventChannel__ = getEventChannel(args.__id__); delete args.__id__; } return callHook.call(this, hook, args); }; } function initScopedSlotsParams() { var center = {}; var parents = {}; function currentId(fn) { var vueIds = this.$options.propsData.vueId; if (vueIds) { var vueId = vueIds.split(',')[0]; fn(vueId); } } _vue.default.prototype.$hasSSP = function (vueId) { var slot = center[vueId]; if (!slot) { parents[vueId] = this; this.$on('hook:destroyed', function () { delete parents[vueId]; }); } return slot; }; _vue.default.prototype.$getSSP = function (vueId, name, needAll) { var slot = center[vueId]; if (slot) { var params = slot[name] || []; if (needAll) { return params; } return params[0]; } }; _vue.default.prototype.$setSSP = function (name, value) { var index = 0; currentId.call(this, function (vueId) { var slot = center[vueId]; var params = slot[name] = slot[name] || []; params.push(value); index = params.length - 1; }); return index; }; _vue.default.prototype.$initSSP = function () { currentId.call(this, function (vueId) { center[vueId] = {}; }); }; _vue.default.prototype.$callSSP = function () { currentId.call(this, function (vueId) { if (parents[vueId]) { parents[vueId].$forceUpdate(); } }); }; _vue.default.mixin({ destroyed: function destroyed() { var propsData = this.$options.propsData; var vueId = propsData && propsData.vueId; if (vueId) { delete center[vueId]; delete parents[vueId]; } } }); } function parseBaseApp(vm, _ref4) { var mocks = _ref4.mocks, initRefs = _ref4.initRefs; initEventChannel(); { initScopedSlotsParams(); } if (vm.$options.store) { _vue.default.prototype.$store = vm.$options.store; } uniIdMixin(_vue.default); _vue.default.prototype.mpHost = "mp-weixin"; _vue.default.mixin({ beforeCreate: function beforeCreate() { if (!this.$options.mpType) { return; } this.mpType = this.$options.mpType; this.$mp = (0, _defineProperty2.default)({ data: {} }, this.mpType, this.$options.mpInstance); this.$scope = this.$options.mpInstance; delete this.$options.mpType; delete this.$options.mpInstance; if (this.mpType === 'page' && typeof getApp === 'function') { // hack vue-i18n var app = getApp(); if (app.$vm && app.$vm.$i18n) { this._i18n = app.$vm.$i18n; } } if (this.mpType !== 'app') { initRefs(this); initMocks(this, mocks); } } }); var appOptions = { onLaunch: function onLaunch(args) { if (this.$vm) { // 已经初始化过了,主要是为了百度,百度 onShow 在 onLaunch 之前 return; } { if (wx.canIUse && !wx.canIUse('nextTick')) { // 事实 上2.2.3 即可,简单使用 2.3.0 的 nextTick 判断 console.error('当前微信基础库版本过低,请将 微信开发者工具-详情-项目设置-调试基础库版本 更换为`2.3.0`以上'); } } this.$vm = vm; this.$vm.$mp = { app: this }; this.$vm.$scope = this; // vm 上也挂载 globalData this.$vm.globalData = this.globalData; this.$vm._isMounted = true; this.$vm.__call_hook('mounted', args); this.$vm.__call_hook('onLaunch', args); } }; // 兼容旧版本 globalData appOptions.globalData = vm.$options.globalData || {}; // 将 methods 中的方法挂在 getApp() 中 var methods = vm.$options.methods; if (methods) { Object.keys(methods).forEach(function (name) { appOptions[name] = methods[name]; }); } initAppLocale(_vue.default, vm, getLocaleLanguage$1()); initHooks(appOptions, hooks); initUnknownHooks(appOptions, vm.$options); return appOptions; } function getLocaleLanguage$1() { var localeLanguage = ''; { var appBaseInfo = wx.getAppBaseInfo(); var language = appBaseInfo && appBaseInfo.language ? appBaseInfo.language : LOCALE_EN; localeLanguage = normalizeLocale(language) || LOCALE_EN; } return localeLanguage; } function parseApp(vm) { return parseBaseApp(vm, { mocks: mocks, initRefs: initRefs }); } function createApp(vm) { App(parseApp(vm)); return vm; } var encodeReserveRE = /[!'()*]/g; var encodeReserveReplacer = function encodeReserveReplacer(c) { return '%' + c.charCodeAt(0).toString(16); }; var commaRE = /%2C/g; // fixed encodeURIComponent which is more conformant to RFC3986: // - escapes [!'()*] // - preserve commas var encode = function encode(str) { return encodeURIComponent(str).replace(encodeReserveRE, encodeReserveReplacer).replace(commaRE, ','); }; function stringifyQuery(obj) { var encodeStr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : encode; var res = obj ? Object.keys(obj).map(function (key) { var val = obj[key]; if (val === undefined) { return ''; } if (val === null) { return encodeStr(key); } if (Array.isArray(val)) { var result = []; val.forEach(function (val2) { if (val2 === undefined) { return; } if (val2 === null) { result.push(encodeStr(key)); } else { result.push(encodeStr(key) + '=' + encodeStr(val2)); } }); return result.join('&'); } return encodeStr(key) + '=' + encodeStr(val); }).filter(function (x) { return x.length > 0; }).join('&') : null; return res ? "?".concat(res) : ''; } function parseBaseComponent(vueComponentOptions) { var _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}, isPage = _ref5.isPage, initRelation = _ref5.initRelation; var needVueOptions = arguments.length > 2 ? arguments[2] : undefined; var _initVueComponent = initVueComponent(_vue.default, vueComponentOptions), _initVueComponent2 = (0, _slicedToArray2.default)(_initVueComponent, 2), VueComponent = _initVueComponent2[0], vueOptions = _initVueComponent2[1]; var options = _objectSpread({ multipleSlots: true, // styleIsolation: 'apply-shared', addGlobalClass: true }, vueOptions.options || {}); { // 微信 multipleSlots 部分情况有 bug,导致内容顺序错乱 如 u-list,提供覆盖选项 if (vueOptions['mp-weixin'] && vueOptions['mp-weixin'].options) { Object.assign(options, vueOptions['mp-weixin'].options); } } var componentOptions = { options: options, data: initData(vueOptions, _vue.default.prototype), behaviors: initBehaviors(vueOptions, initBehavior), properties: initProperties(vueOptions.props, false, vueOptions.__file, options), lifetimes: { attached: function attached() { var properties = this.properties; var options = { mpType: isPage.call(this) ? 'page' : 'component', mpInstance: this, propsData: properties }; initVueIds(properties.vueId, this); // 处理父子关系 initRelation.call(this, { vuePid: this._$vuePid, vueOptions: options }); // 初始化 vue 实例 this.$vm = new VueComponent(options); // 处理$slots,$scopedSlots(暂不支持动态变化$slots) initSlots(this.$vm, properties.vueSlots); // 触发首次 setData this.$vm.$mount(); }, ready: function ready() { // 当组件 props 默认值为 true,初始化时传入 false 会导致 created,ready 触发, 但 attached 不触发 // https://developers.weixin.qq.com/community/develop/doc/00066ae2844cc0f8eb883e2a557800 if (this.$vm) { this.$vm._isMounted = true; this.$vm.__call_hook('mounted'); this.$vm.__call_hook('onReady'); } }, detached: function detached() { this.$vm && this.$vm.$destroy(); } }, pageLifetimes: { show: function show(args) { this.$vm && this.$vm.__call_hook('onPageShow', args); }, hide: function hide() { this.$vm && this.$vm.__call_hook('onPageHide'); }, resize: function resize(size) { this.$vm && this.$vm.__call_hook('onPageResize', size); } }, methods: { __l: handleLink, __e: handleEvent } }; // externalClasses if (vueOptions.externalClasses) { componentOptions.externalClasses = vueOptions.externalClasses; } if (Array.isArray(vueOptions.wxsCallMethods)) { vueOptions.wxsCallMethods.forEach(function (callMethod) { componentOptions.methods[callMethod] = function (args) { return this.$vm[callMethod](args); }; }); } if (needVueOptions) { return [componentOptions, vueOptions, VueComponent]; } if (isPage) { return componentOptions; } return [componentOptions, VueComponent]; } function parseComponent(vueComponentOptions, needVueOptions) { return parseBaseComponent(vueComponentOptions, { isPage: isPage, initRelation: initRelation }, needVueOptions); } var hooks$1 = ['onShow', 'onHide', 'onUnload']; hooks$1.push.apply(hooks$1, PAGE_EVENT_HOOKS); function parseBasePage(vuePageOptions) { var _parseComponent = parseComponent(vuePageOptions, true), _parseComponent2 = (0, _slicedToArray2.default)(_parseComponent, 2), pageOptions = _parseComponent2[0], vueOptions = _parseComponent2[1]; initHooks(pageOptions.methods, hooks$1, vueOptions); pageOptions.methods.onLoad = function (query) { this.options = query; var copyQuery = Object.assign({}, query); delete copyQuery.__id__; this.$page = { fullPath: '/' + (this.route || this.is) + stringifyQuery(copyQuery) }; this.$vm.$mp.query = query; // 兼容 mpvue this.$vm.__call_hook('onLoad', query); }; { initUnknownHooks(pageOptions.methods, vuePageOptions, ['onReady']); } { initWorkletMethods(pageOptions.methods, vueOptions.methods); } return pageOptions; } function parsePage(vuePageOptions) { return parseBasePage(vuePageOptions); } function createPage(vuePageOptions) { { return Component(parsePage(vuePageOptions)); } } function createComponent(vueOptions) { { return Component(parseComponent(vueOptions)); } } function createSubpackageApp(vm) { var appOptions = parseApp(vm); var app = getApp({ allowDefault: true }); vm.$scope = app; var globalData = app.globalData; if (globalData) { Object.keys(appOptions.globalData).forEach(function (name) { if (!hasOwn(globalData, name)) { globalData[name] = appOptions.globalData[name]; } }); } Object.keys(appOptions).forEach(function (name) { if (!hasOwn(app, name)) { app[name] = appOptions[name]; } }); if (isFn(appOptions.onShow) && wx.onAppShow) { wx.onAppShow(function () { for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) { args[_key6] = arguments[_key6]; } vm.__call_hook('onShow', args); }); } if (isFn(appOptions.onHide) && wx.onAppHide) { wx.onAppHide(function () { for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) { args[_key7] = arguments[_key7]; } vm.__call_hook('onHide', args); }); } if (isFn(appOptions.onLaunch)) { var args = wx.getLaunchOptionsSync && wx.getLaunchOptionsSync(); vm.__call_hook('onLaunch', args); } return vm; } function createPlugin(vm) { var appOptions = parseApp(vm); if (isFn(appOptions.onShow) && wx.onAppShow) { wx.onAppShow(function () { for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) { args[_key8] = arguments[_key8]; } vm.__call_hook('onShow', args); }); } if (isFn(appOptions.onHide) && wx.onAppHide) { wx.onAppHide(function () { for (var _len9 = arguments.length, args = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) { args[_key9] = arguments[_key9]; } vm.__call_hook('onHide', args); }); } if (isFn(appOptions.onLaunch)) { var args = wx.getLaunchOptionsSync && wx.getLaunchOptionsSync(); vm.__call_hook('onLaunch', args); } return vm; } todos.forEach(function (todoApi) { protocols[todoApi] = false; }); canIUses.forEach(function (canIUseApi) { var apiName = protocols[canIUseApi] && protocols[canIUseApi].name ? protocols[canIUseApi].name : canIUseApi; if (!wx.canIUse(apiName)) { protocols[canIUseApi] = false; } }); var uni = {}; if (typeof Proxy !== 'undefined' && "mp-weixin" !== 'app-plus') { uni = new Proxy({}, { get: function get(target, name) { if (hasOwn(target, name)) { return target[name]; } if (baseApi[name]) { return baseApi[name]; } if (api[name]) { return promisify(name, api[name]); } { if (extraApi[name]) { return promisify(name, extraApi[name]); } if (todoApis[name]) { return promisify(name, todoApis[name]); } } if (eventApi[name]) { return eventApi[name]; } return promisify(name, wrapper(name, wx[name])); }, set: function set(target, name, value) { target[name] = value; return true; } }); } else { Object.keys(baseApi).forEach(function (name) { uni[name] = baseApi[name]; }); { Object.keys(todoApis).forEach(function (name) { uni[name] = promisify(name, todoApis[name]); }); Object.keys(extraApi).forEach(function (name) { uni[name] = promisify(name, extraApi[name]); }); } Object.keys(eventApi).forEach(function (name) { uni[name] = eventApi[name]; }); Object.keys(api).forEach(function (name) { uni[name] = promisify(name, api[name]); }); Object.keys(wx).forEach(function (name) { if (hasOwn(wx, name) || hasOwn(protocols, name)) { uni[name] = promisify(name, wrapper(name, wx[name])); } }); } wx.createApp = createApp; wx.createPage = createPage; wx.createComponent = createComponent; wx.createSubpackageApp = createSubpackageApp; wx.createPlugin = createPlugin; var uni$1 = uni; var _default = uni$1; exports.default = _default; /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/wx.js */ 1)["default"], __webpack_require__(/*! ./../../../webpack/buildin/global.js */ 3))) /***/ }), /***/ 20: /*!****************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/iterableToArray.js ***! \****************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); } module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports; /***/ }), /***/ 21: /*!******************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/nonIterableSpread.js ***! \******************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports["default"] = module.exports; /***/ }), /***/ 210: /*!***********************************************************************!*\ !*** D:/里派项目/qingdong-3.2.3-extended/uniapp/crm/crm/common/common.js ***! \***********************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* WEBPACK VAR INJECTION */(function(uni) { var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ 4); Object.defineProperty(exports, "__esModule", { value: true }); exports.commonF = void 0; var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ 18)); var _index = __webpack_require__(/*! @/api/index.js */ 70); var commonF = { onShow: function onShow() { this.remindPeople = []; this.getDefaultRemind(); }, //监听 页面 卸载 onUnload: function onUnload() { uni.removeStorageSync('remindlist'); }, methods: { //获取 需要默认提醒的人 getDefaultRemind: function getDefaultRemind() { var _this = this; (0, _index.netStaffDefaultReviewer)({ type: this.remindType }).then(function (res) { res = res.data; res.forEach(function (ele, index) { ele.isDel = false; }); _this.remindPeople = _this.$deWeight([].concat((0, _toConsumableArray2.default)(res), (0, _toConsumableArray2.default)(uni.getStorageSync('remindlist')))); }); }, //删除 提醒人 delRemind: function delRemind(index) { this.remindPeople.splice(index, 1); uni.setStorageSync('remindlist', this.remindPeople); } } }; exports.commonF = commonF; /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"])) /***/ }), /***/ 22: /*!*************************************************************!*\ !*** ./node_modules/@dcloudio/uni-i18n/dist/uni-i18n.es.js ***! \*************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* WEBPACK VAR INJECTION */(function(uni, global) { var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ 4); Object.defineProperty(exports, "__esModule", { value: true }); exports.LOCALE_ZH_HANT = exports.LOCALE_ZH_HANS = exports.LOCALE_FR = exports.LOCALE_ES = exports.LOCALE_EN = exports.I18n = exports.Formatter = void 0; exports.compileI18nJsonStr = compileI18nJsonStr; exports.hasI18nJson = hasI18nJson; exports.initVueI18n = initVueI18n; exports.isI18nStr = isI18nStr; exports.isString = void 0; exports.normalizeLocale = normalizeLocale; exports.parseI18nJson = parseI18nJson; exports.resolveLocale = resolveLocale; var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ 5)); var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ 23)); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ 24)); var _typeof2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/typeof */ 13)); var isObject = function isObject(val) { return val !== null && (0, _typeof2.default)(val) === 'object'; }; var defaultDelimiters = ['{', '}']; var BaseFormatter = /*#__PURE__*/function () { function BaseFormatter() { (0, _classCallCheck2.default)(this, BaseFormatter); this._caches = Object.create(null); } (0, _createClass2.default)(BaseFormatter, [{ key: "interpolate", value: function interpolate(message, values) { var delimiters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultDelimiters; if (!values) { return [message]; } var tokens = this._caches[message]; if (!tokens) { tokens = parse(message, delimiters); this._caches[message] = tokens; } return compile(tokens, values); } }]); return BaseFormatter; }(); exports.Formatter = BaseFormatter; var RE_TOKEN_LIST_VALUE = /^(?:\d)+/; var RE_TOKEN_NAMED_VALUE = /^(?:\w)+/; function parse(format, _ref) { var _ref2 = (0, _slicedToArray2.default)(_ref, 2), startDelimiter = _ref2[0], endDelimiter = _ref2[1]; var tokens = []; var position = 0; var text = ''; while (position < format.length) { var char = format[position++]; if (char === startDelimiter) { if (text) { tokens.push({ type: 'text', value: text }); } text = ''; var sub = ''; char = format[position++]; while (char !== undefined && char !== endDelimiter) { sub += char; char = format[position++]; } var isClosed = char === endDelimiter; var type = RE_TOKEN_LIST_VALUE.test(sub) ? 'list' : isClosed && RE_TOKEN_NAMED_VALUE.test(sub) ? 'named' : 'unknown'; tokens.push({ value: sub, type: type }); } // else if (char === '%') { // // when found rails i18n syntax, skip text capture // if (format[position] !== '{') { // text += char // } // } else { text += char; } } text && tokens.push({ type: 'text', value: text }); return tokens; } function compile(tokens, values) { var compiled = []; var index = 0; var mode = Array.isArray(values) ? 'list' : isObject(values) ? 'named' : 'unknown'; if (mode === 'unknown') { return compiled; } while (index < tokens.length) { var token = tokens[index]; switch (token.type) { case 'text': compiled.push(token.value); break; case 'list': compiled.push(values[parseInt(token.value, 10)]); break; case 'named': if (mode === 'named') { compiled.push(values[token.value]); } else { if (true) { console.warn("Type of token '".concat(token.type, "' and format of value '").concat(mode, "' don't match!")); } } break; case 'unknown': if (true) { console.warn("Detect 'unknown' type of token!"); } break; } index++; } return compiled; } var LOCALE_ZH_HANS = 'zh-Hans'; exports.LOCALE_ZH_HANS = LOCALE_ZH_HANS; var LOCALE_ZH_HANT = 'zh-Hant'; exports.LOCALE_ZH_HANT = LOCALE_ZH_HANT; var LOCALE_EN = 'en'; exports.LOCALE_EN = LOCALE_EN; var LOCALE_FR = 'fr'; exports.LOCALE_FR = LOCALE_FR; var LOCALE_ES = 'es'; exports.LOCALE_ES = LOCALE_ES; var hasOwnProperty = Object.prototype.hasOwnProperty; var hasOwn = function hasOwn(val, key) { return hasOwnProperty.call(val, key); }; var defaultFormatter = new BaseFormatter(); function include(str, parts) { return !!parts.find(function (part) { return str.indexOf(part) !== -1; }); } function startsWith(str, parts) { return parts.find(function (part) { return str.indexOf(part) === 0; }); } function normalizeLocale(locale, messages) { if (!locale) { return; } locale = locale.trim().replace(/_/g, '-'); if (messages && messages[locale]) { return locale; } locale = locale.toLowerCase(); if (locale === 'chinese') { // 支付宝 return LOCALE_ZH_HANS; } if (locale.indexOf('zh') === 0) { if (locale.indexOf('-hans') > -1) { return LOCALE_ZH_HANS; } if (locale.indexOf('-hant') > -1) { return LOCALE_ZH_HANT; } if (include(locale, ['-tw', '-hk', '-mo', '-cht'])) { return LOCALE_ZH_HANT; } return LOCALE_ZH_HANS; } var locales = [LOCALE_EN, LOCALE_FR, LOCALE_ES]; if (messages && Object.keys(messages).length > 0) { locales = Object.keys(messages); } var lang = startsWith(locale, locales); if (lang) { return lang; } } var I18n = /*#__PURE__*/function () { function I18n(_ref3) { var locale = _ref3.locale, fallbackLocale = _ref3.fallbackLocale, messages = _ref3.messages, watcher = _ref3.watcher, formater = _ref3.formater; (0, _classCallCheck2.default)(this, I18n); this.locale = LOCALE_EN; this.fallbackLocale = LOCALE_EN; this.message = {}; this.messages = {}; this.watchers = []; if (fallbackLocale) { this.fallbackLocale = fallbackLocale; } this.formater = formater || defaultFormatter; this.messages = messages || {}; this.setLocale(locale || LOCALE_EN); if (watcher) { this.watchLocale(watcher); } } (0, _createClass2.default)(I18n, [{ key: "setLocale", value: function setLocale(locale) { var _this = this; var oldLocale = this.locale; this.locale = normalizeLocale(locale, this.messages) || this.fallbackLocale; if (!this.messages[this.locale]) { // 可能初始化时不存在 this.messages[this.locale] = {}; } this.message = this.messages[this.locale]; // 仅发生变化时,通知 if (oldLocale !== this.locale) { this.watchers.forEach(function (watcher) { watcher(_this.locale, oldLocale); }); } } }, { key: "getLocale", value: function getLocale() { return this.locale; } }, { key: "watchLocale", value: function watchLocale(fn) { var _this2 = this; var index = this.watchers.push(fn) - 1; return function () { _this2.watchers.splice(index, 1); }; } }, { key: "add", value: function add(locale, message) { var override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true; var curMessages = this.messages[locale]; if (curMessages) { if (override) { Object.assign(curMessages, message); } else { Object.keys(message).forEach(function (key) { if (!hasOwn(curMessages, key)) { curMessages[key] = message[key]; } }); } } else { this.messages[locale] = message; } } }, { key: "f", value: function f(message, values, delimiters) { return this.formater.interpolate(message, values, delimiters).join(''); } }, { key: "t", value: function t(key, locale, values) { var message = this.message; if (typeof locale === 'string') { locale = normalizeLocale(locale, this.messages); locale && (message = this.messages[locale]); } else { values = locale; } if (!hasOwn(message, key)) { console.warn("Cannot translate the value of keypath ".concat(key, ". Use the value of keypath as default.")); return key; } return this.formater.interpolate(message[key], values).join(''); } }]); return I18n; }(); exports.I18n = I18n; function watchAppLocale(appVm, i18n) { // 需要保证 watch 的触发在组件渲染之前 if (appVm.$watchLocale) { // vue2 appVm.$watchLocale(function (newLocale) { i18n.setLocale(newLocale); }); } else { appVm.$watch(function () { return appVm.$locale; }, function (newLocale) { i18n.setLocale(newLocale); }); } } function getDefaultLocale() { if (typeof uni !== 'undefined' && uni.getLocale) { return uni.getLocale(); } // 小程序平台,uni 和 uni-i18n 互相引用,导致访问不到 uni,故在 global 上挂了 getLocale if (typeof global !== 'undefined' && global.getLocale) { return global.getLocale(); } return LOCALE_EN; } function initVueI18n(locale) { var messages = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var fallbackLocale = arguments.length > 2 ? arguments[2] : undefined; var watcher = arguments.length > 3 ? arguments[3] : undefined; // 兼容旧版本入参 if (typeof locale !== 'string') { var _ref4 = [messages, locale]; locale = _ref4[0]; messages = _ref4[1]; } if (typeof locale !== 'string') { // 因为小程序平台,uni-i18n 和 uni 互相引用,导致此时访问 uni 时,为 undefined locale = getDefaultLocale(); } if (typeof fallbackLocale !== 'string') { fallbackLocale = typeof __uniConfig !== 'undefined' && __uniConfig.fallbackLocale || LOCALE_EN; } var i18n = new I18n({ locale: locale, fallbackLocale: fallbackLocale, messages: messages, watcher: watcher }); var _t = function t(key, values) { if (typeof getApp !== 'function') { // app view /* eslint-disable no-func-assign */ _t = function t(key, values) { return i18n.t(key, values); }; } else { var isWatchedAppLocale = false; _t = function t(key, values) { var appVm = getApp().$vm; // 可能$vm还不存在,比如在支付宝小程序中,组件定义较早,在props的default里使用了t()函数(如uni-goods-nav),此时app还未初始化 // options: { // type: Array, // default () { // return [{ // icon: 'shop', // text: t("uni-goods-nav.options.shop"), // }, { // icon: 'cart', // text: t("uni-goods-nav.options.cart") // }] // } // }, if (appVm) { // 触发响应式 appVm.$locale; if (!isWatchedAppLocale) { isWatchedAppLocale = true; watchAppLocale(appVm, i18n); } } return i18n.t(key, values); }; } return _t(key, values); }; return { i18n: i18n, f: function f(message, values, delimiters) { return i18n.f(message, values, delimiters); }, t: function t(key, values) { return _t(key, values); }, add: function add(locale, message) { var override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true; return i18n.add(locale, message, override); }, watch: function watch(fn) { return i18n.watchLocale(fn); }, getLocale: function getLocale() { return i18n.getLocale(); }, setLocale: function setLocale(newLocale) { return i18n.setLocale(newLocale); } }; } var isString = function isString(val) { return typeof val === 'string'; }; exports.isString = isString; var formater; function hasI18nJson(jsonObj, delimiters) { if (!formater) { formater = new BaseFormatter(); } return walkJsonObj(jsonObj, function (jsonObj, key) { var value = jsonObj[key]; if (isString(value)) { if (isI18nStr(value, delimiters)) { return true; } } else { return hasI18nJson(value, delimiters); } }); } function parseI18nJson(jsonObj, values, delimiters) { if (!formater) { formater = new BaseFormatter(); } walkJsonObj(jsonObj, function (jsonObj, key) { var value = jsonObj[key]; if (isString(value)) { if (isI18nStr(value, delimiters)) { jsonObj[key] = compileStr(value, values, delimiters); } } else { parseI18nJson(value, values, delimiters); } }); return jsonObj; } function compileI18nJsonStr(jsonStr, _ref5) { var locale = _ref5.locale, locales = _ref5.locales, delimiters = _ref5.delimiters; if (!isI18nStr(jsonStr, delimiters)) { return jsonStr; } if (!formater) { formater = new BaseFormatter(); } var localeValues = []; Object.keys(locales).forEach(function (name) { if (name !== locale) { localeValues.push({ locale: name, values: locales[name] }); } }); localeValues.unshift({ locale: locale, values: locales[locale] }); try { return JSON.stringify(compileJsonObj(JSON.parse(jsonStr), localeValues, delimiters), null, 2); } catch (e) {} return jsonStr; } function isI18nStr(value, delimiters) { return value.indexOf(delimiters[0]) > -1; } function compileStr(value, values, delimiters) { return formater.interpolate(value, values, delimiters).join(''); } function compileValue(jsonObj, key, localeValues, delimiters) { var value = jsonObj[key]; if (isString(value)) { // 存在国际化 if (isI18nStr(value, delimiters)) { jsonObj[key] = compileStr(value, localeValues[0].values, delimiters); if (localeValues.length > 1) { // 格式化国际化语言 var valueLocales = jsonObj[key + 'Locales'] = {}; localeValues.forEach(function (localValue) { valueLocales[localValue.locale] = compileStr(value, localValue.values, delimiters); }); } } } else { compileJsonObj(value, localeValues, delimiters); } } function compileJsonObj(jsonObj, localeValues, delimiters) { walkJsonObj(jsonObj, function (jsonObj, key) { compileValue(jsonObj, key, localeValues, delimiters); }); return jsonObj; } function walkJsonObj(jsonObj, walk) { if (Array.isArray(jsonObj)) { for (var i = 0; i < jsonObj.length; i++) { if (walk(jsonObj, i)) { return true; } } } else if (isObject(jsonObj)) { for (var key in jsonObj) { if (walk(jsonObj, key)) { return true; } } } return false; } function resolveLocale(locales) { return function (locale) { if (!locale) { return locale; } locale = normalizeLocale(locale) || locale; return resolveLocaleChain(locale).find(function (locale) { return locales.indexOf(locale) > -1; }); }; } function resolveLocaleChain(locale) { var chain = []; var tokens = locale.split('-'); while (tokens.length) { chain.push(tokens.join('-')); tokens.pop(); } return chain; } /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"], __webpack_require__(/*! ./../../../webpack/buildin/global.js */ 3))) /***/ }), /***/ 23: /*!***************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/classCallCheck.js ***! \***************************************************************/ /*! no static exports found */ /***/ (function(module, exports) { function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports; /***/ }), /***/ 24: /*!************************************************************!*\ !*** ./node_modules/@babel/runtime/helpers/createClass.js ***! \************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { var toPropertyKey = __webpack_require__(/*! ./toPropertyKey.js */ 12); function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor); } } function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; } module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports; /***/ }), /***/ 25: /*!******************************************************************************************!*\ !*** ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/mp-vue/dist/mp.runtime.esm.js ***! \******************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* WEBPACK VAR INJECTION */(function(global) {/*! * Vue.js v2.6.11 * (c) 2014-2024 Evan You * Released under the MIT License. */ /* */ var emptyObject = Object.freeze({}); // These helpers produce better VM code in JS engines due to their // explicitness and function inlining. function isUndef (v) { return v === undefined || v === null } function isDef (v) { return v !== undefined && v !== null } function isTrue (v) { return v === true } function isFalse (v) { return v === false } /** * Check if value is primitive. */ function isPrimitive (value) { return ( typeof value === 'string' || typeof value === 'number' || // $flow-disable-line typeof value === 'symbol' || typeof value === 'boolean' ) } /** * Quick object check - this is primarily used to tell * Objects from primitive values when we know the value * is a JSON-compliant type. */ function isObject (obj) { return obj !== null && typeof obj === 'object' } /** * Get the raw type string of a value, e.g., [object Object]. */ var _toString = Object.prototype.toString; function toRawType (value) { return _toString.call(value).slice(8, -1) } /** * Strict object type check. Only returns true * for plain JavaScript objects. */ function isPlainObject (obj) { return _toString.call(obj) === '[object Object]' } function isRegExp (v) { return _toString.call(v) === '[object RegExp]' } /** * Check if val is a valid array index. */ function isValidArrayIndex (val) { var n = parseFloat(String(val)); return n >= 0 && Math.floor(n) === n && isFinite(val) } function isPromise (val) { return ( isDef(val) && typeof val.then === 'function' && typeof val.catch === 'function' ) } /** * Convert a value to a string that is actually rendered. */ function toString (val) { return val == null ? '' : Array.isArray(val) || (isPlainObject(val) && val.toString === _toString) ? JSON.stringify(val, null, 2) : String(val) } /** * Convert an input value to a number for persistence. * If the conversion fails, return original string. */ function toNumber (val) { var n = parseFloat(val); return isNaN(n) ? val : n } /** * Make a map and return a function for checking if a key * is in that map. */ function makeMap ( str, expectsLowerCase ) { var map = Object.create(null); var list = str.split(','); for (var i = 0; i < list.length; i++) { map[list[i]] = true; } return expectsLowerCase ? function (val) { return map[val.toLowerCase()]; } : function (val) { return map[val]; } } /** * Check if a tag is a built-in tag. */ var isBuiltInTag = makeMap('slot,component', true); /** * Check if an attribute is a reserved attribute. */ var isReservedAttribute = makeMap('key,ref,slot,slot-scope,is'); /** * Remove an item from an array. */ function remove (arr, item) { if (arr.length) { var index = arr.indexOf(item); if (index > -1) { return arr.splice(index, 1) } } } /** * Check whether an object has the property. */ var hasOwnProperty = Object.prototype.hasOwnProperty; function hasOwn (obj, key) { return hasOwnProperty.call(obj, key) } /** * Create a cached version of a pure function. */ function cached (fn) { var cache = Object.create(null); return (function cachedFn (str) { var hit = cache[str]; return hit || (cache[str] = fn(str)) }) } /** * Camelize a hyphen-delimited string. */ var camelizeRE = /-(\w)/g; var camelize = cached(function (str) { return str.replace(camelizeRE, function (_, c) { return c ? c.toUpperCase() : ''; }) }); /** * Capitalize a string. */ var capitalize = cached(function (str) { return str.charAt(0).toUpperCase() + str.slice(1) }); /** * Hyphenate a camelCase string. */ var hyphenateRE = /\B([A-Z])/g; var hyphenate = cached(function (str) { return str.replace(hyphenateRE, '-$1').toLowerCase() }); /** * Simple bind polyfill for environments that do not support it, * e.g., PhantomJS 1.x. Technically, we don't need this anymore * since native bind is now performant enough in most browsers. * But removing it would mean breaking code that was able to run in * PhantomJS 1.x, so this must be kept for backward compatibility. */ /* istanbul ignore next */ function polyfillBind (fn, ctx) { function boundFn (a) { var l = arguments.length; return l ? l > 1 ? fn.apply(ctx, arguments) : fn.call(ctx, a) : fn.call(ctx) } boundFn._length = fn.length; return boundFn } function nativeBind (fn, ctx) { return fn.bind(ctx) } var bind = Function.prototype.bind ? nativeBind : polyfillBind; /** * Convert an Array-like object to a real Array. */ function toArray (list, start) { start = start || 0; var i = list.length - start; var ret = new Array(i); while (i--) { ret[i] = list[i + start]; } return ret } /** * Mix properties into target object. */ function extend (to, _from) { for (var key in _from) { to[key] = _from[key]; } return to } /** * Merge an Array of Objects into a single Object. */ function toObject (arr) { var res = {}; for (var i = 0; i < arr.length; i++) { if (arr[i]) { extend(res, arr[i]); } } return res } /* eslint-disable no-unused-vars */ /** * Perform no operation. * Stubbing args to make Flow happy without leaving useless transpiled code * with ...rest (https://flow.org/blog/2017/05/07/Strict-Function-Call-Arity/). */ function noop (a, b, c) {} /** * Always return false. */ var no = function (a, b, c) { return false; }; /* eslint-enable no-unused-vars */ /** * Return the same value. */ var identity = function (_) { return _; }; /** * Check if two values are loosely equal - that is, * if they are plain objects, do they have the same shape? */ function looseEqual (a, b) { if (a === b) { return true } var isObjectA = isObject(a); var isObjectB = isObject(b); if (isObjectA && isObjectB) { try { var isArrayA = Array.isArray(a); var isArrayB = Array.isArray(b); if (isArrayA && isArrayB) { return a.length === b.length && a.every(function (e, i) { return looseEqual(e, b[i]) }) } else if (a instanceof Date && b instanceof Date) { return a.getTime() === b.getTime() } else if (!isArrayA && !isArrayB) { var keysA = Object.keys(a); var keysB = Object.keys(b); return keysA.length === keysB.length && keysA.every(function (key) { return looseEqual(a[key], b[key]) }) } else { /* istanbul ignore next */ return false } } catch (e) { /* istanbul ignore next */ return false } } else if (!isObjectA && !isObjectB) { return String(a) === String(b) } else { return false } } /** * Return the first index at which a loosely equal value can be * found in the array (if value is a plain object, the array must * contain an object of the same shape), or -1 if it is not present. */ function looseIndexOf (arr, val) { for (var i = 0; i < arr.length; i++) { if (looseEqual(arr[i], val)) { return i } } return -1 } /** * Ensure a function is called only once. */ function once (fn) { var called = false; return function () { if (!called) { called = true; fn.apply(this, arguments); } } } var ASSET_TYPES = [ 'component', 'directive', 'filter' ]; var LIFECYCLE_HOOKS = [ 'beforeCreate', 'created', 'beforeMount', 'mounted', 'beforeUpdate', 'updated', 'beforeDestroy', 'destroyed', 'activated', 'deactivated', 'errorCaptured', 'serverPrefetch' ]; /* */ var config = ({ /** * Option merge strategies (used in core/util/options) */ // $flow-disable-line optionMergeStrategies: Object.create(null), /** * Whether to suppress warnings. */ silent: false, /** * Show production mode tip message on boot? */ productionTip: "development" !== 'production', /** * Whether to enable devtools */ devtools: "development" !== 'production', /** * Whether to record perf */ performance: false, /** * Error handler for watcher errors */ errorHandler: null, /** * Warn handler for watcher warns */ warnHandler: null, /** * Ignore certain custom elements */ ignoredElements: [], /** * Custom user key aliases for v-on */ // $flow-disable-line keyCodes: Object.create(null), /** * Check if a tag is reserved so that it cannot be registered as a * component. This is platform-dependent and may be overwritten. */ isReservedTag: no, /** * Check if an attribute is reserved so that it cannot be used as a component * prop. This is platform-dependent and may be overwritten. */ isReservedAttr: no, /** * Check if a tag is an unknown element. * Platform-dependent. */ isUnknownElement: no, /** * Get the namespace of an element */ getTagNamespace: noop, /** * Parse the real tag name for the specific platform. */ parsePlatformTagName: identity, /** * Check if an attribute must be bound using property, e.g. value * Platform-dependent. */ mustUseProp: no, /** * Perform updates asynchronously. Intended to be used by Vue Test Utils * This will significantly reduce performance if set to false. */ async: true, /** * Exposed for legacy reasons */ _lifecycleHooks: LIFECYCLE_HOOKS }); /* */ /** * unicode letters used for parsing html tags, component names and property paths. * using https://www.w3.org/TR/html53/semantics-scripting.html#potentialcustomelementname * skipping \u10000-\uEFFFF due to it freezing up PhantomJS */ var unicodeRegExp = /a-zA-Z\u00B7\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u037D\u037F-\u1FFF\u200C-\u200D\u203F-\u2040\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD/; /** * Check if a string starts with $ or _ */ function isReserved (str) { var c = (str + '').charCodeAt(0); return c === 0x24 || c === 0x5F } /** * Define a property. */ function def (obj, key, val, enumerable) { Object.defineProperty(obj, key, { value: val, enumerable: !!enumerable, writable: true, configurable: true }); } /** * Parse simple path. */ var bailRE = new RegExp(("[^" + (unicodeRegExp.source) + ".$_\\d]")); function parsePath (path) { if (bailRE.test(path)) { return } var segments = path.split('.'); return function (obj) { for (var i = 0; i < segments.length; i++) { if (!obj) { return } obj = obj[segments[i]]; } return obj } } /* */ // can we use __proto__? var hasProto = '__proto__' in {}; // Browser environment sniffing var inBrowser = typeof window !== 'undefined'; var inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platform; var weexPlatform = inWeex && WXEnvironment.platform.toLowerCase(); var UA = inBrowser && window.navigator && window.navigator.userAgent.toLowerCase(); var isIE = UA && /msie|trident/.test(UA); var isIE9 = UA && UA.indexOf('msie 9.0') > 0; var isEdge = UA && UA.indexOf('edge/') > 0; var isAndroid = (UA && UA.indexOf('android') > 0) || (weexPlatform === 'android'); var isIOS = (UA && /iphone|ipad|ipod|ios/.test(UA)) || (weexPlatform === 'ios'); var isChrome = UA && /chrome\/\d+/.test(UA) && !isEdge; var isPhantomJS = UA && /phantomjs/.test(UA); var isFF = UA && UA.match(/firefox\/(\d+)/); // Firefox has a "watch" function on Object.prototype... var nativeWatch = ({}).watch; if (inBrowser) { try { var opts = {}; Object.defineProperty(opts, 'passive', ({ get: function get () { } })); // https://github.com/facebook/flow/issues/285 window.addEventListener('test-passive', null, opts); } catch (e) {} } // this needs to be lazy-evaled because vue may be required before // vue-server-renderer can set VUE_ENV var _isServer; var isServerRendering = function () { if (_isServer === undefined) { /* istanbul ignore if */ if (!inBrowser && !inWeex && typeof global !== 'undefined') { // detect presence of vue-server-renderer and avoid // Webpack shimming the process _isServer = global['process'] && global['process'].env.VUE_ENV === 'server'; } else { _isServer = false; } } return _isServer }; // detect devtools var devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__; /* istanbul ignore next */ function isNative (Ctor) { return typeof Ctor === 'function' && /native code/.test(Ctor.toString()) } var hasSymbol = typeof Symbol !== 'undefined' && isNative(Symbol) && typeof Reflect !== 'undefined' && isNative(Reflect.ownKeys); var _Set; /* istanbul ignore if */ // $flow-disable-line if (typeof Set !== 'undefined' && isNative(Set)) { // use native Set when available. _Set = Set; } else { // a non-standard Set polyfill that only works with primitive keys. _Set = /*@__PURE__*/(function () { function Set () { this.set = Object.create(null); } Set.prototype.has = function has (key) { return this.set[key] === true }; Set.prototype.add = function add (key) { this.set[key] = true; }; Set.prototype.clear = function clear () { this.set = Object.create(null); }; return Set; }()); } /* */ var warn = noop; var tip = noop; var generateComponentTrace = (noop); // work around flow check var formatComponentName = (noop); if (true) { var hasConsole = typeof console !== 'undefined'; var classifyRE = /(?:^|[-_])(\w)/g; var classify = function (str) { return str .replace(classifyRE, function (c) { return c.toUpperCase(); }) .replace(/[-_]/g, ''); }; warn = function (msg, vm) { var trace = vm ? generateComponentTrace(vm) : ''; if (config.warnHandler) { config.warnHandler.call(null, msg, vm, trace); } else if (hasConsole && (!config.silent)) { console.error(("[Vue warn]: " + msg + trace)); } }; tip = function (msg, vm) { if (hasConsole && (!config.silent)) { console.warn("[Vue tip]: " + msg + ( vm ? generateComponentTrace(vm) : '' )); } }; formatComponentName = function (vm, includeFile) { if (vm.$root === vm) { if (vm.$options && vm.$options.__file) { // fixed by xxxxxx return ('') + vm.$options.__file } return '' } var options = typeof vm === 'function' && vm.cid != null ? vm.options : vm._isVue ? vm.$options || vm.constructor.options : vm; var name = options.name || options._componentTag; var file = options.__file; if (!name && file) { var match = file.match(/([^/\\]+)\.vue$/); name = match && match[1]; } return ( (name ? ("<" + (classify(name)) + ">") : "") + (file && includeFile !== false ? (" at " + file) : '') ) }; var repeat = function (str, n) { var res = ''; while (n) { if (n % 2 === 1) { res += str; } if (n > 1) { str += str; } n >>= 1; } return res }; generateComponentTrace = function (vm) { if (vm._isVue && vm.$parent) { var tree = []; var currentRecursiveSequence = 0; while (vm && vm.$options.name !== 'PageBody') { if (tree.length > 0) { var last = tree[tree.length - 1]; if (last.constructor === vm.constructor) { currentRecursiveSequence++; vm = vm.$parent; continue } else if (currentRecursiveSequence > 0) { tree[tree.length - 1] = [last, currentRecursiveSequence]; currentRecursiveSequence = 0; } } !vm.$options.isReserved && tree.push(vm); vm = vm.$parent; } return '\n\nfound in\n\n' + tree .map(function (vm, i) { return ("" + (i === 0 ? '---> ' : repeat(' ', 5 + i * 2)) + (Array.isArray(vm) ? ((formatComponentName(vm[0])) + "... (" + (vm[1]) + " recursive calls)") : formatComponentName(vm))); }) .join('\n') } else { return ("\n\n(found in " + (formatComponentName(vm)) + ")") } }; } /* */ var uid = 0; /** * A dep is an observable that can have multiple * directives subscribing to it. */ var Dep = function Dep () { this.id = uid++; this.subs = []; }; Dep.prototype.addSub = function addSub (sub) { this.subs.push(sub); }; Dep.prototype.removeSub = function removeSub (sub) { remove(this.subs, sub); }; Dep.prototype.depend = function depend () { if (Dep.SharedObject.target) { Dep.SharedObject.target.addDep(this); } }; Dep.prototype.notify = function notify () { // stabilize the subscriber list first var subs = this.subs.slice(); if ( true && !config.async) { // subs aren't sorted in scheduler if not running async // we need to sort them now to make sure they fire in correct // order subs.sort(function (a, b) { return a.id - b.id; }); } for (var i = 0, l = subs.length; i < l; i++) { subs[i].update(); } }; // The current target watcher being evaluated. // This is globally unique because only one watcher // can be evaluated at a time. // fixed by xxxxxx (nvue shared vuex) /* eslint-disable no-undef */ Dep.SharedObject = {}; Dep.SharedObject.target = null; Dep.SharedObject.targetStack = []; function pushTarget (target) { Dep.SharedObject.targetStack.push(target); Dep.SharedObject.target = target; Dep.target = target; } function popTarget () { Dep.SharedObject.targetStack.pop(); Dep.SharedObject.target = Dep.SharedObject.targetStack[Dep.SharedObject.targetStack.length - 1]; Dep.target = Dep.SharedObject.target; } /* */ var VNode = function VNode ( tag, data, children, text, elm, context, componentOptions, asyncFactory ) { this.tag = tag; this.data = data; this.children = children; this.text = text; this.elm = elm; this.ns = undefined; this.context = context; this.fnContext = undefined; this.fnOptions = undefined; this.fnScopeId = undefined; this.key = data && data.key; this.componentOptions = componentOptions; this.componentInstance = undefined; this.parent = undefined; this.raw = false; this.isStatic = false; this.isRootInsert = true; this.isComment = false; this.isCloned = false; this.isOnce = false; this.asyncFactory = asyncFactory; this.asyncMeta = undefined; this.isAsyncPlaceholder = false; }; var prototypeAccessors = { child: { configurable: true } }; // DEPRECATED: alias for componentInstance for backwards compat. /* istanbul ignore next */ prototypeAccessors.child.get = function () { return this.componentInstance }; Object.defineProperties( VNode.prototype, prototypeAccessors ); var createEmptyVNode = function (text) { if ( text === void 0 ) text = ''; var node = new VNode(); node.text = text; node.isComment = true; return node }; function createTextVNode (val) { return new VNode(undefined, undefined, undefined, String(val)) } // optimized shallow clone // used for static nodes and slot nodes because they may be reused across // multiple renders, cloning them avoids errors when DOM manipulations rely // on their elm reference. function cloneVNode (vnode) { var cloned = new VNode( vnode.tag, vnode.data, // #7975 // clone children array to avoid mutating original in case of cloning // a child. vnode.children && vnode.children.slice(), vnode.text, vnode.elm, vnode.context, vnode.componentOptions, vnode.asyncFactory ); cloned.ns = vnode.ns; cloned.isStatic = vnode.isStatic; cloned.key = vnode.key; cloned.isComment = vnode.isComment; cloned.fnContext = vnode.fnContext; cloned.fnOptions = vnode.fnOptions; cloned.fnScopeId = vnode.fnScopeId; cloned.asyncMeta = vnode.asyncMeta; cloned.isCloned = true; return cloned } /* * not type checking this file because flow doesn't play well with * dynamically accessing methods on Array prototype */ var arrayProto = Array.prototype; var arrayMethods = Object.create(arrayProto); var methodsToPatch = [ 'push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse' ]; /** * Intercept mutating methods and emit events */ methodsToPatch.forEach(function (method) { // cache original method var original = arrayProto[method]; def(arrayMethods, method, function mutator () { var args = [], len = arguments.length; while ( len-- ) args[ len ] = arguments[ len ]; var result = original.apply(this, args); var ob = this.__ob__; var inserted; switch (method) { case 'push': case 'unshift': inserted = args; break case 'splice': inserted = args.slice(2); break } if (inserted) { ob.observeArray(inserted); } // notify change ob.dep.notify(); return result }); }); /* */ var arrayKeys = Object.getOwnPropertyNames(arrayMethods); /** * In some cases we may want to disable observation inside a component's * update computation. */ var shouldObserve = true; function toggleObserving (value) { shouldObserve = value; } /** * Observer class that is attached to each observed * object. Once attached, the observer converts the target * object's property keys into getter/setters that * collect dependencies and dispatch updates. */ var Observer = function Observer (value) { this.value = value; this.dep = new Dep(); this.vmCount = 0; def(value, '__ob__', this); if (Array.isArray(value)) { if (hasProto) { {// fixed by xxxxxx 微信小程序使用 plugins 之后,数组方法被直接挂载到了数组对象上,需要执行 copyAugment 逻辑 if(value.push !== value.__proto__.push){ copyAugment(value, arrayMethods, arrayKeys); } else { protoAugment(value, arrayMethods); } } } else { copyAugment(value, arrayMethods, arrayKeys); } this.observeArray(value); } else { this.walk(value); } }; /** * Walk through all properties and convert them into * getter/setters. This method should only be called when * value type is Object. */ Observer.prototype.walk = function walk (obj) { var keys = Object.keys(obj); for (var i = 0; i < keys.length; i++) { defineReactive$$1(obj, keys[i]); } }; /** * Observe a list of Array items. */ Observer.prototype.observeArray = function observeArray (items) { for (var i = 0, l = items.length; i < l; i++) { observe(items[i]); } }; // helpers /** * Augment a target Object or Array by intercepting * the prototype chain using __proto__ */ function protoAugment (target, src) { /* eslint-disable no-proto */ target.__proto__ = src; /* eslint-enable no-proto */ } /** * Augment a target Object or Array by defining * hidden properties. */ /* istanbul ignore next */ function copyAugment (target, src, keys) { for (var i = 0, l = keys.length; i < l; i++) { var key = keys[i]; def(target, key, src[key]); } } /** * Attempt to create an observer instance for a value, * returns the new observer if successfully observed, * or the existing observer if the value already has one. */ function observe (value, asRootData) { if (!isObject(value) || value instanceof VNode) { return } var ob; if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) { ob = value.__ob__; } else if ( shouldObserve && !isServerRendering() && (Array.isArray(value) || isPlainObject(value)) && Object.isExtensible(value) && !value._isVue && !value.__v_isMPComponent ) { ob = new Observer(value); } if (asRootData && ob) { ob.vmCount++; } return ob } /** * Define a reactive property on an Object. */ function defineReactive$$1 ( obj, key, val, customSetter, shallow ) { var dep = new Dep(); var property = Object.getOwnPropertyDescriptor(obj, key); if (property && property.configurable === false) { return } // cater for pre-defined getter/setters var getter = property && property.get; var setter = property && property.set; if ((!getter || setter) && arguments.length === 2) { val = obj[key]; } var childOb = !shallow && observe(val); Object.defineProperty(obj, key, { enumerable: true, configurable: true, get: function reactiveGetter () { var value = getter ? getter.call(obj) : val; if (Dep.SharedObject.target) { // fixed by xxxxxx dep.depend(); if (childOb) { childOb.dep.depend(); if (Array.isArray(value)) { dependArray(value); } } } return value }, set: function reactiveSetter (newVal) { var value = getter ? getter.call(obj) : val; /* eslint-disable no-self-compare */ if (newVal === value || (newVal !== newVal && value !== value)) { return } /* eslint-enable no-self-compare */ if ( true && customSetter) { customSetter(); } // #7981: for accessor properties without setter if (getter && !setter) { return } if (setter) { setter.call(obj, newVal); } else { val = newVal; } childOb = !shallow && observe(newVal); dep.notify(); } }); } /** * Set a property on an object. Adds the new property and * triggers change notification if the property doesn't * already exist. */ function set (target, key, val) { if ( true && (isUndef(target) || isPrimitive(target)) ) { warn(("Cannot set reactive property on undefined, null, or primitive value: " + ((target)))); } if (Array.isArray(target) && isValidArrayIndex(key)) { target.length = Math.max(target.length, key); target.splice(key, 1, val); return val } if (key in target && !(key in Object.prototype)) { target[key] = val; return val } var ob = (target).__ob__; if (target._isVue || (ob && ob.vmCount)) { true && warn( 'Avoid adding reactive properties to a Vue instance or its root $data ' + 'at runtime - declare it upfront in the data option.' ); return val } if (!ob) { target[key] = val; return val } defineReactive$$1(ob.value, key, val); ob.dep.notify(); return val } /** * Delete a property and trigger change if necessary. */ function del (target, key) { if ( true && (isUndef(target) || isPrimitive(target)) ) { warn(("Cannot delete reactive property on undefined, null, or primitive value: " + ((target)))); } if (Array.isArray(target) && isValidArrayIndex(key)) { target.splice(key, 1); return } var ob = (target).__ob__; if (target._isVue || (ob && ob.vmCount)) { true && warn( 'Avoid deleting properties on a Vue instance or its root $data ' + '- just set it to null.' ); return } if (!hasOwn(target, key)) { return } delete target[key]; if (!ob) { return } ob.dep.notify(); } /** * Collect dependencies on array elements when the array is touched, since * we cannot intercept array element access like property getters. */ function dependArray (value) { for (var e = (void 0), i = 0, l = value.length; i < l; i++) { e = value[i]; e && e.__ob__ && e.__ob__.dep.depend(); if (Array.isArray(e)) { dependArray(e); } } } /* */ /** * Option overwriting strategies are functions that handle * how to merge a parent option value and a child option * value into the final value. */ var strats = config.optionMergeStrategies; /** * Options with restrictions */ if (true) { strats.el = strats.propsData = function (parent, child, vm, key) { if (!vm) { warn( "option \"" + key + "\" can only be used during instance " + 'creation with the `new` keyword.' ); } return defaultStrat(parent, child) }; } /** * Helper that recursively merges two data objects together. */ function mergeData (to, from) { if (!from) { return to } var key, toVal, fromVal; var keys = hasSymbol ? Reflect.ownKeys(from) : Object.keys(from); for (var i = 0; i < keys.length; i++) { key = keys[i]; // in case the object is already observed... if (key === '__ob__') { continue } toVal = to[key]; fromVal = from[key]; if (!hasOwn(to, key)) { set(to, key, fromVal); } else if ( toVal !== fromVal && isPlainObject(toVal) && isPlainObject(fromVal) ) { mergeData(toVal, fromVal); } } return to } /** * Data */ function mergeDataOrFn ( parentVal, childVal, vm ) { if (!vm) { // in a Vue.extend merge, both should be functions if (!childVal) { return parentVal } if (!parentVal) { return childVal } // when parentVal & childVal are both present, // we need to return a function that returns the // merged result of both functions... no need to // check if parentVal is a function here because // it has to be a function to pass previous merges. return function mergedDataFn () { return mergeData( typeof childVal === 'function' ? childVal.call(this, this) : childVal, typeof parentVal === 'function' ? parentVal.call(this, this) : parentVal ) } } else { return function mergedInstanceDataFn () { // instance merge var instanceData = typeof childVal === 'function' ? childVal.call(vm, vm) : childVal; var defaultData = typeof parentVal === 'function' ? parentVal.call(vm, vm) : parentVal; if (instanceData) { return mergeData(instanceData, defaultData) } else { return defaultData } } } } strats.data = function ( parentVal, childVal, vm ) { if (!vm) { if (childVal && typeof childVal !== 'function') { true && warn( 'The "data" option should be a function ' + 'that returns a per-instance value in component ' + 'definitions.', vm ); return parentVal } return mergeDataOrFn(parentVal, childVal) } return mergeDataOrFn(parentVal, childVal, vm) }; /** * Hooks and props are merged as arrays. */ function mergeHook ( parentVal, childVal ) { var res = childVal ? parentVal ? parentVal.concat(childVal) : Array.isArray(childVal) ? childVal : [childVal] : parentVal; return res ? dedupeHooks(res) : res } function dedupeHooks (hooks) { var res = []; for (var i = 0; i < hooks.length; i++) { if (res.indexOf(hooks[i]) === -1) { res.push(hooks[i]); } } return res } LIFECYCLE_HOOKS.forEach(function (hook) { strats[hook] = mergeHook; }); /** * Assets * * When a vm is present (instance creation), we need to do * a three-way merge between constructor options, instance * options and parent options. */ function mergeAssets ( parentVal, childVal, vm, key ) { var res = Object.create(parentVal || null); if (childVal) { true && assertObjectType(key, childVal, vm); return extend(res, childVal) } else { return res } } ASSET_TYPES.forEach(function (type) { strats[type + 's'] = mergeAssets; }); /** * Watchers. * * Watchers hashes should not overwrite one * another, so we merge them as arrays. */ strats.watch = function ( parentVal, childVal, vm, key ) { // work around Firefox's Object.prototype.watch... if (parentVal === nativeWatch) { parentVal = undefined; } if (childVal === nativeWatch) { childVal = undefined; } /* istanbul ignore if */ if (!childVal) { return Object.create(parentVal || null) } if (true) { assertObjectType(key, childVal, vm); } if (!parentVal) { return childVal } var ret = {}; extend(ret, parentVal); for (var key$1 in childVal) { var parent = ret[key$1]; var child = childVal[key$1]; if (parent && !Array.isArray(parent)) { parent = [parent]; } ret[key$1] = parent ? parent.concat(child) : Array.isArray(child) ? child : [child]; } return ret }; /** * Other object hashes. */ strats.props = strats.methods = strats.inject = strats.computed = function ( parentVal, childVal, vm, key ) { if (childVal && "development" !== 'production') { assertObjectType(key, childVal, vm); } if (!parentVal) { return childVal } var ret = Object.create(null); extend(ret, parentVal); if (childVal) { extend(ret, childVal); } return ret }; strats.provide = mergeDataOrFn; /** * Default strategy. */ var defaultStrat = function (parentVal, childVal) { return childVal === undefined ? parentVal : childVal }; /** * Validate component names */ function checkComponents (options) { for (var key in options.components) { validateComponentName(key); } } function validateComponentName (name) { if (!new RegExp(("^[a-zA-Z][\\-\\.0-9_" + (unicodeRegExp.source) + "]*$")).test(name)) { warn( 'Invalid component name: "' + name + '". Component names ' + 'should conform to valid custom element name in html5 specification.' ); } if (isBuiltInTag(name) || config.isReservedTag(name)) { warn( 'Do not use built-in or reserved HTML elements as component ' + 'id: ' + name ); } } /** * Ensure all props option syntax are normalized into the * Object-based format. */ function normalizeProps (options, vm) { var props = options.props; if (!props) { return } var res = {}; var i, val, name; if (Array.isArray(props)) { i = props.length; while (i--) { val = props[i]; if (typeof val === 'string') { name = camelize(val); res[name] = { type: null }; } else if (true) { warn('props must be strings when using array syntax.'); } } } else if (isPlainObject(props)) { for (var key in props) { val = props[key]; name = camelize(key); res[name] = isPlainObject(val) ? val : { type: val }; } } else if (true) { warn( "Invalid value for option \"props\": expected an Array or an Object, " + "but got " + (toRawType(props)) + ".", vm ); } options.props = res; } /** * Normalize all injections into Object-based format */ function normalizeInject (options, vm) { var inject = options.inject; if (!inject) { return } var normalized = options.inject = {}; if (Array.isArray(inject)) { for (var i = 0; i < inject.length; i++) { normalized[inject[i]] = { from: inject[i] }; } } else if (isPlainObject(inject)) { for (var key in inject) { var val = inject[key]; normalized[key] = isPlainObject(val) ? extend({ from: key }, val) : { from: val }; } } else if (true) { warn( "Invalid value for option \"inject\": expected an Array or an Object, " + "but got " + (toRawType(inject)) + ".", vm ); } } /** * Normalize raw function directives into object format. */ function normalizeDirectives (options) { var dirs = options.directives; if (dirs) { for (var key in dirs) { var def$$1 = dirs[key]; if (typeof def$$1 === 'function') { dirs[key] = { bind: def$$1, update: def$$1 }; } } } } function assertObjectType (name, value, vm) { if (!isPlainObject(value)) { warn( "Invalid value for option \"" + name + "\": expected an Object, " + "but got " + (toRawType(value)) + ".", vm ); } } /** * Merge two option objects into a new one. * Core utility used in both instantiation and inheritance. */ function mergeOptions ( parent, child, vm ) { if (true) { checkComponents(child); } if (typeof child === 'function') { child = child.options; } normalizeProps(child, vm); normalizeInject(child, vm); normalizeDirectives(child); // Apply extends and mixins on the child options, // but only if it is a raw options object that isn't // the result of another mergeOptions call. // Only merged options has the _base property. if (!child._base) { if (child.extends) { parent = mergeOptions(parent, child.extends, vm); } if (child.mixins) { for (var i = 0, l = child.mixins.length; i < l; i++) { parent = mergeOptions(parent, child.mixins[i], vm); } } } var options = {}; var key; for (key in parent) { mergeField(key); } for (key in child) { if (!hasOwn(parent, key)) { mergeField(key); } } function mergeField (key) { var strat = strats[key] || defaultStrat; options[key] = strat(parent[key], child[key], vm, key); } return options } /** * Resolve an asset. * This function is used because child instances need access * to assets defined in its ancestor chain. */ function resolveAsset ( options, type, id, warnMissing ) { /* istanbul ignore if */ if (typeof id !== 'string') { return } var assets = options[type]; // check local registration variations first if (hasOwn(assets, id)) { return assets[id] } var camelizedId = camelize(id); if (hasOwn(assets, camelizedId)) { return assets[camelizedId] } var PascalCaseId = capitalize(camelizedId); if (hasOwn(assets, PascalCaseId)) { return assets[PascalCaseId] } // fallback to prototype chain var res = assets[id] || assets[camelizedId] || assets[PascalCaseId]; if ( true && warnMissing && !res) { warn( 'Failed to resolve ' + type.slice(0, -1) + ': ' + id, options ); } return res } /* */ function validateProp ( key, propOptions, propsData, vm ) { var prop = propOptions[key]; var absent = !hasOwn(propsData, key); var value = propsData[key]; // boolean casting var booleanIndex = getTypeIndex(Boolean, prop.type); if (booleanIndex > -1) { if (absent && !hasOwn(prop, 'default')) { value = false; } else if (value === '' || value === hyphenate(key)) { // only cast empty string / same name to boolean if // boolean has higher priority var stringIndex = getTypeIndex(String, prop.type); if (stringIndex < 0 || booleanIndex < stringIndex) { value = true; } } } // check default value if (value === undefined) { value = getPropDefaultValue(vm, prop, key); // since the default value is a fresh copy, // make sure to observe it. var prevShouldObserve = shouldObserve; toggleObserving(true); observe(value); toggleObserving(prevShouldObserve); } if ( true ) { assertProp(prop, key, value, vm, absent); } return value } /** * Get the default value of a prop. */ function getPropDefaultValue (vm, prop, key) { // no default, return undefined if (!hasOwn(prop, 'default')) { return undefined } var def = prop.default; // warn against non-factory defaults for Object & Array if ( true && isObject(def)) { warn( 'Invalid default value for prop "' + key + '": ' + 'Props with type Object/Array must use a factory function ' + 'to return the default value.', vm ); } // the raw prop value was also undefined from previous render, // return previous default value to avoid unnecessary watcher trigger if (vm && vm.$options.propsData && vm.$options.propsData[key] === undefined && vm._props[key] !== undefined ) { return vm._props[key] } // call factory function for non-Function types // a value is Function if its prototype is function even across different execution context return typeof def === 'function' && getType(prop.type) !== 'Function' ? def.call(vm) : def } /** * Assert whether a prop is valid. */ function assertProp ( prop, name, value, vm, absent ) { if (prop.required && absent) { warn( 'Missing required prop: "' + name + '"', vm ); return } if (value == null && !prop.required) { return } var type = prop.type; var valid = !type || type === true; var expectedTypes = []; if (type) { if (!Array.isArray(type)) { type = [type]; } for (var i = 0; i < type.length && !valid; i++) { var assertedType = assertType(value, type[i]); expectedTypes.push(assertedType.expectedType || ''); valid = assertedType.valid; } } if (!valid) { warn( getInvalidTypeMessage(name, value, expectedTypes), vm ); return } var validator = prop.validator; if (validator) { if (!validator(value)) { warn( 'Invalid prop: custom validator check failed for prop "' + name + '".', vm ); } } } var simpleCheckRE = /^(String|Number|Boolean|Function|Symbol)$/; function assertType (value, type) { var valid; var expectedType = getType(type); if (simpleCheckRE.test(expectedType)) { var t = typeof value; valid = t === expectedType.toLowerCase(); // for primitive wrapper objects if (!valid && t === 'object') { valid = value instanceof type; } } else if (expectedType === 'Object') { valid = isPlainObject(value); } else if (expectedType === 'Array') { valid = Array.isArray(value); } else { valid = value instanceof type; } return { valid: valid, expectedType: expectedType } } /** * Use function string name to check built-in types, * because a simple equality check will fail when running * across different vms / iframes. */ function getType (fn) { var match = fn && fn.toString().match(/^\s*function (\w+)/); return match ? match[1] : '' } function isSameType (a, b) { return getType(a) === getType(b) } function getTypeIndex (type, expectedTypes) { if (!Array.isArray(expectedTypes)) { return isSameType(expectedTypes, type) ? 0 : -1 } for (var i = 0, len = expectedTypes.length; i < len; i++) { if (isSameType(expectedTypes[i], type)) { return i } } return -1 } function getInvalidTypeMessage (name, value, expectedTypes) { var message = "Invalid prop: type check failed for prop \"" + name + "\"." + " Expected " + (expectedTypes.map(capitalize).join(', ')); var expectedType = expectedTypes[0]; var receivedType = toRawType(value); var expectedValue = styleValue(value, expectedType); var receivedValue = styleValue(value, receivedType); // check if we need to specify expected value if (expectedTypes.length === 1 && isExplicable(expectedType) && !isBoolean(expectedType, receivedType)) { message += " with value " + expectedValue; } message += ", got " + receivedType + " "; // check if we need to specify received value if (isExplicable(receivedType)) { message += "with value " + receivedValue + "."; } return message } function styleValue (value, type) { if (type === 'String') { return ("\"" + value + "\"") } else if (type === 'Number') { return ("" + (Number(value))) } else { return ("" + value) } } function isExplicable (value) { var explicitTypes = ['string', 'number', 'boolean']; return explicitTypes.some(function (elem) { return value.toLowerCase() === elem; }) } function isBoolean () { var args = [], len = arguments.length; while ( len-- ) args[ len ] = arguments[ len ]; return args.some(function (elem) { return elem.toLowerCase() === 'boolean'; }) } /* */ function handleError (err, vm, info) { // Deactivate deps tracking while processing error handler to avoid possible infinite rendering. // See: https://github.com/vuejs/vuex/issues/1505 pushTarget(); try { if (vm) { var cur = vm; while ((cur = cur.$parent)) { var hooks = cur.$options.errorCaptured; if (hooks) { for (var i = 0; i < hooks.length; i++) { try { var capture = hooks[i].call(cur, err, vm, info) === false; if (capture) { return } } catch (e) { globalHandleError(e, cur, 'errorCaptured hook'); } } } } } globalHandleError(err, vm, info); } finally { popTarget(); } } function invokeWithErrorHandling ( handler, context, args, vm, info ) { var res; try { res = args ? handler.apply(context, args) : handler.call(context); if (res && !res._isVue && isPromise(res) && !res._handled) { res.catch(function (e) { return handleError(e, vm, info + " (Promise/async)"); }); // issue #9511 // avoid catch triggering multiple times when nested calls res._handled = true; } } catch (e) { handleError(e, vm, info); } return res } function globalHandleError (err, vm, info) { if (config.errorHandler) { try { return config.errorHandler.call(null, err, vm, info) } catch (e) { // if the user intentionally throws the original error in the handler, // do not log it twice if (e !== err) { logError(e, null, 'config.errorHandler'); } } } logError(err, vm, info); } function logError (err, vm, info) { if (true) { warn(("Error in " + info + ": \"" + (err.toString()) + "\""), vm); } /* istanbul ignore else */ if ((inBrowser || inWeex) && typeof console !== 'undefined') { console.error(err); } else { throw err } } /* */ var callbacks = []; var pending = false; function flushCallbacks () { pending = false; var copies = callbacks.slice(0); callbacks.length = 0; for (var i = 0; i < copies.length; i++) { copies[i](); } } // Here we have async deferring wrappers using microtasks. // In 2.5 we used (macro) tasks (in combination with microtasks). // However, it has subtle problems when state is changed right before repaint // (e.g. #6813, out-in transitions). // Also, using (macro) tasks in event handler would cause some weird behaviors // that cannot be circumvented (e.g. #7109, #7153, #7546, #7834, #8109). // So we now use microtasks everywhere, again. // A major drawback of this tradeoff is that there are some scenarios // where microtasks have too high a priority and fire in between supposedly // sequential events (e.g. #4521, #6690, which have workarounds) // or even between bubbling of the same event (#6566). var timerFunc; // The nextTick behavior leverages the microtask queue, which can be accessed // via either native Promise.then or MutationObserver. // MutationObserver has wider support, however it is seriously bugged in // UIWebView in iOS >= 9.3.3 when triggered in touch event handlers. It // completely stops working after triggering a few times... so, if native // Promise is available, we will use it: /* istanbul ignore next, $flow-disable-line */ if (typeof Promise !== 'undefined' && isNative(Promise)) { var p = Promise.resolve(); timerFunc = function () { p.then(flushCallbacks); // In problematic UIWebViews, Promise.then doesn't completely break, but // it can get stuck in a weird state where callbacks are pushed into the // microtask queue but the queue isn't being flushed, until the browser // needs to do some other work, e.g. handle a timer. Therefore we can // "force" the microtask queue to be flushed by adding an empty timer. if (isIOS) { setTimeout(noop); } }; } else if (!isIE && typeof MutationObserver !== 'undefined' && ( isNative(MutationObserver) || // PhantomJS and iOS 7.x MutationObserver.toString() === '[object MutationObserverConstructor]' )) { // Use MutationObserver where native Promise is not available, // e.g. PhantomJS, iOS7, Android 4.4 // (#6466 MutationObserver is unreliable in IE11) var counter = 1; var observer = new MutationObserver(flushCallbacks); var textNode = document.createTextNode(String(counter)); observer.observe(textNode, { characterData: true }); timerFunc = function () { counter = (counter + 1) % 2; textNode.data = String(counter); }; } else if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) { // Fallback to setImmediate. // Technically it leverages the (macro) task queue, // but it is still a better choice than setTimeout. timerFunc = function () { setImmediate(flushCallbacks); }; } else { // Fallback to setTimeout. timerFunc = function () { setTimeout(flushCallbacks, 0); }; } function nextTick (cb, ctx) { var _resolve; callbacks.push(function () { if (cb) { try { cb.call(ctx); } catch (e) { handleError(e, ctx, 'nextTick'); } } else if (_resolve) { _resolve(ctx); } }); if (!pending) { pending = true; timerFunc(); } // $flow-disable-line if (!cb && typeof Promise !== 'undefined') { return new Promise(function (resolve) { _resolve = resolve; }) } } /* */ /* not type checking this file because flow doesn't play well with Proxy */ var initProxy; if (true) { var allowedGlobals = makeMap( 'Infinity,undefined,NaN,isFinite,isNaN,' + 'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' + 'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,' + 'require' // for Webpack/Browserify ); var warnNonPresent = function (target, key) { warn( "Property or method \"" + key + "\" is not defined on the instance but " + 'referenced during render. Make sure that this property is reactive, ' + 'either in the data option, or for class-based components, by ' + 'initializing the property. ' + 'See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.', target ); }; var warnReservedPrefix = function (target, key) { warn( "Property \"" + key + "\" must be accessed with \"$data." + key + "\" because " + 'properties starting with "$" or "_" are not proxied in the Vue instance to ' + 'prevent conflicts with Vue internals. ' + 'See: https://vuejs.org/v2/api/#data', target ); }; var hasProxy = typeof Proxy !== 'undefined' && isNative(Proxy); if (hasProxy) { var isBuiltInModifier = makeMap('stop,prevent,self,ctrl,shift,alt,meta,exact'); config.keyCodes = new Proxy(config.keyCodes, { set: function set (target, key, value) { if (isBuiltInModifier(key)) { warn(("Avoid overwriting built-in modifier in config.keyCodes: ." + key)); return false } else { target[key] = value; return true } } }); } var hasHandler = { has: function has (target, key) { var has = key in target; var isAllowed = allowedGlobals(key) || (typeof key === 'string' && key.charAt(0) === '_' && !(key in target.$data)); if (!has && !isAllowed) { if (key in target.$data) { warnReservedPrefix(target, key); } else { warnNonPresent(target, key); } } return has || !isAllowed } }; var getHandler = { get: function get (target, key) { if (typeof key === 'string' && !(key in target)) { if (key in target.$data) { warnReservedPrefix(target, key); } else { warnNonPresent(target, key); } } return target[key] } }; initProxy = function initProxy (vm) { if (hasProxy) { // determine which proxy handler to use var options = vm.$options; var handlers = options.render && options.render._withStripped ? getHandler : hasHandler; vm._renderProxy = new Proxy(vm, handlers); } else { vm._renderProxy = vm; } }; } /* */ var seenObjects = new _Set(); /** * Recursively traverse an object to evoke all converted * getters, so that every nested property inside the object * is collected as a "deep" dependency. */ function traverse (val) { _traverse(val, seenObjects); seenObjects.clear(); } function _traverse (val, seen) { var i, keys; var isA = Array.isArray(val); if ((!isA && !isObject(val)) || Object.isFrozen(val) || val instanceof VNode) { return } if (val.__ob__) { var depId = val.__ob__.dep.id; if (seen.has(depId)) { return } seen.add(depId); } if (isA) { i = val.length; while (i--) { _traverse(val[i], seen); } } else { keys = Object.keys(val); i = keys.length; while (i--) { _traverse(val[keys[i]], seen); } } } var mark; var measure; if (true) { var perf = inBrowser && window.performance; /* istanbul ignore if */ if ( perf && perf.mark && perf.measure && perf.clearMarks && perf.clearMeasures ) { mark = function (tag) { return perf.mark(tag); }; measure = function (name, startTag, endTag) { perf.measure(name, startTag, endTag); perf.clearMarks(startTag); perf.clearMarks(endTag); // perf.clearMeasures(name) }; } } /* */ var normalizeEvent = cached(function (name) { var passive = name.charAt(0) === '&'; name = passive ? name.slice(1) : name; var once$$1 = name.charAt(0) === '~'; // Prefixed last, checked first name = once$$1 ? name.slice(1) : name; var capture = name.charAt(0) === '!'; name = capture ? name.slice(1) : name; return { name: name, once: once$$1, capture: capture, passive: passive } }); function createFnInvoker (fns, vm) { function invoker () { var arguments$1 = arguments; var fns = invoker.fns; if (Array.isArray(fns)) { var cloned = fns.slice(); for (var i = 0; i < cloned.length; i++) { invokeWithErrorHandling(cloned[i], null, arguments$1, vm, "v-on handler"); } } else { // return handler return value for single handlers return invokeWithErrorHandling(fns, null, arguments, vm, "v-on handler") } } invoker.fns = fns; return invoker } function updateListeners ( on, oldOn, add, remove$$1, createOnceHandler, vm ) { var name, def$$1, cur, old, event; for (name in on) { def$$1 = cur = on[name]; old = oldOn[name]; event = normalizeEvent(name); if (isUndef(cur)) { true && warn( "Invalid handler for event \"" + (event.name) + "\": got " + String(cur), vm ); } else if (isUndef(old)) { if (isUndef(cur.fns)) { cur = on[name] = createFnInvoker(cur, vm); } if (isTrue(event.once)) { cur = on[name] = createOnceHandler(event.name, cur, event.capture); } add(event.name, cur, event.capture, event.passive, event.params); } else if (cur !== old) { old.fns = cur; on[name] = old; } } for (name in oldOn) { if (isUndef(on[name])) { event = normalizeEvent(name); remove$$1(event.name, oldOn[name], event.capture); } } } /* */ /* */ // fixed by xxxxxx (mp properties) function extractPropertiesFromVNodeData(data, Ctor, res, context) { var propOptions = Ctor.options.mpOptions && Ctor.options.mpOptions.properties; if (isUndef(propOptions)) { return res } var externalClasses = Ctor.options.mpOptions.externalClasses || []; var attrs = data.attrs; var props = data.props; if (isDef(attrs) || isDef(props)) { for (var key in propOptions) { var altKey = hyphenate(key); var result = checkProp(res, props, key, altKey, true) || checkProp(res, attrs, key, altKey, false); // externalClass if ( result && res[key] && externalClasses.indexOf(altKey) !== -1 && context[camelize(res[key])] ) { // 赋值 externalClass 真正的值(模板里 externalClass 的值可能是字符串) res[key] = context[camelize(res[key])]; } } } return res } function extractPropsFromVNodeData ( data, Ctor, tag, context// fixed by xxxxxx ) { // we are only extracting raw values here. // validation and default values are handled in the child // component itself. var propOptions = Ctor.options.props; if (isUndef(propOptions)) { // fixed by xxxxxx return extractPropertiesFromVNodeData(data, Ctor, {}, context) } var res = {}; var attrs = data.attrs; var props = data.props; if (isDef(attrs) || isDef(props)) { for (var key in propOptions) { var altKey = hyphenate(key); if (true) { var keyInLowerCase = key.toLowerCase(); if ( key !== keyInLowerCase && attrs && hasOwn(attrs, keyInLowerCase) ) { tip( "Prop \"" + keyInLowerCase + "\" is passed to component " + (formatComponentName(tag || Ctor)) + ", but the declared prop name is" + " \"" + key + "\". " + "Note that HTML attributes are case-insensitive and camelCased " + "props need to use their kebab-case equivalents when using in-DOM " + "templates. You should probably use \"" + altKey + "\" instead of \"" + key + "\"." ); } } checkProp(res, props, key, altKey, true) || checkProp(res, attrs, key, altKey, false); } } // fixed by xxxxxx return extractPropertiesFromVNodeData(data, Ctor, res, context) } function checkProp ( res, hash, key, altKey, preserve ) { if (isDef(hash)) { if (hasOwn(hash, key)) { res[key] = hash[key]; if (!preserve) { delete hash[key]; } return true } else if (hasOwn(hash, altKey)) { res[key] = hash[altKey]; if (!preserve) { delete hash[altKey]; } return true } } return false } /* */ // The template compiler attempts to minimize the need for normalization by // statically analyzing the template at compile time. // // For plain HTML markup, normalization can be completely skipped because the // generated render function is guaranteed to return Array. There are // two cases where extra normalization is needed: // 1. When the children contains components - because a functional component // may return an Array instead of a single root. In this case, just a simple // normalization is needed - if any child is an Array, we flatten the whole // thing with Array.prototype.concat. It is guaranteed to be only 1-level deep // because functional components already normalize their own children. function simpleNormalizeChildren (children) { for (var i = 0; i < children.length; i++) { if (Array.isArray(children[i])) { return Array.prototype.concat.apply([], children) } } return children } // 2. When the children contains constructs that always generated nested Arrays, // e.g.