@fmdevui/fm-dev 1.0.115 → 1.0.116

package/index.js

@@ -1,9 +1,9 @@
-/*! fm-dev v1.0.115 */
+/*! fm-dev v1.0.116 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('crypto'), require('url'), require('http'), require('https'), require('http2'), require('util'), require('stream'), require('assert'), require('zlib'), require('element-plus')) :
   typeof define === 'function' && define.amd ? define(['exports', 'vue', 'crypto', 'url', 'http', 'https', 'http2', 'util', 'stream', 'assert', 'zlib', 'element-plus'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.FmPlus = {}, global.Vue, global.crypto, global.require$$0, global.require$$1, global.require$$2, global.http2, global.util, global.stream, global.require$$4, global.zlib, global.ElementPlus));
-})(this, (function (exports, vue, crypto, require$$0, require$$1, require$$2, http2, util, stream, require$$4, zlib, elementPlus) { 'use strict';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.FmPlus = {}, global.Vue, global.crypto, global.require$$0, global.require$$1, global.require$$2, global.http2, global.util$2, global.stream, global.require$$4, global.zlib, global.ElementPlus));
+})(this, (function (exports, vue, crypto, require$$0, require$$1, require$$2, http2, util$2, stream, require$$4, zlib, elementPlus) { 'use strict';
 
   const _hoisted_1$8 = { class: "fm-transfer-panel" };
   const _hoisted_2$5 = { class: "fm-transfer-panel__header" };
@@ -5415,7 +5415,7 @@
 
   const BOUNDARY_ALPHABET = platform$1.ALPHABET.ALPHA_DIGIT + '-_';
 
-  const textEncoder = typeof TextEncoder === 'function' ? new TextEncoder() : new util.TextEncoder();
+  const textEncoder = typeof TextEncoder === 'function' ? new TextEncoder() : new util$2.TextEncoder();
 
   const CRLF = '\r\n';
   const CRLF_BYTES = textEncoder.encode(CRLF);
@@ -5810,7 +5810,7 @@
 
         for (let i = 0; i < len; i++) {
           const [sessionHandle, sessionOptions] = authoritySessions[i];
-          if (!sessionHandle.destroyed && !sessionHandle.closed && util.isDeepStrictEqual(sessionOptions, options)) {
+          if (!sessionHandle.destroyed && !sessionHandle.closed && util$2.isDeepStrictEqual(sessionOptions, options)) {
             return sessionHandle;
           }
         }
@@ -6237,7 +6237,7 @@
 
         if (!headers.hasContentLength()) {
           try {
-            const knownLength = await util.promisify(data.getLength).call(data);
+            const knownLength = await util$2.promisify(data.getLength).call(data);
             Number.isFinite(knownLength) && knownLength >= 0 && headers.setContentLength(knownLength);
             /*eslint no-empty:0*/
           } catch (e) {
@@ -9032,14 +9032,14 @@
   	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
   }
 
-  var core$1 = {exports: {}};
+  var core$2 = {exports: {}};
 
-  var core = core$1.exports;
+  var core$1 = core$2.exports;
 
   var hasRequiredCore;
 
   function requireCore () {
-  	if (hasRequiredCore) return core$1.exports;
+  	if (hasRequiredCore) return core$2.exports;
   	hasRequiredCore = 1;
   	(function (module, exports) {
   (function (root, factory) {
@@ -9047,7 +9047,7 @@
   				// CommonJS
   				module.exports = factory();
   			}
-  		}(core, function () {
+  		}(core$1, function () {
 
   			/*globals window, global, require*/
 
@@ -9841,8 +9841,8 @@
   			return CryptoJS;
 
   		})); 
-  	} (core$1));
-  	return core$1.exports;
+  	} (core$2));
+  	return core$2.exports;
   }
 
   var x64Core$1 = {exports: {}};
@@ -17585,7 +17585,7 @@
   }
   const RE_ARGS = /\{([0-9a-zA-Z]+)\}/g;
   /* eslint-disable */
-  function format$2(message, ...args) {
+  function format$3(message, ...args) {
       if (args.length === 1 && isObject$5(args[0])) {
           args = args[0];
       }
@@ -17880,7 +17880,7 @@
   function createCompileError(code, loc, options = {}) {
       const { domain, messages, args } = options;
       const msg = (process.env.NODE_ENV !== 'production')
-          ? format$2((messages || errorMessages$2)[code] || '', ...(args || []))
+          ? format$3((messages || errorMessages$2)[code] || '', ...(args || []))
           : code;
       const error = new SyntaxError(String(msg));
       error.code = code;
@@ -19414,7 +19414,7 @@
       return new Error(`unhandled node type: ${type}`);
   }
 
-  function format$1(ast) {
+  function format$2(ast) {
       const msg = (ctx) => formatParts(ctx, ast);
       return msg;
   }
@@ -19497,7 +19497,7 @@
   const WARN_MESSAGE = `Detected HTML in '{source}' message. Recommend not using HTML messages to avoid XSS.`;
   function checkHtmlMessage(source, warnHtmlMessage) {
       if (warnHtmlMessage && detectHtmlTag(source)) {
-          warn$1(format$2(WARN_MESSAGE, { source }));
+          warn$1(format$3(WARN_MESSAGE, { source }));
       }
   }
   const defaultOnCacheKey = (message) => message;
@@ -19536,7 +19536,7 @@
               jit: true
           });
           // compose message function from AST
-          const msg = format$1(ast);
+          const msg = format$2(ast);
           // if occurred compile error, don't cache
           return !detectError
               ? (compileCache[cacheKey] = msg)
@@ -19556,10 +19556,10 @@
               }
               // compose message function from message (AST)
               return (compileCache[cacheKey] =
-                  format$1(message));
+                  format$2(message));
           }
           else {
-              return format$1(message);
+              return format$2(message);
           }
       }
   }
@@ -20055,7 +20055,7 @@
       [CoreWarnCodes.EXPERIMENTAL_CUSTOM_MESSAGE_COMPILER]: `This project is using Custom Message Compiler, which is an experimental feature. It may receive breaking changes or be removed in the future.`
   };
   function getWarnMessage$1(code, ...args) {
-      return format$2(warnMessages$1[code], ...args);
+      return format$3(warnMessages$1[code], ...args);
   }
 
   /* eslint-disable @typescript-eslint/no-explicit-any */
@@ -20498,7 +20498,7 @@
   }
 
   // implementation of `number` function
-  function number(context, ...args) {
+  function number$1(context, ...args) {
       const { numberFormats, unresolving, fallbackLocale, onWarn, localeFallbacker } = context;
       const { __numberFormatters } = context;
       if ((process.env.NODE_ENV !== 'production') && !Availabilities.numberFormat) {
@@ -21478,7 +21478,7 @@
       [I18nWarnCodes.DUPLICATE_USE_I18N_CALLING]: "Duplicate `useI18n` calling by local scope. Please don't call it on local scope, due to it does not work properly in component."
   };
   function getWarnMessage(code, ...args) {
-      return format$2(warnMessages[code], ...args);
+      return format$3(warnMessages[code], ...args);
   }
 
   /* eslint-disable @typescript-eslint/no-explicit-any */
@@ -21930,7 +21930,7 @@
       }
       // n
       function n(...args) {
-          return wrapWithDeps(context => Reflect.apply(number, null, [context, ...args]), () => parseNumberArgs(...args), 'number format', root => Reflect.apply(root.n, root, [...args]), () => MISSING_RESOLVE_VALUE, val => isString$2(val) || isArray$4(val));
+          return wrapWithDeps(context => Reflect.apply(number$1, null, [context, ...args]), () => parseNumberArgs(...args), 'number format', root => Reflect.apply(root.n, root, [...args]), () => MISSING_RESOLVE_VALUE, val => isString$2(val) || isArray$4(val));
       }
       // for custom processor
       function normalize(values) {
@@ -21961,7 +21961,7 @@
       }
       // numberParts, using for `i18n-n` component
       function numberParts(...args) {
-          return wrapWithDeps(context => Reflect.apply(number, null, [context, ...args]), () => parseNumberArgs(...args), 'number format', root => root[NumberPartsSymbol](...args), NOOP_RETURN_ARRAY, val => isString$2(val) || isArray$4(val));
+          return wrapWithDeps(context => Reflect.apply(number$1, null, [context, ...args]), () => parseNumberArgs(...args), 'number format', root => root[NumberPartsSymbol](...args), NOOP_RETURN_ARRAY, val => isString$2(val) || isArray$4(val));
       }
       // datetimeParts, using for `i18n-d` component
       function datetimeParts(...args) {
@@ -31794,7 +31794,7 @@
     return rect;
   }
   var range;
-  function getTextRect(node) {
+  function getTextRect$1(node) {
     if (!range)
       range = document.createRange();
     range.selectNode(node);
@@ -31814,7 +31814,7 @@
         if (el.nodeType === 1 || el.getBoundingClientRect)
           childRect = el.getBoundingClientRect();
         else if (el.nodeType === 3 && el.data.trim())
-          childRect = getTextRect(el);
+          childRect = getTextRect$1(el);
       }
       if (childRect)
         mergeRects(rect, childRect);
@@ -42928,6 +42928,13 @@
           return image;
       }
   };
+  function setPlatformAPI(newPlatformApis) {
+      for (var key in platformApi) {
+          if (newPlatformApis[key]) {
+              platformApi[key] = newPlatformApis[key];
+          }
+      }
+  }
 
   var BUILTIN_OBJECT = reduce([
       'Function',
@@ -43073,6 +43080,7 @@
       }
       return target;
   }
+  var createCanvas = platformApi.createCanvas;
   function indexOf(array, value) {
       if (array) {
           if (array.indexOf) {
@@ -43467,6 +43475,62 @@
   }
   function noop() { }
   var RADIAN_TO_DEGREE = 180 / Math.PI;
+  var EPSILON$4 = Number.EPSILON || Math.pow(2, -52);
+
+  var util$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    EPSILON: EPSILON$4,
+    HashMap: HashMap,
+    RADIAN_TO_DEGREE: RADIAN_TO_DEGREE,
+    assert: assert,
+    bind: bind$1,
+    clone: clone$3,
+    concatArray: concatArray,
+    createCanvas: createCanvas,
+    createHashMap: createHashMap,
+    createObject: createObject,
+    curry: curry$1,
+    defaults: defaults,
+    disableUserSelect: disableUserSelect,
+    each: each$c,
+    eqNaN: eqNaN,
+    extend: extend,
+    filter: filter,
+    find: find,
+    guid: guid,
+    hasOwn: hasOwn,
+    indexOf: indexOf,
+    inherits: inherits,
+    isArray: isArray$2,
+    isArrayLike: isArrayLike$1,
+    isBuiltInObject: isBuiltInObject,
+    isDom: isDom,
+    isFunction: isFunction$1,
+    isGradientObject: isGradientObject,
+    isImagePatternObject: isImagePatternObject,
+    isNumber: isNumber,
+    isObject: isObject$4,
+    isPrimitive: isPrimitive,
+    isRegExp: isRegExp,
+    isString: isString,
+    isStringSafe: isStringSafe,
+    isTypedArray: isTypedArray$1,
+    keys: keys,
+    logError: logError,
+    map: map$1,
+    merge: merge$1,
+    mergeAll: mergeAll,
+    mixin: mixin,
+    noop: noop,
+    normalizeCssArray: normalizeCssArray$1,
+    reduce: reduce,
+    retrieve: retrieve,
+    retrieve2: retrieve2,
+    retrieve3: retrieve3,
+    setAsPrimitive: setAsPrimitive,
+    slice: slice,
+    trim: trim$1
+  });
 
   function create$1(x, y) {
       if (x == null) {
@@ -43508,9 +43572,24 @@
   function len(v) {
       return Math.sqrt(lenSquare(v));
   }
+  var length = len;
   function lenSquare(v) {
       return v[0] * v[0] + v[1] * v[1];
   }
+  var lengthSquare = lenSquare;
+  function mul$1(out, v1, v2) {
+      out[0] = v1[0] * v2[0];
+      out[1] = v1[1] * v2[1];
+      return out;
+  }
+  function div(out, v1, v2) {
+      out[0] = v1[0] / v2[0];
+      out[1] = v1[1] / v2[1];
+      return out;
+  }
+  function dot(v1, v2) {
+      return v1[0] * v2[0] + v1[1] * v2[1];
+  }
   function scale$2(out, v, s) {
       out[0] = v[0] * s;
       out[1] = v[1] * s;
@@ -43538,6 +43617,11 @@
           + (v1[1] - v2[1]) * (v1[1] - v2[1]);
   }
   var distSquare = distanceSquare;
+  function negate(out, v) {
+      out[0] = -v[0];
+      out[1] = -v[1];
+      return out;
+  }
   function lerp$1(out, v1, v2, t) {
       out[0] = v1[0] + t * (v2[0] - v1[0]);
       out[1] = v1[1] + t * (v2[1] - v1[1]);
@@ -43561,6 +43645,35 @@
       return out;
   }
 
+  var vector = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    add: add,
+    applyTransform: applyTransform$1,
+    clone: clone$2,
+    copy: copy$1,
+    create: create$1,
+    dist: dist$1,
+    distSquare: distSquare,
+    distance: distance,
+    distanceSquare: distanceSquare,
+    div: div,
+    dot: dot,
+    len: len,
+    lenSquare: lenSquare,
+    length: length,
+    lengthSquare: lengthSquare,
+    lerp: lerp$1,
+    max: max$1,
+    min: min$1,
+    mul: mul$1,
+    negate: negate,
+    normalize: normalize$1,
+    scale: scale$2,
+    scaleAndAdd: scaleAndAdd,
+    set: set$1,
+    sub: sub
+  });
+
   var Param = (function () {
       function Param(target, e) {
           this.target = target;
@@ -44243,6 +44356,19 @@
       return b;
   }
 
+  var matrix = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    clone: clone$1,
+    copy: copy,
+    create: create,
+    identity: identity$1,
+    invert: invert,
+    mul: mul,
+    rotate: rotate,
+    scale: scale$1,
+    translate: translate
+  });
+
   var Point = (function () {
       function Point(x, y) {
           this.x = x || 0;
@@ -46058,6 +46184,10 @@
               }
           }
       }
+      if (out) {
+          out[0] = cubicAt(x0, x1, x2, x3, t);
+          out[1] = cubicAt(y0, y1, y2, y3, t);
+      }
       return mathSqrt$3(d);
   }
   function cubicLength(x0, y0, x1, y1, x2, y2, x3, y3, iteration) {
@@ -46181,6 +46311,10 @@
               }
           }
       }
+      if (out) {
+          out[0] = quadraticAt$1(x0, x1, x2, t);
+          out[1] = quadraticAt$1(y0, y1, y2, t);
+      }
       return mathSqrt$3(d);
   }
   function quadraticLength(x0, y0, x1, y1, x2, y2, iteration) {
@@ -46690,9 +46824,12 @@
       var colorArr = parse(color);
       if (colorArr) {
           for (var i = 0; i < 3; i++) {
-              {
+              if (level < 0) {
                   colorArr[i] = colorArr[i] * (1 - level) | 0;
               }
+              else {
+                  colorArr[i] = ((255 - colorArr[i]) * level + colorArr[i]) | 0;
+              }
               if (colorArr[i] > 255) {
                   colorArr[i] = 255;
               }
@@ -46703,6 +46840,12 @@
           return stringify(colorArr, colorArr.length === 4 ? 'rgba' : 'rgb');
       }
   }
+  function toHex(color) {
+      var colorArr = parse(color);
+      if (colorArr) {
+          return ((1 << 24) + (colorArr[0] << 16) + (colorArr[1] << 8) + (+colorArr[2])).toString(16).slice(1);
+      }
+  }
   function fastLerp(normalizedValue, colors, out) {
       if (!(colors && colors.length)
           || !(normalizedValue >= 0 && normalizedValue <= 1)) {
@@ -46721,6 +46864,7 @@
       out[3] = clampCssFloat(lerpNumber(leftColor[3], rightColor[3], dv));
       return out;
   }
+  var fastMapToColor = fastLerp;
   function lerp(normalizedValue, colors, fullOutput) {
       if (!(colors && colors.length)
           || !(normalizedValue >= 0 && normalizedValue <= 1)) {
@@ -46747,6 +46891,7 @@
           }
           : color;
   }
+  var mapToColor = lerp;
   function modifyHSL(color, h, s, l) {
       var colorArr = parse(color);
       if (color) {
@@ -46781,6 +46926,13 @@
               + (1 - arr[3]) * backgroundLum
           : 0;
   }
+  function random() {
+      return stringify([
+          Math.round(Math.random() * 255),
+          Math.round(Math.random() * 255),
+          Math.round(Math.random() * 255)
+      ], 'rgb');
+  }
   var liftedColorCache = new LRU(100);
   function liftColor(color) {
       if (isString(color)) {
@@ -46802,6 +46954,25 @@
       return color;
   }
 
+  var color$2 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    fastLerp: fastLerp,
+    fastMapToColor: fastMapToColor,
+    lerp: lerp,
+    lift: lift,
+    liftColor: liftColor,
+    lum: lum,
+    mapToColor: mapToColor,
+    modifyAlpha: modifyAlpha,
+    modifyHSL: modifyHSL,
+    parse: parse,
+    parseCssFloat: parseCssFloat,
+    parseCssInt: parseCssInt,
+    random: random,
+    stringify: stringify,
+    toHex: toHex
+  });
+
   function isLinearGradient(val) {
       return val.type === 'linear';
   }
@@ -49977,9 +50148,45 @@
       instances$1[zr.id] = zr;
       return zr;
   }
+  function dispose$1(zr) {
+      zr.dispose();
+  }
+  function disposeAll() {
+      for (var key in instances$1) {
+          if (instances$1.hasOwnProperty(key)) {
+              instances$1[key].dispose();
+          }
+      }
+      instances$1 = {};
+  }
+  function getInstance(id) {
+      return instances$1[id];
+  }
   function registerPainter(name, Ctor) {
       painterCtors[name] = Ctor;
   }
+  var ssrDataGetter;
+  function getElementSSRData(el) {
+      if (typeof ssrDataGetter === 'function') {
+          return ssrDataGetter(el);
+      }
+  }
+  function registerSSRDataGetter(getter) {
+      ssrDataGetter = getter;
+  }
+  var version$2 = '6.0.0';
+
+  var zrender = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    dispose: dispose$1,
+    disposeAll: disposeAll,
+    getElementSSRData: getElementSSRData,
+    getInstance: getInstance,
+    init: init$1,
+    registerPainter: registerPainter,
+    registerSSRDataGetter: registerSSRDataGetter,
+    version: version$2
+  });
 
   var RADIAN_EPSILON = 1e-4;
   // Although chrome already enlarge this number to 100 for `toFixed`, but
@@ -50154,6 +50361,24 @@
     var precision = Math.min(Math.max(-dataQuantity + sizeQuantity, 0), 20);
     return !isFinite(precision) ? 20 : precision;
   }
+  /**
+   * Get a data of given precision, assuring the sum of percentages
+   * in valueList is 1.
+   * The largest remainder method is used.
+   * https://en.wikipedia.org/wiki/Largest_remainder_method
+   *
+   * @param valueList a list of all data
+   * @param idx index of the data to be processed in valueList
+   * @param precision integer number showing digits of precision
+   * @return percent ranging from 0 to 100
+   */
+  function getPercentWithPrecision(valueList, idx, precision) {
+    if (!valueList[idx]) {
+      return 0;
+    }
+    var seats = getPercentSeats(valueList, precision);
+    return seats[idx] || 0;
+  }
   /**
    * Get a data of given precision, assuring the sum of percentages
    * in valueList is 1.
@@ -50218,6 +50443,8 @@
     // // PENDING: support more?
     return maxPrecision > ROUND_SUPPORTED_PRECISION_MAX ? sum : round$2(sum, maxPrecision);
   }
+  // Number.MAX_SAFE_INTEGER, ie do not support.
+  var MAX_SAFE_INTEGER$2 = 9007199254740991;
   /**
    * To 0 - 2 * PI, considering negative radian.
    */
@@ -50336,7 +50563,7 @@
     var exp10 = Math.pow(10, exponent);
     var f = val / exp10; // 1 <= f < 10
     var nf;
-    {
+    if (round) {
       if (f < 1.5) {
         nf = 1;
       } else if (f < 2.5) {
@@ -50348,12 +50575,37 @@
       } else {
         nf = 10;
       }
+    } else {
+      if (f < 1) {
+        nf = 1;
+      } else if (f < 2) {
+        nf = 2;
+      } else if (f < 3) {
+        nf = 3;
+      } else if (f < 5) {
+        nf = 5;
+      } else {
+        nf = 10;
+      }
     }
     val = nf * exp10;
     // Fix 3 * 0.1 === 0.30000000000000004 issue (see IEEE 754).
     // 20 is the uppper bound of toFixed.
     return exponent >= -20 ? +val.toFixed(exponent < 0 ? -exponent : 0) : val;
   }
+  /**
+   * This code was copied from "d3.js"
+   * <https://github.com/d3/d3/blob/9cc9a875e636a1dcf36cc1e07bdf77e1ad6e2c74/src/arrays/quantile.js>.
+   * See the license statement at the head of this file.
+   * @param ascArr
+   */
+  function quantile(ascArr, p) {
+    var H = (ascArr.length - 1) * p + 1;
+    var h = Math.floor(H);
+    var v = +ascArr[h - 1];
+    var e = H - h;
+    return e ? v + e * (ascArr[h] - v) : v;
+  }
   /**
    * Order intervals asc, and split them when overlap.
    * expect(numberUtil.reformIntervals([
@@ -51605,6 +51857,11 @@
   }
 
   var STYLE_REG = /\{([a-zA-Z0-9_]+)\|([^}]*)\}/g;
+  function truncateText(text, containerWidth, font, ellipsis, options) {
+      var out = {};
+      truncateText2(out, text, containerWidth, font, ellipsis, options);
+      return out.text;
+  }
   function truncateText2(out, text, containerWidth, font, ellipsis, options) {
       if (!containerWidth) {
           out.text = '';
@@ -52470,7 +52727,7 @@
   var mathMax$7 = Math.max;
   var mathSin$3 = Math.sin;
   var mathCos$3 = Math.cos;
-  var PI2$6 = Math.PI * 2;
+  var PI2$7 = Math.PI * 2;
   var start = create$1();
   var end = create$1();
   var extremity = create$1();
@@ -52547,7 +52804,7 @@
       var vec2Min = min$1;
       var vec2Max = max$1;
       var diff = Math.abs(startAngle - endAngle);
-      if (diff % PI2$6 < 1e-4 && diff > 1e-4) {
+      if (diff % PI2$7 < 1e-4 && diff > 1e-4) {
           min[0] = x - rx;
           min[1] = y - ry;
           max[0] = x + rx;
@@ -52560,19 +52817,19 @@
       end[1] = mathSin$3(endAngle) * ry + y;
       vec2Min(min, start, end);
       vec2Max(max, start, end);
-      startAngle = startAngle % (PI2$6);
+      startAngle = startAngle % (PI2$7);
       if (startAngle < 0) {
-          startAngle = startAngle + PI2$6;
+          startAngle = startAngle + PI2$7;
       }
-      endAngle = endAngle % (PI2$6);
+      endAngle = endAngle % (PI2$7);
       if (endAngle < 0) {
-          endAngle = endAngle + PI2$6;
+          endAngle = endAngle + PI2$7;
       }
       if (startAngle > endAngle && !anticlockwise) {
-          endAngle += PI2$6;
+          endAngle += PI2$7;
       }
       else if (startAngle < endAngle && anticlockwise) {
-          startAngle += PI2$6;
+          startAngle += PI2$7;
       }
       if (anticlockwise) {
           var tmp = endAngle;
@@ -52589,7 +52846,7 @@
       }
   }
 
-  var CMD$2 = {
+  var CMD$3 = {
       M: 1,
       L: 2,
       C: 3,
@@ -52610,7 +52867,7 @@
   var mathSin$2 = Math.sin;
   var mathAbs$3 = Math.abs;
   var PI$6 = Math.PI;
-  var PI2$5 = PI$6 * 2;
+  var PI2$6 = PI$6 * 2;
   var hasTypedArray = typeof Float32Array !== 'undefined';
   var tmpAngles = [];
   function modPI2(radian) {
@@ -52620,22 +52877,22 @@
   function normalizeArcAngles(angles, anticlockwise) {
       var newStartAngle = modPI2(angles[0]);
       if (newStartAngle < 0) {
-          newStartAngle += PI2$5;
+          newStartAngle += PI2$6;
       }
       var delta = newStartAngle - angles[0];
       var newEndAngle = angles[1];
       newEndAngle += delta;
-      if (!anticlockwise && newEndAngle - newStartAngle >= PI2$5) {
-          newEndAngle = newStartAngle + PI2$5;
+      if (!anticlockwise && newEndAngle - newStartAngle >= PI2$6) {
+          newEndAngle = newStartAngle + PI2$6;
       }
-      else if (anticlockwise && newStartAngle - newEndAngle >= PI2$5) {
-          newEndAngle = newStartAngle - PI2$5;
+      else if (anticlockwise && newStartAngle - newEndAngle >= PI2$6) {
+          newEndAngle = newStartAngle - PI2$6;
       }
       else if (!anticlockwise && newStartAngle > newEndAngle) {
-          newEndAngle = newStartAngle + (PI2$5 - modPI2(newStartAngle - newEndAngle));
+          newEndAngle = newStartAngle + (PI2$6 - modPI2(newStartAngle - newEndAngle));
       }
       else if (anticlockwise && newStartAngle < newEndAngle) {
-          newEndAngle = newStartAngle - (PI2$5 - modPI2(newEndAngle - newStartAngle));
+          newEndAngle = newStartAngle - (PI2$6 - modPI2(newEndAngle - newStartAngle));
       }
       angles[0] = newStartAngle;
       angles[1] = newEndAngle;
@@ -52694,7 +52951,7 @@
       };
       PathProxy.prototype.moveTo = function (x, y) {
           this._drawPendingPt();
-          this.addData(CMD$2.M, x, y);
+          this.addData(CMD$3.M, x, y);
           this._ctx && this._ctx.moveTo(x, y);
           this._x0 = x;
           this._y0 = y;
@@ -52706,7 +52963,7 @@
           var dx = mathAbs$3(x - this._xi);
           var dy = mathAbs$3(y - this._yi);
           var exceedUnit = dx > this._ux || dy > this._uy;
-          this.addData(CMD$2.L, x, y);
+          this.addData(CMD$3.L, x, y);
           if (this._ctx && exceedUnit) {
               this._ctx.lineTo(x, y);
           }
@@ -52727,7 +52984,7 @@
       };
       PathProxy.prototype.bezierCurveTo = function (x1, y1, x2, y2, x3, y3) {
           this._drawPendingPt();
-          this.addData(CMD$2.C, x1, y1, x2, y2, x3, y3);
+          this.addData(CMD$3.C, x1, y1, x2, y2, x3, y3);
           if (this._ctx) {
               this._ctx.bezierCurveTo(x1, y1, x2, y2, x3, y3);
           }
@@ -52737,7 +52994,7 @@
       };
       PathProxy.prototype.quadraticCurveTo = function (x1, y1, x2, y2) {
           this._drawPendingPt();
-          this.addData(CMD$2.Q, x1, y1, x2, y2);
+          this.addData(CMD$3.Q, x1, y1, x2, y2);
           if (this._ctx) {
               this._ctx.quadraticCurveTo(x1, y1, x2, y2);
           }
@@ -52753,7 +53010,7 @@
           startAngle = tmpAngles[0];
           endAngle = tmpAngles[1];
           var delta = endAngle - startAngle;
-          this.addData(CMD$2.A, cx, cy, r, r, startAngle, delta, 0, anticlockwise ? 0 : 1);
+          this.addData(CMD$3.A, cx, cy, r, r, startAngle, delta, 0, anticlockwise ? 0 : 1);
           this._ctx && this._ctx.arc(cx, cy, r, startAngle, endAngle, anticlockwise);
           this._xi = mathCos$2(endAngle) * r + cx;
           this._yi = mathSin$2(endAngle) * r + cy;
@@ -52769,12 +53026,12 @@
       PathProxy.prototype.rect = function (x, y, w, h) {
           this._drawPendingPt();
           this._ctx && this._ctx.rect(x, y, w, h);
-          this.addData(CMD$2.R, x, y, w, h);
+          this.addData(CMD$3.R, x, y, w, h);
           return this;
       };
       PathProxy.prototype.closePath = function () {
           this._drawPendingPt();
-          this.addData(CMD$2.Z);
+          this.addData(CMD$3.Z);
           var ctx = this._ctx;
           var x0 = this._x0;
           var y0 = this._y0;
@@ -52899,7 +53156,7 @@
                   y0 = yi;
               }
               switch (cmd) {
-                  case CMD$2.M:
+                  case CMD$3.M:
                       xi = x0 = data[i++];
                       yi = y0 = data[i++];
                       min2[0] = x0;
@@ -52907,22 +53164,22 @@
                       max2[0] = x0;
                       max2[1] = y0;
                       break;
-                  case CMD$2.L:
+                  case CMD$3.L:
                       fromLine(xi, yi, data[i], data[i + 1], min2, max2);
                       xi = data[i++];
                       yi = data[i++];
                       break;
-                  case CMD$2.C:
+                  case CMD$3.C:
                       fromCubic(xi, yi, data[i++], data[i++], data[i++], data[i++], data[i], data[i + 1], min2, max2);
                       xi = data[i++];
                       yi = data[i++];
                       break;
-                  case CMD$2.Q:
+                  case CMD$3.Q:
                       fromQuadratic(xi, yi, data[i++], data[i++], data[i], data[i + 1], min2, max2);
                       xi = data[i++];
                       yi = data[i++];
                       break;
-                  case CMD$2.A:
+                  case CMD$3.A:
                       var cx = data[i++];
                       var cy = data[i++];
                       var rx = data[i++];
@@ -52939,14 +53196,14 @@
                       xi = mathCos$2(endAngle) * rx + cx;
                       yi = mathSin$2(endAngle) * ry + cy;
                       break;
-                  case CMD$2.R:
+                  case CMD$3.R:
                       x0 = xi = data[i++];
                       y0 = yi = data[i++];
                       var width = data[i++];
                       var height = data[i++];
                       fromLine(x0, y0, x0 + width, y0 + height, min2, max2);
                       break;
-                  case CMD$2.Z:
+                  case CMD$3.Z:
                       xi = x0;
                       yi = y0;
                       break;
@@ -52985,11 +53242,11 @@
               }
               var l = -1;
               switch (cmd) {
-                  case CMD$2.M:
+                  case CMD$3.M:
                       xi = x0 = data[i++];
                       yi = y0 = data[i++];
                       break;
-                  case CMD$2.L: {
+                  case CMD$3.L: {
                       var x2 = data[i++];
                       var y2 = data[i++];
                       var dx = x2 - xi;
@@ -53001,7 +53258,7 @@
                       }
                       break;
                   }
-                  case CMD$2.C: {
+                  case CMD$3.C: {
                       var x1 = data[i++];
                       var y1 = data[i++];
                       var x2 = data[i++];
@@ -53013,7 +53270,7 @@
                       yi = y3;
                       break;
                   }
-                  case CMD$2.Q: {
+                  case CMD$3.Q: {
                       var x1 = data[i++];
                       var y1 = data[i++];
                       var x2 = data[i++];
@@ -53023,7 +53280,7 @@
                       yi = y2;
                       break;
                   }
-                  case CMD$2.A:
+                  case CMD$3.A:
                       var cx = data[i++];
                       var cy = data[i++];
                       var rx = data[i++];
@@ -53036,11 +53293,11 @@
                           x0 = mathCos$2(startAngle) * rx + cx;
                           y0 = mathSin$2(startAngle) * ry + cy;
                       }
-                      l = mathMax$6(rx, ry) * mathMin$6(PI2$5, Math.abs(delta));
+                      l = mathMax$6(rx, ry) * mathMin$6(PI2$6, Math.abs(delta));
                       xi = mathCos$2(endAngle) * rx + cx;
                       yi = mathSin$2(endAngle) * ry + cy;
                       break;
-                  case CMD$2.R: {
+                  case CMD$3.R: {
                       x0 = xi = data[i++];
                       y0 = yi = data[i++];
                       var width = data[i++];
@@ -53048,7 +53305,7 @@
                       l = width * 2 + height * 2;
                       break;
                   }
-                  case CMD$2.Z: {
+                  case CMD$3.Z: {
                       var dx = x0 - xi;
                       var dy = y0 - yi;
                       l = Math.sqrt(dx * dx + dy * dy);
@@ -53105,17 +53362,17 @@
                   x0 = xi;
                   y0 = yi;
               }
-              if (cmd !== CMD$2.L && pendingPtDist > 0) {
+              if (cmd !== CMD$3.L && pendingPtDist > 0) {
                   ctx.lineTo(pendingPtX, pendingPtY);
                   pendingPtDist = 0;
               }
               switch (cmd) {
-                  case CMD$2.M:
+                  case CMD$3.M:
                       x0 = xi = d[i++];
                       y0 = yi = d[i++];
                       ctx.moveTo(xi, yi);
                       break;
-                  case CMD$2.L: {
+                  case CMD$3.L: {
                       x = d[i++];
                       y = d[i++];
                       var dx = mathAbs$3(x - xi);
@@ -53145,7 +53402,7 @@
                       }
                       break;
                   }
-                  case CMD$2.C: {
+                  case CMD$3.C: {
                       var x1 = d[i++];
                       var y1 = d[i++];
                       var x2 = d[i++];
@@ -53168,7 +53425,7 @@
                       yi = y3;
                       break;
                   }
-                  case CMD$2.Q: {
+                  case CMD$3.Q: {
                       var x1 = d[i++];
                       var y1 = d[i++];
                       var x2 = d[i++];
@@ -53189,7 +53446,7 @@
                       yi = y2;
                       break;
                   }
-                  case CMD$2.A:
+                  case CMD$3.A:
                       var cx = d[i++];
                       var cy = d[i++];
                       var rx = d[i++];
@@ -53226,7 +53483,7 @@
                       xi = mathCos$2(endAngle) * rx + cx;
                       yi = mathSin$2(endAngle) * ry + cy;
                       break;
-                  case CMD$2.R:
+                  case CMD$3.R:
                       x0 = xi = d[i];
                       y0 = yi = d[i + 1];
                       x = d[i++];
@@ -53257,7 +53514,7 @@
                       }
                       ctx.rect(x, y, width, height);
                       break;
-                  case CMD$2.Z:
+                  case CMD$3.Z:
                       if (drawPart) {
                           var l = pathSegLen[segCount++];
                           if (accumLength + l > displayedLength) {
@@ -53284,7 +53541,7 @@
       PathProxy.prototype.canSave = function () {
           return !!this._saveData;
       };
-      PathProxy.CMD = CMD$2;
+      PathProxy.CMD = CMD$3;
       PathProxy.initDefaultProps = (function () {
           var proto = PathProxy.prototype;
           proto._saveData = true;
@@ -53332,7 +53589,7 @@
           || (x < x0 - _l && x < x1 - _l && x < x2 - _l && x < x3 - _l)) {
           return false;
       }
-      var d = cubicProjectPoint(x0, y0, x1, y1, x2, y2, x3, y3, x, y);
+      var d = cubicProjectPoint(x0, y0, x1, y1, x2, y2, x3, y3, x, y, null);
       return d <= _l / 2;
   }
 
@@ -53347,20 +53604,20 @@
           || (x < x0 - _l && x < x1 - _l && x < x2 - _l)) {
           return false;
       }
-      var d = quadraticProjectPoint(x0, y0, x1, y1, x2, y2, x, y);
+      var d = quadraticProjectPoint(x0, y0, x1, y1, x2, y2, x, y, null);
       return d <= _l / 2;
   }
 
-  var PI2$4 = Math.PI * 2;
+  var PI2$5 = Math.PI * 2;
   function normalizeRadian(angle) {
-      angle %= PI2$4;
+      angle %= PI2$5;
       if (angle < 0) {
-          angle += PI2$4;
+          angle += PI2$5;
       }
       return angle;
   }
 
-  var PI2$3 = Math.PI * 2;
+  var PI2$4 = Math.PI * 2;
   function containStroke$1(cx, cy, r, startAngle, endAngle, anticlockwise, lineWidth, x, y) {
       if (lineWidth === 0) {
           return false;
@@ -53372,7 +53629,7 @@
       if ((d - _l > r) || (d + _l < r)) {
           return false;
       }
-      if (Math.abs(startAngle - endAngle) % PI2$3 < 1e-4) {
+      if (Math.abs(startAngle - endAngle) % PI2$4 < 1e-4) {
           return true;
       }
       if (anticlockwise) {
@@ -53385,14 +53642,14 @@
           endAngle = normalizeRadian(endAngle);
       }
       if (startAngle > endAngle) {
-          endAngle += PI2$3;
+          endAngle += PI2$4;
       }
       var angle = Math.atan2(y, x);
       if (angle < 0) {
-          angle += PI2$3;
+          angle += PI2$4;
       }
       return (angle >= startAngle && angle <= endAngle)
-          || (angle + PI2$3 >= startAngle && angle + PI2$3 <= endAngle);
+          || (angle + PI2$4 >= startAngle && angle + PI2$4 <= endAngle);
   }
 
   function windingLine(x0, y0, x1, y1, x, y) {
@@ -53411,8 +53668,8 @@
       return x_ === x ? Infinity : x_ > x ? dir : 0;
   }
 
-  var CMD$1 = PathProxy.CMD;
-  var PI2$2 = Math.PI * 2;
+  var CMD$2 = PathProxy.CMD;
+  var PI2$3 = Math.PI * 2;
   var EPSILON$1 = 1e-4;
   function isAroundEqual$1(a, b) {
       return Math.abs(a - b) < EPSILON$1;
@@ -53529,9 +53786,9 @@
       if (dTheta < 1e-4) {
           return 0;
       }
-      if (dTheta >= PI2$2 - 1e-4) {
+      if (dTheta >= PI2$3 - 1e-4) {
           startAngle = 0;
-          endAngle = PI2$2;
+          endAngle = PI2$3;
           var dir = anticlockwise ? 1 : -1;
           if (x >= roots[0] + cx && x <= roots[1] + cx) {
               return dir;
@@ -53546,8 +53803,8 @@
           endAngle = tmp_1;
       }
       if (startAngle < 0) {
-          startAngle += PI2$2;
-          endAngle += PI2$2;
+          startAngle += PI2$3;
+          endAngle += PI2$3;
       }
       var w = 0;
       for (var i = 0; i < 2; i++) {
@@ -53556,10 +53813,10 @@
               var angle = Math.atan2(y, x_);
               var dir = anticlockwise ? 1 : -1;
               if (angle < 0) {
-                  angle = PI2$2 + angle;
+                  angle = PI2$3 + angle;
               }
               if ((angle >= startAngle && angle <= endAngle)
-                  || (angle + PI2$2 >= startAngle && angle + PI2$2 <= endAngle)) {
+                  || (angle + PI2$3 >= startAngle && angle + PI2$3 <= endAngle)) {
                   if (angle > Math.PI / 2 && angle < Math.PI * 1.5) {
                       dir = -dir;
                   }
@@ -53582,7 +53839,7 @@
       for (var i = 0; i < len;) {
           var cmd = data[i++];
           var isFirst = i === 1;
-          if (cmd === CMD$1.M && i > 1) {
+          if (cmd === CMD$2.M && i > 1) {
               if (!isStroke) {
                   w += windingLine(xi, yi, x0, y0, x, y);
               }
@@ -53594,13 +53851,13 @@
               y0 = yi;
           }
           switch (cmd) {
-              case CMD$1.M:
+              case CMD$2.M:
                   x0 = data[i++];
                   y0 = data[i++];
                   xi = x0;
                   yi = y0;
                   break;
-              case CMD$1.L:
+              case CMD$2.L:
                   if (isStroke) {
                       if (containStroke$4(xi, yi, data[i], data[i + 1], lineWidth, x, y)) {
                           return true;
@@ -53612,7 +53869,7 @@
                   xi = data[i++];
                   yi = data[i++];
                   break;
-              case CMD$1.C:
+              case CMD$2.C:
                   if (isStroke) {
                       if (containStroke$3(xi, yi, data[i++], data[i++], data[i++], data[i++], data[i], data[i + 1], lineWidth, x, y)) {
                           return true;
@@ -53624,7 +53881,7 @@
                   xi = data[i++];
                   yi = data[i++];
                   break;
-              case CMD$1.Q:
+              case CMD$2.Q:
                   if (isStroke) {
                       if (containStroke$2(xi, yi, data[i++], data[i++], data[i], data[i + 1], lineWidth, x, y)) {
                           return true;
@@ -53636,7 +53893,7 @@
                   xi = data[i++];
                   yi = data[i++];
                   break;
-              case CMD$1.A:
+              case CMD$2.A:
                   var cx = data[i++];
                   var cy = data[i++];
                   var rx = data[i++];
@@ -53666,7 +53923,7 @@
                   xi = Math.cos(theta + dTheta) * rx + cx;
                   yi = Math.sin(theta + dTheta) * ry + cy;
                   break;
-              case CMD$1.R:
+              case CMD$2.R:
                   x0 = xi = data[i++];
                   y0 = yi = data[i++];
                   var width = data[i++];
@@ -53686,7 +53943,7 @@
                       w += windingLine(x0, y1, x0, y0, x, y);
                   }
                   break;
-              case CMD$1.Z:
+              case CMD$2.Z:
                   if (isStroke) {
                       if (containStroke$4(xi, yi, x0, y0, lineWidth, x, y)) {
                           return true;
@@ -55605,7 +55862,7 @@
     store.selectStroke = selectState.style && selectState.style.stroke || null;
   }
 
-  var CMD = PathProxy.CMD;
+  var CMD$1 = PathProxy.CMD;
   var points$2 = [[], [], []];
   var mathSqrt$2 = Math.sqrt;
   var mathAtan2 = Math.atan2;
@@ -55621,12 +55878,12 @@
       var j;
       var k;
       var p;
-      var M = CMD.M;
-      var C = CMD.C;
-      var L = CMD.L;
-      var R = CMD.R;
-      var A = CMD.A;
-      var Q = CMD.Q;
+      var M = CMD$1.M;
+      var C = CMD$1.C;
+      var L = CMD$1.L;
+      var R = CMD$1.R;
+      var A = CMD$1.A;
+      var Q = CMD$1.Q;
       for (i = 0, j = 0; i < len;) {
           cmd = data[i++];
           j = i;
@@ -56089,7 +56346,7 @@
   Ellipse.prototype.type = 'ellipse';
 
   var PI$4 = Math.PI;
-  var PI2$1 = PI$4 * 2;
+  var PI2$2 = PI$4 * 2;
   var mathSin = Math.sin;
   var mathCos = Math.cos;
   var mathACos = Math.acos;
@@ -56200,12 +56457,12 @@
       var cx = shape.cx, cy = shape.cy;
       var clockwise = !!shape.clockwise;
       var arc = mathAbs$2(endAngle - startAngle);
-      var mod = arc > PI2$1 && arc % PI2$1;
+      var mod = arc > PI2$2 && arc % PI2$2;
       mod > e && (arc = mod);
       if (!(radius > e)) {
           ctx.moveTo(cx, cy);
       }
-      else if (arc > PI2$1 - e) {
+      else if (arc > PI2$2 - e) {
           ctx.moveTo(cx + radius * mathCos(startAngle), cy + radius * mathSin(startAngle));
           ctx.arc(cx, cy, radius, startAngle, endAngle, !clockwise);
           if (innerRadius > e) {
@@ -58013,7 +58270,7 @@
       var labelStatesTexts = getLabelText(opt, labelStatesModels);
       var normalModel = labelStatesModels.normal;
       var showNormal = !!normalModel.getShallow('show');
-      var normalStyle = createTextStyle(normalModel, stateSpecified && stateSpecified.normal, opt, false, !isSetOnText);
+      var normalStyle = createTextStyle$1(normalModel, stateSpecified && stateSpecified.normal, opt, false, !isSetOnText);
       normalStyle.text = labelStatesTexts.normal;
       if (!isSetOnText) {
         // Always create new
@@ -58028,7 +58285,7 @@
           if (stateShow !== showNormal) {
             stateObj.ignore = !stateShow;
           }
-          stateObj.style = createTextStyle(stateModel, stateSpecified && stateSpecified[stateName], opt, true, !isSetOnText);
+          stateObj.style = createTextStyle$1(stateModel, stateSpecified && stateSpecified[stateName], opt, true, !isSetOnText);
           stateObj.style.text = labelStatesTexts[stateName];
           if (!isSetOnText) {
             var targetElEmphasisState = targetEl.ensureState(stateName);
@@ -58077,7 +58334,7 @@
   /**
    * Set basic textStyle properties.
    */
-  function createTextStyle(textStyleModel, specifiedTextStyle,
+  function createTextStyle$1(textStyleModel, specifiedTextStyle,
   // Fixed style in the code. Can't be set by model.
   opt, isNotNormal, isAttached // If text is attached on an element. If so, auto color will handling in zrender.
   ) {
@@ -59295,7 +59552,7 @@
         return 'second';
     }
   }
-  function format(
+  function format$1(
   // Note: The result based on `isUTC` are totally different, which can not be just simply
   // substituted by the result without `isUTC`. So we make the param `isUTC` mandatory.
   time, template, isUTC, lang) {
@@ -59346,7 +59603,7 @@
         template = formatter[unit][unit][0];
       }
     }
-    return format(new Date(tick.value), template, isUTC, lang);
+    return format$1(new Date(tick.value), template, isUTC, lang);
   }
   function getUnitFromValue(value, isUTC) {
     var date = parseDate(value);
@@ -59477,6 +59734,22 @@
     return isUTC ? 'setUTCMilliseconds' : 'setMilliseconds';
   }
 
+  function getTextRect(text, font, align, verticalAlign, padding, rich, truncate, lineHeight) {
+    var textEl = new ZRText({
+      style: {
+        text: text,
+        font: font,
+        align: align,
+        verticalAlign: verticalAlign,
+        padding: padding,
+        rich: rich,
+        overflow: truncate ? 'truncate' : null,
+        lineHeight: lineHeight
+      }
+    });
+    return textEl.getBoundingRect();
+  }
+
   /**
    * Add a comma each three digit.
    */
@@ -59517,7 +59790,7 @@
     if (isTypeTime || isValueDate) {
       var date = isTypeTime ? parseDate(value) : value;
       if (!isNaN(+date)) {
-        return format(date, USER_READABLE_DEFUALT_TIME_PATTERN, useUTC);
+        return format$1(date, USER_READABLE_DEFUALT_TIME_PATTERN, useUTC);
       } else if (isValueDate) {
         return '-';
       }
@@ -59607,6 +59880,43 @@
       };
     }
   }
+  /**
+   * @deprecated Use `time/format` instead.
+   * ISO Date format
+   * @param {string} tpl
+   * @param {number} value
+   * @param {boolean} [isUTC=false] Default in local time.
+   *           see `module:echarts/scale/Time`
+   *           and `module:echarts/util/number#parseDate`.
+   * @inner
+   */
+  function formatTime(tpl, value, isUTC) {
+    if (process.env.NODE_ENV !== 'production') {
+      deprecateReplaceLog('echarts.format.formatTime', 'echarts.time.format');
+    }
+    if (tpl === 'week' || tpl === 'month' || tpl === 'quarter' || tpl === 'half-year' || tpl === 'year') {
+      tpl = 'MM-dd\nyyyy';
+    }
+    var date = parseDate(value);
+    var getUTC = isUTC ? 'getUTC' : 'get';
+    var y = date[getUTC + 'FullYear']();
+    var M = date[getUTC + 'Month']() + 1;
+    var d = date[getUTC + 'Date']();
+    var h = date[getUTC + 'Hours']();
+    var m = date[getUTC + 'Minutes']();
+    var s = date[getUTC + 'Seconds']();
+    var S = date[getUTC + 'Milliseconds']();
+    tpl = tpl.replace('MM', pad(M, 2)).replace('M', M).replace('yyyy', y).replace('yy', pad(y % 100 + '', 2)).replace('dd', pad(d, 2)).replace('d', d).replace('hh', pad(h, 2)).replace('h', h).replace('mm', pad(m, 2)).replace('m', m).replace('ss', pad(s, 2)).replace('s', s).replace('SSS', pad(S, 3));
+    return tpl;
+  }
+  /**
+   * Capital first
+   * @param {string} str
+   * @return {string}
+   */
+  function capitalFirst(str) {
+    return str ? str.charAt(0).toUpperCase() + str.substr(1) : str;
+  }
   /**
    * @return Never be null/undefined.
    */
@@ -62725,7 +63035,7 @@
   //     See <module:echarts/stream/Scheduler#performDataProcessorTasks>
   // (2) Only register once when import repeatedly.
   //     Should be executed after series is filtered and before stack calculation.
-  function dataStack(ecModel) {
+  function dataStack$1(ecModel) {
     var stackInfoMap = createHashMap();
     ecModel.eachSeries(function (seriesModel) {
       var stack = seriesModel.get('stack');
@@ -69764,13 +70074,17 @@
   * under the License.
   */
   var customRenderers = {};
-  function registerCustomSeries(type, renderItem) {
+  function registerCustomSeries$1(type, renderItem) {
     customRenderers[type] = renderItem;
   }
   function getCustomSeries(type) {
     return customRenderers[type];
   }
 
+  var version$1 = '6.0.0';
+  var dependencies = {
+    zrender: '6.0.0'
+  };
   var TEST_FRAME_REMAIN_TIME = 1;
   var PRIORITY_PROCESSOR_SERIES_FILTER = 800;
   // Some data processors depends on the stack result dimension (to calculate data extent).
@@ -69919,7 +70233,20 @@
           defaultUseDirtyRect = retrieve2(root.__ECHARTS__DEFAULT__USE_DIRTY_RECT__, defaultUseDirtyRect);
         }
       }
-      if (opts.ssr) ;
+      if (opts.ssr) {
+        registerSSRDataGetter(function (el) {
+          var ecData = getECData(el);
+          var dataIndex = ecData.dataIndex;
+          if (dataIndex == null) {
+            return;
+          }
+          var hashMap = createHashMap();
+          hashMap.set('series_index', ecData.seriesIndex);
+          hashMap.set('data_index', dataIndex);
+          ecData.ssrType && hashMap.set('ssr_type', ecData.ssrType);
+          return hashMap;
+        });
+      }
       var zr = _this._zr = init$1(dom, {
         renderer: opts.renderer || defaultRenderer,
         devicePixelRatio: opts.devicePixelRatio,
@@ -71673,6 +72000,7 @@
   var instances = {};
   var connectedGroups = {};
   var idBase = +new Date() - 0;
+  var groupIdBase = +new Date() - 0;
   var DOM_ATTRIBUTE_KEY = '_echarts_instance_';
   /**
    * @param opts.devicePixelRatio Use window.devicePixelRatio by default
@@ -71685,7 +72013,8 @@
    * @param opts.useDirtyRect Enable dirty rectangle rendering or not.
    */
   function init(dom, theme, opts) {
-    {
+    var isClient = !(opts && opts.ssr);
+    if (isClient) {
       if (process.env.NODE_ENV !== 'production') {
         if (!dom) {
           throw new Error('Initialize failed: invalid dom.');
@@ -71699,7 +72028,7 @@
         return existInstance;
       }
       if (process.env.NODE_ENV !== 'production') {
-        if (isDom(dom) && dom.nodeName.toUpperCase() !== 'CANVAS' && (!dom.clientWidth && (!opts) || !dom.clientHeight && (!opts))) {
+        if (isDom(dom) && dom.nodeName.toUpperCase() !== 'CANVAS' && (!dom.clientWidth && (!opts || opts.width == null) || !dom.clientHeight && (!opts || opts.height == null))) {
           warn('Can\'t get DOM width or height. Please check ' + 'dom.clientWidth and dom.clientHeight. They should not be 0.' + 'For example, you may need to call this in the callback ' + 'of window.onload.');
         }
       }
@@ -71707,14 +72036,75 @@
     var chart = new ECharts(dom, theme, opts);
     chart.id = 'ec_' + idBase++;
     instances[chart.id] = chart;
-    setAttribute(dom, DOM_ATTRIBUTE_KEY, chart.id);
+    isClient && setAttribute(dom, DOM_ATTRIBUTE_KEY, chart.id);
     enableConnect(chart);
     lifecycle.trigger('afterinit', chart);
     return chart;
   }
+  /**
+   * @usage
+   * (A)
+   * ```js
+   * let chart1 = echarts.init(dom1);
+   * let chart2 = echarts.init(dom2);
+   * chart1.group = 'xxx';
+   * chart2.group = 'xxx';
+   * echarts.connect('xxx');
+   * ```
+   * (B)
+   * ```js
+   * let chart1 = echarts.init(dom1);
+   * let chart2 = echarts.init(dom2);
+   * echarts.connect('xxx', [chart1, chart2]);
+   * ```
+   */
+  function connect(groupId) {
+    // Is array of charts
+    if (isArray$2(groupId)) {
+      var charts = groupId;
+      groupId = null;
+      // If any chart has group
+      each$c(charts, function (chart) {
+        if (chart.group != null) {
+          groupId = chart.group;
+        }
+      });
+      groupId = groupId || 'g_' + groupIdBase++;
+      each$c(charts, function (chart) {
+        chart.group = groupId;
+      });
+    }
+    connectedGroups[groupId] = true;
+    return groupId;
+  }
+  function disconnect(groupId) {
+    connectedGroups[groupId] = false;
+  }
+  /**
+   * Alias and backward compatibility
+   * @deprecated
+   */
+  var disConnect = disconnect;
+  /**
+   * Dispose a chart instance
+   */
+  function dispose(chart) {
+    if (isString(chart)) {
+      chart = instances[chart];
+    } else if (!(chart instanceof ECharts)) {
+      // Try to treat as dom
+      chart = getInstanceByDom(chart);
+    }
+    if (chart instanceof ECharts && !chart.isDisposed()) {
+      chart.dispose();
+    }
+  }
   function getInstanceByDom(dom) {
     return instances[getAttribute(dom, DOM_ATTRIBUTE_KEY)];
   }
+  function getInstanceById(key) {
+    return instances[key];
+  }
   /**
    * Register theme
    */
@@ -71810,6 +72200,20 @@
   function registerCoordinateSystem(type, coordSysCreator) {
     CoordinateSystemManager.register(type, coordSysCreator);
   }
+  /**
+   * Get dimensions of specified coordinate system.
+   * @param {string} type
+   * @return {Array.<string|Object>}
+   */
+  function getCoordinateSystemDimensions(type) {
+    var coordSysCreator = CoordinateSystemManager.get(type);
+    if (coordSysCreator) {
+      return coordSysCreator.getDimensionsInfo ? coordSysCreator.getDimensionsInfo() : coordSysCreator.dimensions.slice();
+    }
+  }
+  function registerCustomSeries(seriesType, renderItem) {
+    registerCustomSeries$1(seriesType, renderItem);
+  }
   function registerLayout(priority, layoutTask) {
     normalizeRegister(visualFuncs, priority, layoutTask, PRIORITY_VISUAL_LAYOUT, 'layout');
   }
@@ -71844,6 +72248,30 @@
   function registerLoading(name, loadingFx) {
     loadingEffects[name] = loadingFx;
   }
+  /**
+   * ZRender need a canvas context to do measureText.
+   * But in node environment canvas may be created by node-canvas.
+   * So we need to specify how to create a canvas instead of using document.createElement('canvas')
+   *
+   *
+   * @deprecated use setPlatformAPI({ createCanvas }) instead.
+   *
+   * @example
+   *     let Canvas = require('canvas');
+   *     let echarts = require('echarts');
+   *     echarts.setCanvasCreator(function () {
+   *         // Small size is enough.
+   *         return new Canvas(32, 32);
+   *     });
+   */
+  function setCanvasCreator(creator) {
+    if (process.env.NODE_ENV !== 'production') {
+      deprecateLog('setCanvasCreator is deprecated. Use setPlatformAPI({ createCanvas }) instead.');
+    }
+    setPlatformAPI({
+      createCanvas: creator
+    });
+  }
   /**
    * The parameters and usage: see `geoSourceManager.registerMap`.
    * Compatible with previous `echarts.registerMap`.
@@ -71852,6 +72280,10 @@
     var registerMap = getImpl('registerMap');
     registerMap && registerMap(mapName, geoJson, specialAreas);
   }
+  function getMap(mapName) {
+    var getMap = getImpl('getMap');
+    return getMap && getMap(mapName);
+  }
   var registerTransform = registerExternalTransform;
   /**
    * Globa dispatchAction to a specified chart instance.
@@ -71874,7 +72306,7 @@
   registerVisual(PRIORITY_VISUAL_CHART_DATA_CUSTOM, dataSymbolTask);
   registerVisual(PRIORITY_VISUAL_DECAL, decalVisual);
   registerPreprocessor(globalBackwardCompat);
-  registerProcessor(PRIORITY_PROCESSOR_DATASTACK, dataStack);
+  registerProcessor(PRIORITY_PROCESSOR_DATASTACK, dataStack$1);
   registerLoading('default', defaultLoading);
   // Default actions
   registerAction({
@@ -71923,6 +72355,9 @@
   // the default theme after changing to other themes.
   registerTheme('default', {});
   registerTheme('dark', theme);
+  // For backward compatibility, where the namespace `dataTool` will
+  // be mounted on `echarts` is the extension `dataTool` is imported.
+  var dataTool = {};
 
   /*
   * Licensed to the Apache Software Foundation (ASF) under one
@@ -73454,6 +73889,12 @@
     return SeriesData;
   }();
 
+  /**
+   * For outside usage compat (like echarts-gl are using it).
+   */
+  function createDimensions(source, opt) {
+    return prepareSeriesDataSchema(source, opt).dimensions;
+  }
   /**
    * This method builds the relationship between:
    * + "what the coord sys or series requires (see `coordDimensions`)",
@@ -74128,7 +74569,7 @@
    */
   function intervalScaleNiceTicks(extent, spanWithBreaks, splitNumber, minInterval, maxInterval) {
     var result = {};
-    var interval = result.interval = nice(spanWithBreaks / splitNumber);
+    var interval = result.interval = nice(spanWithBreaks / splitNumber, true);
     if (minInterval != null && interval < minInterval) {
       interval = result.interval = minInterval;
     }
@@ -75307,7 +75748,7 @@
      */
     TimeScale.prototype.getLabel = function (tick) {
       var useUTC = this.getSetting('useUTC');
-      return format(tick.value, fullLeveledFormatter[getDefaultFormatPrecisionOfInterval(getPrimaryTimeUnit(this._minLevelUnit))] || fullLeveledFormatter.second, useUTC, this.getSetting('locale'));
+      return format$1(tick.value, fullLeveledFormatter[getDefaultFormatPrecisionOfInterval(getPrimaryTimeUnit(this._minLevelUnit))] || fullLeveledFormatter.second, useUTC, this.getSetting('locale'));
     };
     TimeScale.prototype.getFormattedLabel = function (tick, idx, labelFormatter) {
       var isUTC = this.getSetting('useUTC');
@@ -75528,7 +75969,7 @@
     return approxInterval > 30 ? 30 : approxInterval > 20 ? 20 : approxInterval > 15 ? 15 : approxInterval > 10 ? 10 : approxInterval > 5 ? 5 : approxInterval > 2 ? 2 : 1;
   }
   function getMillisecondsInterval(approxInterval) {
-    return nice(approxInterval);
+    return nice(approxInterval, true);
   }
   // e.g., if the input unit is 'day', start calculate ticks from the first day of
   // that month to make ticks "nice".
@@ -76403,6 +76844,73 @@
     return AxisModelCommonMixin;
   }();
 
+  /**
+   * Create a multi dimension List structure from seriesModel.
+   */
+  function createList$2(seriesModel) {
+    return createSeriesData(null, seriesModel);
+  }
+  var dataStack = {
+    isDimensionStacked: isDimensionStacked,
+    enableDataStack: enableDataStack,
+    getStackedDimension: getStackedDimension
+  };
+  /**
+   * Create scale
+   * @param {Array.<number>} dataExtent
+   * @param {Object|module:echarts/Model} option If `optoin.type`
+   *        is secified, it can only be `'value'` currently.
+   */
+  function createScale(dataExtent, option) {
+    var axisModel = option;
+    if (!(option instanceof Model)) {
+      axisModel = new Model(option);
+      // FIXME
+      // Currently AxisModelCommonMixin has nothing to do with the
+      // the requirements of `axisHelper.createScaleByModel`. For
+      // example the methods `getCategories` and `getOrdinalMeta`
+      // are required for `'category'` axis, and ecModel is required
+      // for `'time'` axis. But occasionally echarts-gl happened
+      // to only use `'value'` axis.
+      // zrUtil.mixin(axisModel, AxisModelCommonMixin);
+    }
+    var scale = createScaleByModel$1(axisModel);
+    scale.setExtent(dataExtent[0], dataExtent[1]);
+    niceScaleExtent(scale, axisModel);
+    return scale;
+  }
+  /**
+   * Mixin common methods to axis model,
+   *
+   * Include methods
+   * `getFormattedLabels() => Array.<string>`
+   * `getCategories() => Array.<string>`
+   * `getMin(origin: boolean) => number`
+   * `getMax(origin: boolean) => number`
+   * `getNeedCrossZero() => boolean`
+   */
+  function mixinAxisModelCommonMethods(Model) {
+    mixin(Model, AxisModelCommonMixin);
+  }
+  function createTextStyle(textStyleModel, opts) {
+    opts = opts || {};
+    return createTextStyle$1(textStyleModel, null, null, opts.state !== 'normal');
+  }
+
+  var helper = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    createDimensions: createDimensions,
+    createList: createList$2,
+    createScale: createScale,
+    createSymbol: createSymbol$1,
+    createTextStyle: createTextStyle,
+    dataStack: dataStack,
+    enableHoverEmphasis: enableHoverEmphasis,
+    getECData: getECData,
+    getLayoutRect: getLayoutRect,
+    mixinAxisModelCommonMethods: mixinAxisModelCommonMethods
+  });
+
   var extensions = [];
   var extensionRegisters = {
     registerPreprocessor: registerPreprocessor,
@@ -76437,7 +76945,7 @@
       ChartView.registerClass(ChartViewClass);
     },
     registerCustomSeries: function (seriesType, renderItem) {
-      registerCustomSeries(seriesType, renderItem);
+      registerCustomSeries$1(seriesType, renderItem);
     },
     registerSubTypeDefaulter: function (componentType, defaulter) {
       ComponentModel.registerSubTypeDefaulter(componentType, defaulter);
@@ -76820,6 +77328,36 @@
     });
   }
 
+  var number = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    MAX_SAFE_INTEGER: MAX_SAFE_INTEGER$2,
+    asc: asc$2,
+    getPercentWithPrecision: getPercentWithPrecision,
+    getPixelPrecision: getPixelPrecision,
+    getPrecision: getPrecision,
+    getPrecisionSafe: getPrecisionSafe,
+    isNumeric: isNumeric,
+    isRadianAroundZero: isRadianAroundZero,
+    linearMap: linearMap$2,
+    nice: nice,
+    numericToNumber: numericToNumber,
+    parseDate: parseDate,
+    parsePercent: parsePercent,
+    quantile: quantile,
+    quantity: quantity,
+    quantityExponent: quantityExponent,
+    reformIntervals: reformIntervals,
+    remRadian: remRadian,
+    round: round$2
+  });
+
+  var time = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    format: format$1,
+    parse: parseDate,
+    roundTime: roundTime
+  });
+
   var graphic$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     Arc: Arc,
@@ -76856,6 +77394,40 @@
     updateProps: updateProps$1
   });
 
+  var format = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    addCommas: addCommas,
+    capitalFirst: capitalFirst,
+    encodeHTML: encodeHTML,
+    formatTime: formatTime,
+    formatTpl: formatTpl,
+    getTextRect: getTextRect,
+    getTooltipMarker: getTooltipMarker,
+    normalizeCssArray: normalizeCssArray,
+    toCamelCase: toCamelCase,
+    truncateText: truncateText
+  });
+
+  var util = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    bind: bind$1,
+    clone: clone$3,
+    curry: curry$1,
+    defaults: defaults,
+    each: each$c,
+    extend: extend,
+    filter: filter,
+    indexOf: indexOf,
+    inherits: inherits,
+    isArray: isArray$2,
+    isFunction: isFunction$1,
+    isObject: isObject$4,
+    isString: isString,
+    map: map$1,
+    merge: merge$1,
+    reduce: reduce
+  });
+
   var modelInner = makeInner();
   var axisInner = makeInner();
   var AxisTickLabelComputingKind = {
@@ -77497,6 +78069,110 @@
     }
   }
 
+  // --------------------- Deprecated Extension Methods ---------------------
+  // Should use `ComponentModel.extend` or `class XXXX extend ComponentModel` to create class.
+  // Then use `registerComponentModel` in `install` parameter when `use` this extension. For example:
+  // class Bar3DModel extends ComponentModel {}
+  // export function install(registers) { registers.registerComponentModel(Bar3DModel); }
+  // echarts.use(install);
+  function extendComponentModel(proto) {
+    var Model = ComponentModel.extend(proto);
+    ComponentModel.registerClass(Model);
+    return Model;
+  }
+  function extendComponentView(proto) {
+    var View = ComponentView.extend(proto);
+    ComponentView.registerClass(View);
+    return View;
+  }
+  function extendSeriesModel(proto) {
+    var Model = SeriesModel.extend(proto);
+    SeriesModel.registerClass(Model);
+    return Model;
+  }
+  function extendChartView(proto) {
+    var View = ChartView.extend(proto);
+    ChartView.registerClass(View);
+    return View;
+  }
+
+  var PI2$1 = Math.PI * 2;
+  var CMD = PathProxy.CMD;
+  var DEFAULT_SEARCH_SPACE = ['top', 'right', 'bottom', 'left'];
+  function getCandidateAnchor(pos, distance, rect, outPt, outDir) {
+    var width = rect.width;
+    var height = rect.height;
+    switch (pos) {
+      case 'top':
+        outPt.set(rect.x + width / 2, rect.y - distance);
+        outDir.set(0, -1);
+        break;
+      case 'bottom':
+        outPt.set(rect.x + width / 2, rect.y + height + distance);
+        outDir.set(0, 1);
+        break;
+      case 'left':
+        outPt.set(rect.x - distance, rect.y + height / 2);
+        outDir.set(-1, 0);
+        break;
+      case 'right':
+        outPt.set(rect.x + width + distance, rect.y + height / 2);
+        outDir.set(1, 0);
+        break;
+    }
+  }
+  function projectPointToArc(cx, cy, r, startAngle, endAngle, anticlockwise, x, y, out) {
+    x -= cx;
+    y -= cy;
+    var d = Math.sqrt(x * x + y * y);
+    x /= d;
+    y /= d;
+    // Intersect point.
+    var ox = x * r + cx;
+    var oy = y * r + cy;
+    if (Math.abs(startAngle - endAngle) % PI2$1 < 1e-4) {
+      // Is a circle
+      out[0] = ox;
+      out[1] = oy;
+      return d - r;
+    }
+    if (anticlockwise) {
+      var tmp = startAngle;
+      startAngle = normalizeRadian(endAngle);
+      endAngle = normalizeRadian(tmp);
+    } else {
+      startAngle = normalizeRadian(startAngle);
+      endAngle = normalizeRadian(endAngle);
+    }
+    if (startAngle > endAngle) {
+      endAngle += PI2$1;
+    }
+    var angle = Math.atan2(y, x);
+    if (angle < 0) {
+      angle += PI2$1;
+    }
+    if (angle >= startAngle && angle <= endAngle || angle + PI2$1 >= startAngle && angle + PI2$1 <= endAngle) {
+      // Project point is on the arc.
+      out[0] = ox;
+      out[1] = oy;
+      return d - r;
+    }
+    var x1 = r * Math.cos(startAngle) + cx;
+    var y1 = r * Math.sin(startAngle) + cy;
+    var x2 = r * Math.cos(endAngle) + cx;
+    var y2 = r * Math.sin(endAngle) + cy;
+    var d1 = (x1 - x) * (x1 - x) + (y1 - y) * (y1 - y);
+    var d2 = (x2 - x) * (x2 - x) + (y2 - y) * (y2 - y);
+    if (d1 < d2) {
+      out[0] = x1;
+      out[1] = y1;
+      return Math.sqrt(d1);
+    } else {
+      out[0] = x2;
+      out[1] = y2;
+      return Math.sqrt(d2);
+    }
+  }
   function projectPointToLine(x1, y1, x2, y2, x, y, out, limitToEnds) {
     var dx = x - x1;
     var dy = y - y1;
@@ -77508,17 +78184,189 @@
     // dot product
     var projectedLen = dx * dx1 + dy * dy1;
     var t = projectedLen / lineLen;
+    if (limitToEnds) {
+      t = Math.min(Math.max(t, 0), 1);
+    }
     t *= lineLen;
     var ox = out[0] = x1 + t * dx1;
     var oy = out[1] = y1 + t * dy1;
     return Math.sqrt((ox - x) * (ox - x) + (oy - y) * (oy - y));
   }
+  function projectPointToRect(x1, y1, width, height, x, y, out) {
+    if (width < 0) {
+      x1 = x1 + width;
+      width = -width;
+    }
+    if (height < 0) {
+      y1 = y1 + height;
+      height = -height;
+    }
+    var x2 = x1 + width;
+    var y2 = y1 + height;
+    var ox = out[0] = Math.min(Math.max(x, x1), x2);
+    var oy = out[1] = Math.min(Math.max(y, y1), y2);
+    return Math.sqrt((ox - x) * (ox - x) + (oy - y) * (oy - y));
+  }
+  var tmpPt = [];
+  function nearestPointOnRect(pt, rect, out) {
+    var dist = projectPointToRect(rect.x, rect.y, rect.width, rect.height, pt.x, pt.y, tmpPt);
+    out.set(tmpPt[0], tmpPt[1]);
+    return dist;
+  }
+  /**
+   * Calculate min distance corresponding point.
+   * This method won't evaluate if point is in the path.
+   */
+  function nearestPointOnPath(pt, path, out) {
+    var xi = 0;
+    var yi = 0;
+    var x0 = 0;
+    var y0 = 0;
+    var x1;
+    var y1;
+    var minDist = Infinity;
+    var data = path.data;
+    var x = pt.x;
+    var y = pt.y;
+    for (var i = 0; i < data.length;) {
+      var cmd = data[i++];
+      if (i === 1) {
+        xi = data[i];
+        yi = data[i + 1];
+        x0 = xi;
+        y0 = yi;
+      }
+      var d = minDist;
+      switch (cmd) {
+        case CMD.M:
+          // moveTo 命令重新创建一个新的 subpath, 并且更新新的起点
+          // 在 closePath 的时候使用
+          x0 = data[i++];
+          y0 = data[i++];
+          xi = x0;
+          yi = y0;
+          break;
+        case CMD.L:
+          d = projectPointToLine(xi, yi, data[i], data[i + 1], x, y, tmpPt, true);
+          xi = data[i++];
+          yi = data[i++];
+          break;
+        case CMD.C:
+          d = cubicProjectPoint(xi, yi, data[i++], data[i++], data[i++], data[i++], data[i], data[i + 1], x, y, tmpPt);
+          xi = data[i++];
+          yi = data[i++];
+          break;
+        case CMD.Q:
+          d = quadraticProjectPoint(xi, yi, data[i++], data[i++], data[i], data[i + 1], x, y, tmpPt);
+          xi = data[i++];
+          yi = data[i++];
+          break;
+        case CMD.A:
+          // TODO Arc 判断的开销比较大
+          var cx = data[i++];
+          var cy = data[i++];
+          var rx = data[i++];
+          var ry = data[i++];
+          var theta = data[i++];
+          var dTheta = data[i++];
+          // TODO Arc 旋转
+          i += 1;
+          var anticlockwise = !!(1 - data[i++]);
+          x1 = Math.cos(theta) * rx + cx;
+          y1 = Math.sin(theta) * ry + cy;
+          // 不是直接使用 arc 命令
+          if (i <= 1) {
+            // 第一个命令起点还未定义
+            x0 = x1;
+            y0 = y1;
+          }
+          // zr 使用scale来模拟椭圆, 这里也对x做一定的缩放
+          var _x = (x - cx) * ry / rx + cx;
+          d = projectPointToArc(cx, cy, ry, theta, theta + dTheta, anticlockwise, _x, y, tmpPt);
+          xi = Math.cos(theta + dTheta) * rx + cx;
+          yi = Math.sin(theta + dTheta) * ry + cy;
+          break;
+        case CMD.R:
+          x0 = xi = data[i++];
+          y0 = yi = data[i++];
+          var width = data[i++];
+          var height = data[i++];
+          d = projectPointToRect(x0, y0, width, height, x, y, tmpPt);
+          break;
+        case CMD.Z:
+          d = projectPointToLine(xi, yi, x0, y0, x, y, tmpPt, true);
+          xi = x0;
+          yi = y0;
+          break;
+      }
+      if (d < minDist) {
+        minDist = d;
+        out.set(tmpPt[0], tmpPt[1]);
+      }
+    }
+    return minDist;
+  }
   // Temporal variable for intermediate usage.
   var pt0 = new Point();
   var pt1 = new Point();
   var pt2 = new Point();
   var dir = new Point();
   var dir2 = new Point();
+  /**
+   * Calculate a proper guide line based on the label position and graphic element definition
+   * @param label
+   * @param labelRect
+   * @param target
+   * @param targetRect
+   */
+  function updateLabelLinePoints(target, labelLineModel) {
+    if (!target) {
+      return;
+    }
+    var labelLine = target.getTextGuideLine();
+    var label = target.getTextContent();
+    // Needs to create text guide in each charts.
+    if (!(label && labelLine)) {
+      return;
+    }
+    var labelGuideConfig = target.textGuideLineConfig || {};
+    var points = [[0, 0], [0, 0], [0, 0]];
+    var searchSpace = labelGuideConfig.candidates || DEFAULT_SEARCH_SPACE;
+    var labelRect = label.getBoundingRect().clone();
+    labelRect.applyTransform(label.getComputedTransform());
+    var minDist = Infinity;
+    var anchorPoint = labelGuideConfig.anchor;
+    var targetTransform = target.getComputedTransform();
+    var targetInversedTransform = targetTransform && invert([], targetTransform);
+    var len = labelLineModel.get('length2') || 0;
+    if (anchorPoint) {
+      pt2.copy(anchorPoint);
+    }
+    for (var i = 0; i < searchSpace.length; i++) {
+      var candidate = searchSpace[i];
+      getCandidateAnchor(candidate, 0, labelRect, pt0, dir);
+      Point.scaleAndAdd(pt1, pt0, dir, len);
+      // Transform to target coord space.
+      pt1.transform(targetInversedTransform);
+      // Note: getBoundingRect will ensure the `path` being created.
+      var boundingRect = target.getBoundingRect();
+      var dist = anchorPoint ? anchorPoint.distance(pt1) : target instanceof Path ? nearestPointOnPath(pt1, target.path, pt2) : nearestPointOnRect(pt1, boundingRect, pt2);
+      // TODO pt2 is in the path
+      if (dist < minDist) {
+        minDist = dist;
+        // Transform back to global space.
+        pt1.transform(targetTransform);
+        pt2.transform(targetTransform);
+        pt2.toArray(points[0]);
+        pt1.toArray(points[1]);
+        pt0.toArray(points[2]);
+      }
+    }
+    limitTurnAngle(points, labelLineModel.get('minTurnAngle'));
+    labelLine.setShape({
+      points: points
+    });
+  }
   // Temporal variable for the limitTurnAngle function
   var tmpArr = [];
   var tmpProjPoint = new Point();
@@ -77553,7 +78401,7 @@
     if (minTurnAngleCos < angleCos) {
       // Smaller than minTurnAngle
       // Calculate project point of pt0 on pt1-pt2
-      var d = projectPointToLine(pt1.x, pt1.y, pt2.x, pt2.y, pt0.x, pt0.y, tmpArr);
+      var d = projectPointToLine(pt1.x, pt1.y, pt2.x, pt2.y, pt0.x, pt0.y, tmpArr, false);
       tmpProjPoint.fromArray(tmpArr);
       // Calculate new projected length with limited minTurnAngle and get the new connect point
       tmpProjPoint.scaleAndAdd(dir2, d / Math.tan(Math.PI - minTurnAngle));
@@ -77595,7 +78443,7 @@
     var maxSurfaceAngleCos = Math.cos(maxSurfaceAngle);
     if (angleCos < maxSurfaceAngleCos) {
       // Calculate project point of pt0 on pt1-pt2
-      var d = projectPointToLine(pt1.x, pt1.y, pt2.x, pt2.y, pt0.x, pt0.y, tmpArr);
+      var d = projectPointToLine(pt1.x, pt1.y, pt2.x, pt2.y, pt0.x, pt0.y, tmpArr, false);
       tmpProjPoint.fromArray(tmpArr);
       var HALF_PI = Math.PI / 2;
       var angle2 = Math.acos(dir2.dot(surfaceNormal));
@@ -78048,6 +78896,19 @@
     }
     return adjusted;
   }
+  /**
+   * @see `SavedLabelAttr` in `LabelManager.ts`
+   * @see `hideOverlap`
+   */
+  function restoreIgnore(labelList) {
+    for (var i = 0; i < labelList.length; i++) {
+      var labelItem = labelList[i];
+      var defaultAttr = labelItem.defaultAttr;
+      var labelLine = labelItem.labelLine;
+      labelItem.label.attr('ignore', defaultAttr.ignore);
+      labelLine && labelLine.attr('ignore', defaultAttr.labelGuideIgnore);
+    }
+  }
   /**
    * [NOTICE - restore]:
    *  'series:layoutlabels' may be triggered during some shortcut passes, such as zooming in series.graph/geo
@@ -78131,6 +78992,496 @@
     return ensureOBB(baseLayoutInfo).intersect(ensureOBB(targetLayoutInfo), mtv, intersectOpt);
   }
 
+  function cloneArr(points) {
+    if (points) {
+      var newPoints = [];
+      for (var i = 0; i < points.length; i++) {
+        newPoints.push(points[i].slice());
+      }
+      return newPoints;
+    }
+  }
+  function prepareLayoutCallbackParams(labelItem, hostEl) {
+    var label = labelItem.label;
+    var labelLine = hostEl && hostEl.getTextGuideLine();
+    return {
+      dataIndex: labelItem.dataIndex,
+      dataType: labelItem.dataType,
+      seriesIndex: labelItem.seriesModel.seriesIndex,
+      text: labelItem.label.style.text,
+      rect: labelItem.hostRect,
+      labelRect: labelItem.rect,
+      // x: labelAttr.x,
+      // y: labelAttr.y,
+      align: label.style.align,
+      verticalAlign: label.style.verticalAlign,
+      labelLinePoints: cloneArr(labelLine && labelLine.shape.points)
+    };
+  }
+  var LABEL_OPTION_TO_STYLE_KEYS = ['align', 'verticalAlign', 'width', 'height', 'fontSize'];
+  var dummyTransformable = new Transformable();
+  var labelLayoutInnerStore = makeInner();
+  var labelLineAnimationStore = makeInner();
+  function extendWithKeys(target, source, keys) {
+    for (var i = 0; i < keys.length; i++) {
+      var key = keys[i];
+      if (source[key] != null) {
+        target[key] = source[key];
+      }
+    }
+  }
+  var LABEL_LAYOUT_PROPS = ['x', 'y', 'rotation'];
+  var LabelManager = /** @class */function () {
+    function LabelManager() {
+      this._labelList = [];
+      this._chartViewList = [];
+    }
+    LabelManager.prototype.clearLabels = function () {
+      this._labelList = [];
+      this._chartViewList = [];
+    };
+    /**
+     * Add label to manager
+     */
+    LabelManager.prototype._addLabel = function (dataIndex, dataType, seriesModel, label, layoutOptionOrCb) {
+      var labelStyle = label.style;
+      var hostEl = label.__hostTarget;
+      var textConfig = hostEl.textConfig || {};
+      // TODO: If label is in other state.
+      var labelTransform = label.getComputedTransform();
+      var labelRect = label.getBoundingRect().plain();
+      BoundingRect.applyTransform(labelRect, labelRect, labelTransform);
+      if (labelTransform) {
+        dummyTransformable.setLocalTransform(labelTransform);
+      } else {
+        // Identity transform.
+        dummyTransformable.x = dummyTransformable.y = dummyTransformable.rotation = dummyTransformable.originX = dummyTransformable.originY = 0;
+        dummyTransformable.scaleX = dummyTransformable.scaleY = 1;
+      }
+      dummyTransformable.rotation = normalizeRadian(dummyTransformable.rotation);
+      var host = label.__hostTarget;
+      var hostRect;
+      if (host) {
+        hostRect = host.getBoundingRect().plain();
+        var transform = host.getComputedTransform();
+        BoundingRect.applyTransform(hostRect, hostRect, transform);
+      }
+      var labelGuide = hostRect && host.getTextGuideLine();
+      this._labelList.push({
+        label: label,
+        labelLine: labelGuide,
+        seriesModel: seriesModel,
+        dataIndex: dataIndex,
+        dataType: dataType,
+        layoutOptionOrCb: layoutOptionOrCb,
+        layoutOption: null,
+        rect: labelRect,
+        hostRect: hostRect,
+        // Label with lower priority will be hidden when overlapped
+        // Use rect size as default priority
+        priority: hostRect ? hostRect.width * hostRect.height : 0,
+        // Save default label attributes.
+        // For restore if developers want get back to default value in callback.
+        defaultAttr: {
+          ignore: label.ignore,
+          labelGuideIgnore: labelGuide && labelGuide.ignore,
+          x: dummyTransformable.x,
+          y: dummyTransformable.y,
+          scaleX: dummyTransformable.scaleX,
+          scaleY: dummyTransformable.scaleY,
+          rotation: dummyTransformable.rotation,
+          style: {
+            x: labelStyle.x,
+            y: labelStyle.y,
+            align: labelStyle.align,
+            verticalAlign: labelStyle.verticalAlign,
+            width: labelStyle.width,
+            height: labelStyle.height,
+            fontSize: labelStyle.fontSize
+          },
+          cursor: label.cursor,
+          attachedPos: textConfig.position,
+          attachedRot: textConfig.rotation
+        }
+      });
+    };
+    LabelManager.prototype.addLabelsOfSeries = function (chartView) {
+      var _this = this;
+      this._chartViewList.push(chartView);
+      var seriesModel = chartView.__model;
+      var layoutOption = seriesModel.get('labelLayout');
+      /**
+       * Ignore layouting if it's not specified anything.
+       */
+      if (!(isFunction$1(layoutOption) || keys(layoutOption).length)) {
+        return;
+      }
+      chartView.group.traverse(function (child) {
+        if (child.ignore) {
+          return true; // Stop traverse descendants.
+        }
+        // Only support label being hosted on graphic elements.
+        var textEl = child.getTextContent();
+        var ecData = getECData(child);
+        // Can only attach the text on the element with dataIndex
+        if (textEl && !textEl.disableLabelLayout) {
+          _this._addLabel(ecData.dataIndex, ecData.dataType, seriesModel, textEl, layoutOption);
+        }
+      });
+    };
+    LabelManager.prototype.updateLayoutConfig = function (api) {
+      var width = api.getWidth();
+      var height = api.getHeight();
+      function createDragHandler(el, labelLineModel) {
+        return function () {
+          updateLabelLinePoints(el, labelLineModel);
+        };
+      }
+      for (var i = 0; i < this._labelList.length; i++) {
+        var labelItem = this._labelList[i];
+        var label = labelItem.label;
+        var hostEl = label.__hostTarget;
+        var defaultLabelAttr = labelItem.defaultAttr;
+        var layoutOption = void 0;
+        // TODO A global layout option?
+        if (isFunction$1(labelItem.layoutOptionOrCb)) {
+          layoutOption = labelItem.layoutOptionOrCb(prepareLayoutCallbackParams(labelItem, hostEl));
+        } else {
+          layoutOption = labelItem.layoutOptionOrCb;
+        }
+        layoutOption = layoutOption || {};
+        labelItem.layoutOption = layoutOption;
+        var degreeToRadian = Math.PI / 180;
+        // TODO hostEl should always exists.
+        // Or label should not have parent because the x, y is all in global space.
+        if (hostEl) {
+          hostEl.setTextConfig({
+            // Force to set local false.
+            local: false,
+            // Ignore position and rotation config on the host el if x or y is changed.
+            position: layoutOption.x != null || layoutOption.y != null ? null : defaultLabelAttr.attachedPos,
+            // Ignore rotation config on the host el if rotation is changed.
+            rotation: layoutOption.rotate != null ? layoutOption.rotate * degreeToRadian : defaultLabelAttr.attachedRot,
+            offset: [layoutOption.dx || 0, layoutOption.dy || 0]
+          });
+        }
+        var needsUpdateLabelLine = false;
+        if (layoutOption.x != null) {
+          // TODO width of chart view.
+          label.x = parsePercent(layoutOption.x, width);
+          label.setStyle('x', 0); // Ignore movement in style. TODO: origin.
+          needsUpdateLabelLine = true;
+        } else {
+          label.x = defaultLabelAttr.x;
+          label.setStyle('x', defaultLabelAttr.style.x);
+        }
+        if (layoutOption.y != null) {
+          // TODO height of chart view.
+          label.y = parsePercent(layoutOption.y, height);
+          label.setStyle('y', 0); // Ignore movement in style.
+          needsUpdateLabelLine = true;
+        } else {
+          label.y = defaultLabelAttr.y;
+          label.setStyle('y', defaultLabelAttr.style.y);
+        }
+        if (layoutOption.labelLinePoints) {
+          var guideLine = hostEl.getTextGuideLine();
+          if (guideLine) {
+            guideLine.setShape({
+              points: layoutOption.labelLinePoints
+            });
+            // Not update
+            needsUpdateLabelLine = false;
+          }
+        }
+        var labelLayoutStore = labelLayoutInnerStore(label);
+        labelLayoutStore.needsUpdateLabelLine = needsUpdateLabelLine;
+        label.rotation = layoutOption.rotate != null ? layoutOption.rotate * degreeToRadian : defaultLabelAttr.rotation;
+        label.scaleX = defaultLabelAttr.scaleX;
+        label.scaleY = defaultLabelAttr.scaleY;
+        for (var k = 0; k < LABEL_OPTION_TO_STYLE_KEYS.length; k++) {
+          var key = LABEL_OPTION_TO_STYLE_KEYS[k];
+          label.setStyle(key, layoutOption[key] != null ? layoutOption[key] : defaultLabelAttr.style[key]);
+        }
+        if (layoutOption.draggable) {
+          label.draggable = true;
+          label.cursor = 'move';
+          if (hostEl) {
+            var hostModel = labelItem.seriesModel;
+            if (labelItem.dataIndex != null) {
+              var data = labelItem.seriesModel.getData(labelItem.dataType);
+              hostModel = data.getItemModel(labelItem.dataIndex);
+            }
+            label.on('drag', createDragHandler(hostEl, hostModel.getModel('labelLine')));
+          }
+        } else {
+          // TODO Other drag functions?
+          label.off('drag');
+          label.cursor = defaultLabelAttr.cursor;
+        }
+      }
+    };
+    LabelManager.prototype.layout = function (api) {
+      var width = api.getWidth();
+      var height = api.getHeight();
+      var labelList = [];
+      each$c(this._labelList, function (inputItem) {
+        if (!inputItem.defaultAttr.ignore) {
+          labelList.push(newLabelLayoutWithGeometry({}, inputItem));
+        }
+      });
+      var labelsNeedsAdjustOnX = filter(labelList, function (item) {
+        return item.layoutOption.moveOverlap === 'shiftX';
+      });
+      var labelsNeedsAdjustOnY = filter(labelList, function (item) {
+        return item.layoutOption.moveOverlap === 'shiftY';
+      });
+      shiftLayoutOnXY(labelsNeedsAdjustOnX, 0, 0, width);
+      shiftLayoutOnXY(labelsNeedsAdjustOnY, 1, 0, height);
+      var labelsNeedsHideOverlap = filter(labelList, function (item) {
+        return item.layoutOption.hideOverlap;
+      });
+      restoreIgnore(labelsNeedsHideOverlap);
+      hideOverlap(labelsNeedsHideOverlap);
+    };
+    /**
+     * Process all labels. Not only labels with layoutOption.
+     */
+    LabelManager.prototype.processLabelsOverall = function () {
+      var _this = this;
+      each$c(this._chartViewList, function (chartView) {
+        var seriesModel = chartView.__model;
+        var ignoreLabelLineUpdate = chartView.ignoreLabelLineUpdate;
+        var animationEnabled = seriesModel.isAnimationEnabled();
+        chartView.group.traverse(function (child) {
+          if (child.ignore && !child.forceLabelAnimation) {
+            return true; // Stop traverse descendants.
+          }
+          var needsUpdateLabelLine = !ignoreLabelLineUpdate;
+          var label = child.getTextContent();
+          if (!needsUpdateLabelLine && label) {
+            needsUpdateLabelLine = labelLayoutInnerStore(label).needsUpdateLabelLine;
+          }
+          if (needsUpdateLabelLine) {
+            _this._updateLabelLine(child, seriesModel);
+          }
+          if (animationEnabled) {
+            _this._animateLabels(child, seriesModel);
+          }
+        });
+      });
+    };
+    LabelManager.prototype._updateLabelLine = function (el, seriesModel) {
+      // Only support label being hosted on graphic elements.
+      var textEl = el.getTextContent();
+      // Update label line style.
+      var ecData = getECData(el);
+      var dataIndex = ecData.dataIndex;
+      // Only support labelLine on the labels represent data.
+      if (textEl && dataIndex != null) {
+        var data = seriesModel.getData(ecData.dataType);
+        var itemModel = data.getItemModel(dataIndex);
+        var defaultStyle = {};
+        var visualStyle = data.getItemVisual(dataIndex, 'style');
+        if (visualStyle) {
+          var visualType = data.getVisual('drawType');
+          // Default to be same with main color
+          defaultStyle.stroke = visualStyle[visualType];
+        }
+        var labelLineModel = itemModel.getModel('labelLine');
+        setLabelLineStyle(el, getLabelLineStatesModels(itemModel), defaultStyle);
+        updateLabelLinePoints(el, labelLineModel);
+      }
+    };
+    LabelManager.prototype._animateLabels = function (el, seriesModel) {
+      var textEl = el.getTextContent();
+      var guideLine = el.getTextGuideLine();
+      // Animate
+      if (textEl
+      // `forceLabelAnimation` has the highest priority
+      && (el.forceLabelAnimation || !textEl.ignore && !textEl.invisible && !el.disableLabelAnimation && !isElementRemoved(el))) {
+        var layoutStore = labelLayoutInnerStore(textEl);
+        var oldLayout = layoutStore.oldLayout;
+        var ecData = getECData(el);
+        var dataIndex = ecData.dataIndex;
+        var newProps = {
+          x: textEl.x,
+          y: textEl.y,
+          rotation: textEl.rotation
+        };
+        var data = seriesModel.getData(ecData.dataType);
+        if (!oldLayout) {
+          textEl.attr(newProps);
+          // Disable fade in animation if value animation is enabled.
+          if (!labelInner(textEl).valueAnimation) {
+            var oldOpacity = retrieve2(textEl.style.opacity, 1);
+            // Fade in animation
+            textEl.style.opacity = 0;
+            initProps(textEl, {
+              style: {
+                opacity: oldOpacity
+              }
+            }, seriesModel, dataIndex);
+          }
+        } else {
+          textEl.attr(oldLayout);
+          // Make sure the animation from is in the right status.
+          var prevStates = el.prevStates;
+          if (prevStates) {
+            if (indexOf(prevStates, 'select') >= 0) {
+              textEl.attr(layoutStore.oldLayoutSelect);
+            }
+            if (indexOf(prevStates, 'emphasis') >= 0) {
+              textEl.attr(layoutStore.oldLayoutEmphasis);
+            }
+          }
+          updateProps$1(textEl, newProps, seriesModel, dataIndex);
+        }
+        layoutStore.oldLayout = newProps;
+        if (textEl.states.select) {
+          var layoutSelect = layoutStore.oldLayoutSelect = {};
+          extendWithKeys(layoutSelect, newProps, LABEL_LAYOUT_PROPS);
+          extendWithKeys(layoutSelect, textEl.states.select, LABEL_LAYOUT_PROPS);
+        }
+        if (textEl.states.emphasis) {
+          var layoutEmphasis = layoutStore.oldLayoutEmphasis = {};
+          extendWithKeys(layoutEmphasis, newProps, LABEL_LAYOUT_PROPS);
+          extendWithKeys(layoutEmphasis, textEl.states.emphasis, LABEL_LAYOUT_PROPS);
+        }
+        animateLabelValue(textEl, dataIndex, data, seriesModel, seriesModel);
+      }
+      if (guideLine && !guideLine.ignore && !guideLine.invisible) {
+        var layoutStore = labelLineAnimationStore(guideLine);
+        var oldLayout = layoutStore.oldLayout;
+        var newLayout = {
+          points: guideLine.shape.points
+        };
+        if (!oldLayout) {
+          guideLine.setShape(newLayout);
+          guideLine.style.strokePercent = 0;
+          initProps(guideLine, {
+            style: {
+              strokePercent: 1
+            }
+          }, seriesModel);
+        } else {
+          guideLine.attr({
+            shape: oldLayout
+          });
+          updateProps$1(guideLine, {
+            shape: newLayout
+          }, seriesModel);
+        }
+        layoutStore.oldLayout = newLayout;
+      }
+    };
+    return LabelManager;
+  }();
+
+  var getLabelManager = makeInner();
+  function installLabelLayout(registers) {
+    registers.registerUpdateLifecycle('series:beforeupdate', function (ecModel, api, params) {
+      // TODO api provide an namespace that can save stuff per instance
+      var labelManager = getLabelManager(api).labelManager;
+      if (!labelManager) {
+        labelManager = getLabelManager(api).labelManager = new LabelManager();
+      }
+      labelManager.clearLabels();
+    });
+    registers.registerUpdateLifecycle('series:layoutlabels', function (ecModel, api, params) {
+      var labelManager = getLabelManager(api).labelManager;
+      params.updatedSeries.forEach(function (series) {
+        labelManager.addLabelsOfSeries(api.getViewOfSeriesModel(series));
+      });
+      labelManager.updateLayoutConfig(api);
+      labelManager.layout(api);
+      labelManager.processLabelsOverall();
+    });
+  }
+
+  use(installLabelLayout);
+
+  /*
+  * Licensed to the Apache Software Foundation (ASF) under one
+  * or more contributor license agreements.  See the NOTICE file
+  * distributed with this work for additional information
+  * regarding copyright ownership.  The ASF licenses this file
+  * to you under the Apache License, Version 2.0 (the
+  * "License"); you may not use this file except in compliance
+  * with the License.  You may obtain a copy of the License at
+  *
+  *   http://www.apache.org/licenses/LICENSE-2.0
+  *
+  * Unless required by applicable law or agreed to in writing,
+  * software distributed under the License is distributed on an
+  * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+  * KIND, either express or implied.  See the License for the
+  * specific language governing permissions and limitations
+  * under the License.
+  */
+
+  var core = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    Axis: Axis,
+    ChartView: ChartView,
+    ComponentModel: ComponentModel,
+    ComponentView: ComponentView,
+    List: SeriesData,
+    Model: Model,
+    PRIORITY: PRIORITY,
+    SeriesModel: SeriesModel,
+    color: color$2,
+    connect: connect,
+    dataTool: dataTool,
+    dependencies: dependencies,
+    disConnect: disConnect,
+    disconnect: disconnect,
+    dispose: dispose,
+    env: env,
+    extendChartView: extendChartView,
+    extendComponentModel: extendComponentModel,
+    extendComponentView: extendComponentView,
+    extendSeriesModel: extendSeriesModel,
+    format: format,
+    getCoordinateSystemDimensions: getCoordinateSystemDimensions,
+    getInstanceByDom: getInstanceByDom,
+    getInstanceById: getInstanceById,
+    getMap: getMap,
+    graphic: graphic$1,
+    helper: helper,
+    init: init,
+    innerDrawElementOnCanvas: brushSingle,
+    matrix: matrix,
+    number: number,
+    parseGeoJSON: parseGeoJSON,
+    parseGeoJson: parseGeoJSON,
+    registerAction: registerAction,
+    registerCoordinateSystem: registerCoordinateSystem,
+    registerCustomSeries: registerCustomSeries,
+    registerLayout: registerLayout,
+    registerLoading: registerLoading,
+    registerLocale: registerLocale,
+    registerMap: registerMap$1,
+    registerPostInit: registerPostInit,
+    registerPostUpdate: registerPostUpdate,
+    registerPreprocessor: registerPreprocessor,
+    registerProcessor: registerProcessor,
+    registerTheme: registerTheme,
+    registerTransform: registerTransform,
+    registerUpdateLifecycle: registerUpdateLifecycle,
+    registerVisual: registerVisual,
+    setCanvasCreator: setCanvasCreator,
+    setPlatformAPI: setPlatformAPI,
+    throttle: throttle,
+    time: time,
+    use: use,
+    util: util,
+    vector: vector,
+    version: version$1,
+    zrUtil: util$1,
+    zrender: zrender
+  });
+
   var LineSeriesModel = /** @class */function (_super) {
     __extends(LineSeriesModel, _super);
     function LineSeriesModel() {
@@ -83894,8 +85245,7 @@
           return this.__ordinalMeta;
         };
         AxisModel.prototype.updateAxisBreaks = function (payload) {
-          var axisBreakHelper = getAxisBreakHelper();
-          return axisBreakHelper ? axisBreakHelper.updateModelAxisBreak(this, payload) : {
+          return {
             breaks: []
           };
         };
@@ -84586,7 +85936,7 @@
         y: pos.y,
         rotation: labelLayout.rotation,
         silent: AxisBuilder.isLabelSilent(axisModel),
-        style: createTextStyle(textStyleModel, {
+        style: createTextStyle$1(textStyleModel, {
           text: name,
           font: textFont,
           overflow: 'truncate',
@@ -84939,7 +86289,7 @@
         // --- transform props end ---
         silent: AxisBuilder.isLabelSilent(axisModel),
         z2: z2,
-        style: createTextStyle(itemLabelModel, {
+        style: createTextStyle$1(itemLabelModel, {
           text: formattedLabel,
           align: index === 0 ? alignMin : index === labels.length - 1 ? alignMax : align,
           verticalAlign: index === 0 ? verticalAlignMin : index === labels.length - 1 ? verticalAlignMax : verticalAlign,
@@ -92704,7 +94054,7 @@
             lineJoin: 'bevel'
           }),
           textContent: new ZRText({
-            style: createTextStyle(textStyleModel, {
+            style: createTextStyle$1(textStyleModel, {
               text: text
             })
           }),
@@ -92715,7 +94065,7 @@
           onclick: curry$1(onSelect, itemNode)
         });
         el.disableLabelAnimation = true;
-        el.getTextContent().ensureState('emphasis').style = createTextStyle(emphasisTextStyleModel, {
+        el.getTextContent().ensureState('emphasis').style = createTextStyle$1(emphasisTextStyleModel, {
           text: text
         });
         el.ensureState('emphasis').style = emphasisItemStyle;
@@ -96911,7 +98261,7 @@
           }
           if (rotate === 0) {
             group.add(new ZRText({
-              style: createTextStyle(labelModel, {
+              style: createTextStyle$1(labelModel, {
                 text: label,
                 x: textStyleX,
                 y: textStyleY,
@@ -96924,7 +98274,7 @@
             }));
           } else {
             group.add(new ZRText({
-              style: createTextStyle(labelModel, {
+              style: createTextStyle$1(labelModel, {
                 text: label,
                 x: textStyleX,
                 y: textStyleY,
@@ -97184,7 +98534,7 @@
           var labelEl = newTitleEls[idx];
           labelEl.attr({
             z2: showPointerAbove ? 0 : 2,
-            style: createTextStyle(itemTitleModel, {
+            style: createTextStyle$1(itemTitleModel, {
               x: titleX,
               y: titleY,
               text: data.getName(idx),
@@ -97208,7 +98558,7 @@
           var formatter_1 = itemDetailModel.get('formatter');
           labelEl.attr({
             z2: showPointerAbove ? 0 : 2,
-            style: createTextStyle(itemDetailModel, {
+            style: createTextStyle$1(itemDetailModel, {
               x: detailX,
               y: detailY,
               text: formatLabel(value, formatter_1),
@@ -103195,7 +104545,7 @@
         if (isNormal) {
           text = text || _this.node.name;
         }
-        state.style = createTextStyle(labelStateModel, {}, null, stateName !== 'normal', true);
+        state.style = createTextStyle$1(labelStateModel, {}, null, stateName !== 'normal', true);
         if (text) {
           state.style.text = text;
         }
@@ -105100,7 +106450,7 @@
       // Now that the feature of "auto adjust text fill/stroke" has been migrated to zrender
       // since ec5, we should set `isAttached` as `false` here and make compat in
       // `convertToEC4StyleForCustomSerise`.
-      var textStyle = createTextStyle(labelModel, null, opt, false, true);
+      var textStyle = createTextStyle$1(labelModel, null, opt, false, true);
       textStyle.text = labelModel.getShallow('show') ? retrieve2(customSeries.getFormattedLabel(dataIndexInside, NORMAL), getDefaultLabel(data, dataIndexInside)) : null;
       var textConfig = createTextConfig(labelModel, opt, false);
       preFetchFromExtra(userProps, itemStyle);
@@ -105121,7 +106471,7 @@
       dataIndexInside == null && (dataIndexInside = currDataIndexInside);
       var itemStyle = getItemStyleModel(dataIndexInside, EMPHASIS).getItemStyle();
       var labelModel = getLabelModel(dataIndexInside, EMPHASIS);
-      var textStyle = createTextStyle(labelModel, null, null, true, true);
+      var textStyle = createTextStyle$1(labelModel, null, null, true, true);
       textStyle.text = labelModel.getShallow('show') ? retrieve3(customSeries.getFormattedLabel(dataIndexInside, EMPHASIS), customSeries.getFormattedLabel(dataIndexInside, NORMAL), getDefaultLabel(data, dataIndexInside)) : null;
       var textConfig = createTextConfig(labelModel, null, true);
       preFetchFromExtra(userProps, itemStyle);
@@ -105918,7 +107268,7 @@
       // shape: {x: 0, y: 0, width: width, height: height, r: labelModel.get('borderRadius')},
       x: position[0],
       y: position[1],
-      style: createTextStyle(labelModel, {
+      style: createTextStyle$1(labelModel, {
         text: text,
         font: font,
         fill: labelModel.getTextColor(),
@@ -107125,7 +108475,7 @@
         }
         var textEl = new ZRText({
           silent: AxisBuilder.isLabelSilent(angleAxisModel),
-          style: createTextStyle(labelModel, {
+          style: createTextStyle$1(labelModel, {
             x: p[0],
             y: p[1],
             fill: labelModel.getTextColor() || angleAxisModel.get(['axisLine', 'lineStyle', 'color']),
@@ -108050,7 +109400,7 @@
       var content = this._formatterLabel(formatter, params);
       var yearText = new ZRText({
         z2: 30,
-        style: createTextStyle(yearLabel, {
+        style: createTextStyle$1(yearLabel, {
           text: content
         }),
         silent: yearLabel.get('silent')
@@ -108131,7 +109481,7 @@
         var content = this._formatterLabel(formatter, params);
         var monthText = new ZRText({
           z2: 30,
-          style: extend(createTextStyle(monthLabel, {
+          style: extend(createTextStyle$1(monthLabel, {
             text: content
           }), this._monthTextPositionControl(tmp, isCenter, orient, pos, margin)),
           silent: labelSilent
@@ -108196,7 +109546,7 @@
         day = Math.abs((i + firstDayOfWeek) % 7);
         var weekText = new ZRText({
           z2: 30,
-          style: extend(createTextStyle(dayLabel, {
+          style: extend(createTextStyle$1(dayLabel, {
             text: nameMap[day]
           }), this._weekTextPositionControl(point, orient, pos, margin, cellSize)),
           silent: labelSilent
@@ -113540,7 +114890,7 @@
           var isTimeAxis = params0 && params0.axisType && params0.axisType.indexOf('time') >= 0;
           html = formatter;
           if (isTimeAxis) {
-            html = format(params0.axisValue, html, useUTC);
+            html = format$1(params0.axisValue, html, useUTC);
           }
           html = formatTpl(html, params, true);
         } else if (isFunction$1(formatter)) {
@@ -114677,7 +116027,7 @@
       var textAlign = titleModel.get('textAlign');
       var textVerticalAlign = retrieve2(titleModel.get('textBaseline'), titleModel.get('textVerticalAlign'));
       var textEl = new ZRText({
-        style: createTextStyle(textStyleModel, {
+        style: createTextStyle$1(textStyleModel, {
           text: titleModel.get('text'),
           fill: textStyleModel.getTextColor()
         }, {
@@ -114688,7 +116038,7 @@
       var textRect = textEl.getBoundingRect();
       var subText = titleModel.get('subtext');
       var subTextEl = new ZRText({
-        style: createTextStyle(subtextStyleModel, {
+        style: createTextStyle$1(subtextStyleModel, {
           text: subText,
           fill: subtextStyleModel.getTextColor(),
           y: textRect.height + titleModel.get('itemGap'),
@@ -115386,14 +116736,14 @@
           rotation: layoutInfo.labelRotation - layoutInfo.rotation,
           onclick: bind$1(_this._changeTimeline, _this, dataIndex),
           silent: false,
-          style: createTextStyle(normalLabelModel, {
+          style: createTextStyle$1(normalLabelModel, {
             text: labelItem.formattedLabel,
             align: layoutInfo.labelAlign,
             verticalAlign: layoutInfo.labelBaseline
           })
         });
-        textEl.ensureState('emphasis').style = createTextStyle(hoverLabelModel);
-        textEl.ensureState('progress').style = createTextStyle(progressLabelModel);
+        textEl.ensureState('emphasis').style = createTextStyle$1(hoverLabelModel);
+        textEl.ensureState('progress').style = createTextStyle$1(progressLabelModel);
         group.add(textEl);
         enableHoverEmphasis(textEl);
         labelDataIndexStore(textEl).dataIndex = dataIndex;
@@ -117461,7 +118811,7 @@
       }
       var textColor = isSelected ? textStyleModel.getTextColor() : legendItemModel.get('inactiveColor');
       itemGroup.add(new ZRText({
-        style: createTextStyle(textStyleModel, {
+        style: createTextStyle$1(textStyleModel, {
           text: content,
           x: textX,
           y: itemHeight / 2,
@@ -119173,7 +120523,7 @@
         thisGroup.add(handleLabels[handleIndex] = new ZRText({
           silent: true,
           invisible: !handleLabelShow,
-          style: createTextStyle(textStyleModel, {
+          style: createTextStyle$1(textStyleModel, {
             x: 0,
             y: 0,
             text: '',
@@ -120380,7 +121730,7 @@
       var orient = this._orient;
       var textStyleModel = this.visualMapModel.textStyleModel;
       this.group.add(new ZRText({
-        style: createTextStyle(textStyleModel, {
+        style: createTextStyle$1(textStyleModel, {
           x: position[0],
           y: position[1],
           verticalAlign: textStyleModel.get('verticalAlign') || (orient === 'horizontal' ? 'middle' : align),
@@ -120464,7 +121814,7 @@
           stop(e.event);
         },
         ondragend: onDragEnd,
-        style: createTextStyle(textStyleModel, {
+        style: createTextStyle$1(textStyleModel, {
           x: 0,
           y: 0,
           text: ''
@@ -120511,7 +121861,7 @@
       var indicatorLabel = new ZRText({
         silent: true,
         invisible: true,
-        style: createTextStyle(textStyleModel, {
+        style: createTextStyle$1(textStyleModel, {
           x: 0,
           y: 0,
           text: ''
@@ -121536,7 +122886,7 @@
           var visualState = this.visualMapModel.getValueState(representValue);
           var align = textStyleModel.get('align') || itemAlign;
           itemGroup.add(new ZRText({
-            style: createTextStyle(textStyleModel, {
+            style: createTextStyle$1(textStyleModel, {
               x: align === 'right' ? -textGap : itemSize[0] + textGap,
               y: itemSize[1] / 2,
               text: piece.text,
@@ -121591,7 +122941,7 @@
       var itemGroup = new Group$3();
       var textStyleModel = this.visualMapModel.textStyleModel;
       itemGroup.add(new ZRText({
-        style: createTextStyle(textStyleModel, {
+        style: createTextStyle$1(textStyleModel, {
           x: showLabel ? itemAlign === 'right' ? itemSize[0] : 0 : itemSize[0] / 2,
           y: itemSize[1] / 2,
           verticalAlign: 'middle',
@@ -123048,6 +124398,7 @@
       "#FFAF20"
     ]
   });
+  const MENU_RESIZE_DELAYS = [50, 100, 200];
   const RESIZE_DEBOUNCE_DELAY = 100;
   function useChart(options = {}) {
     const { initOptions, initDelay = 0, threshold = 0.1, autoTheme = true } = options;
@@ -123087,8 +124438,18 @@
         resizeTimeoutId = null;
       }, RESIZE_DEBOUNCE_DELAY);
     };
+    const multiDelayResize = (delays) => {
+      vue.nextTick(requestAnimationResize);
+      delays.forEach((delay) => {
+        setTimeout(requestAnimationResize, delay);
+      });
+    };
     let menuOpenStopHandle = null;
     let menuTypeStopHandle = null;
+    const setupMenuWatchers = () => {
+      vue.nextTick(requestAnimationResize);
+      setTimeout(() => multiDelayResize(MENU_RESIZE_DELAYS), 0);
+    };
     const cleanupMenuWatchers = () => {
       menuOpenStopHandle?.();
       menuTypeStopHandle?.();
@@ -123300,6 +124661,7 @@
     const performChartInit = (options2) => {
       if (!chart && chartRef.value && !isDestroyed) {
         chart = init(chartRef.value);
+        setupMenuWatchers();
       }
       if (chart && !isDestroyed) {
         chart.setOption(options2);
@@ -146136,6 +147498,7 @@
   exports.downloadByOnlineUrl = downloadByOnlineUrl;
   exports.downloadByUrl = downloadByUrl;
   exports.downloadStreamFile = downloadStreamFile;
+  exports.echarts = core;
   exports.elSvg = elSvg;
   exports.emitter = emitter;
   exports.feature = feature;
@@ -146153,6 +147516,7 @@
   exports.getJWTDate = getJWTDate;
   exports.getToken = getToken;
   exports.getWeek = getWeek;
+  exports.graphic = graphic;
   exports.hAuth = hAuth;
   exports.hAuthAll = hAuthAll;
   exports.hAuths = hAuths;