@fmdevui/fm-dev 1.0.115 → 1.0.116

package/index.mjs

@@ -1,11 +1,11 @@
-/*! fm-dev v1.0.115 */
+/*! fm-dev v1.0.116 */
 import { defineComponent, reactive, computed, watch, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString as toDisplayString$1, withDirectives, createElementBlock, Fragment, renderList, vShow, ref, onMounted, nextTick, normalizeStyle as normalizeStyle$1, createCommentVNode, normalizeClass, withModifiers, mergeModels, useModel, effectScope, getCurrentInstance, shallowRef, isRef as isRef$1, inject, onUnmounted, h, Text, createSlots, renderSlot, markRaw, hasInjectionContext, toRaw as toRaw$1, isReactive as isReactive$1, toRef, unref, getCurrentScope, onScopeDispose, toRefs, resolveDirective, mergeProps, resolveDynamicComponent, useSlots, toHandlers, onBeforeUnmount, onUpdated, useAttrs, normalizeProps, guardReactiveProps } from 'vue';
 import crypto from 'crypto';
 import require$$0 from 'url';
 import require$$1 from 'http';
 import require$$2 from 'https';
 import http2 from 'http2';
-import util from 'util';
+import util$2 from 'util';
 import stream, { Readable } from 'stream';
 import require$$4 from 'assert';
 import zlib from 'zlib';
@@ -5421,7 +5421,7 @@ const readBlob = async function* (blob) {
 
 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);
@@ -5816,7 +5816,7 @@ class Http2Sessions {
 
       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;
         }
       }
@@ -6243,7 +6243,7 @@ var httpAdapter = isHttpAdapterSupported && function httpAdapter(config) {
 
       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) {
@@ -9038,14 +9038,14 @@ function commonjsRequire(path) {
 	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) {
@@ -9053,7 +9053,7 @@ function requireCore () {
 				// CommonJS
 				module.exports = factory();
 			}
-		}(core, function () {
+		}(core$1, function () {
 
 			/*globals window, global, require*/
 
@@ -9847,8 +9847,8 @@ function requireCore () {
 			return CryptoJS;
 
 		})); 
-	} (core$1));
-	return core$1.exports;
+	} (core$2));
+	return core$2.exports;
 }
 
 var x64Core$1 = {exports: {}};
@@ -17591,7 +17591,7 @@ if ((process.env.NODE_ENV !== 'production')) {
 }
 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];
     }
@@ -17886,7 +17886,7 @@ const errorMessages$2 = {
 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;
@@ -19420,7 +19420,7 @@ function createUnhandleNodeError(type) {
     return new Error(`unhandled node type: ${type}`);
 }
 
-function format$1(ast) {
+function format$2(ast) {
     const msg = (ctx) => formatParts(ctx, ast);
     return msg;
 }
@@ -19503,7 +19503,7 @@ function formatMessagePart(ctx, node) {
 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;
@@ -19542,7 +19542,7 @@ function compile(message, context) {
             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)
@@ -19562,10 +19562,10 @@ function compile(message, context) {
             }
             // compose message function from message (AST)
             return (compileCache[cacheKey] =
-                format$1(message));
+                format$2(message));
         }
         else {
-            return format$1(message);
+            return format$2(message);
         }
     }
 }
@@ -20061,7 +20061,7 @@ const warnMessages$1 = {
     [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 */
@@ -20504,7 +20504,7 @@ function clearDateTimeFormat(ctx, locale, format) {
 }
 
 // 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) {
@@ -21484,7 +21484,7 @@ const warnMessages = {
     [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 */
@@ -21936,7 +21936,7 @@ function createComposer(options = {}) {
     }
     // 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) {
@@ -21967,7 +21967,7 @@ function createComposer(options = {}) {
     }
     // 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) {
@@ -31800,7 +31800,7 @@ function createRect() {
   return rect;
 }
 var range;
-function getTextRect(node) {
+function getTextRect$1(node) {
   if (!range)
     range = document.createRange();
   range.selectNode(node);
@@ -31820,7 +31820,7 @@ function getFragmentRect(vnode) {
       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);
@@ -42934,6 +42934,13 @@ var platformApi = {
         return image;
     }
 };
+function setPlatformAPI(newPlatformApis) {
+    for (var key in platformApi) {
+        if (newPlatformApis[key]) {
+            platformApi[key] = newPlatformApis[key];
+        }
+    }
+}
 
 var BUILTIN_OBJECT = reduce([
     'Function',
@@ -43079,6 +43086,7 @@ function defaults(target, source, overlay) {
     }
     return target;
 }
+var createCanvas = platformApi.createCanvas;
 function indexOf(array, value) {
     if (array) {
         if (array.indexOf) {
@@ -43473,6 +43481,62 @@ function hasOwn(own, prop) {
 }
 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) {
@@ -43514,9 +43578,24 @@ function sub(out, v1, v2) {
 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;
@@ -43544,6 +43623,11 @@ function distanceSquare(v1, v2) {
         + (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]);
@@ -43567,6 +43651,35 @@ function max$1(out, v1, v2) {
     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;
@@ -44249,6 +44362,19 @@ function clone$1(a) {
     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;
@@ -46064,6 +46190,10 @@ function cubicProjectPoint(x0, y0, x1, y1, x2, y2, x3, y3, x, y, out) {
             }
         }
     }
+    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) {
@@ -46187,6 +46317,10 @@ function quadraticProjectPoint(x0, y0, x1, y1, x2, y2, x, y, out) {
             }
         }
     }
+    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) {
@@ -46696,9 +46830,12 @@ function lift(color, level) {
     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;
             }
@@ -46709,6 +46846,12 @@ function lift(color, level) {
         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)) {
@@ -46727,6 +46870,7 @@ function fastLerp(normalizedValue, colors, out) {
     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)) {
@@ -46753,6 +46897,7 @@ function lerp(normalizedValue, colors, fullOutput) {
         }
         : color;
 }
+var mapToColor = lerp;
 function modifyHSL(color, h, s, l) {
     var colorArr = parse(color);
     if (color) {
@@ -46787,6 +46932,13 @@ function lum(color, backgroundLum) {
             + (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)) {
@@ -46808,6 +46960,25 @@ function liftColor(color) {
     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';
 }
@@ -49983,9 +50154,45 @@ function init$1(dom, opts) {
     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
@@ -50160,6 +50367,24 @@ function getPixelPrecision(dataExtent, pixelExtent) {
   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.
@@ -50224,6 +50449,8 @@ function addSafe(val0, val1) {
   // // 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.
  */
@@ -50342,7 +50569,7 @@ function nice(val, round) {
   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) {
@@ -50354,12 +50581,37 @@ function nice(val, round) {
     } 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([
@@ -51611,6 +51863,11 @@ function isImageReady(image) {
 }
 
 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 = '';
@@ -52476,7 +52733,7 @@ var mathMin$7 = Math.min;
 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();
@@ -52553,7 +52810,7 @@ function fromArc(x, y, rx, ry, startAngle, endAngle, anticlockwise, min, max) {
     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;
@@ -52566,19 +52823,19 @@ function fromArc(x, y, rx, ry, startAngle, endAngle, anticlockwise, min, max) {
     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;
@@ -52595,7 +52852,7 @@ function fromArc(x, y, rx, ry, startAngle, endAngle, anticlockwise, min, max) {
     }
 }
 
-var CMD$2 = {
+var CMD$3 = {
     M: 1,
     L: 2,
     C: 3,
@@ -52616,7 +52873,7 @@ var mathCos$2 = Math.cos;
 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) {
@@ -52626,22 +52883,22 @@ function modPI2(radian) {
 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;
@@ -52700,7 +52957,7 @@ var PathProxy = (function () {
     };
     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;
@@ -52712,7 +52969,7 @@ var PathProxy = (function () {
         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);
         }
@@ -52733,7 +52990,7 @@ var PathProxy = (function () {
     };
     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);
         }
@@ -52743,7 +53000,7 @@ var PathProxy = (function () {
     };
     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);
         }
@@ -52759,7 +53016,7 @@ var PathProxy = (function () {
         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;
@@ -52775,12 +53032,12 @@ var PathProxy = (function () {
     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;
@@ -52905,7 +53162,7 @@ var PathProxy = (function () {
                 y0 = yi;
             }
             switch (cmd) {
-                case CMD$2.M:
+                case CMD$3.M:
                     xi = x0 = data[i++];
                     yi = y0 = data[i++];
                     min2[0] = x0;
@@ -52913,22 +53170,22 @@ var PathProxy = (function () {
                     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++];
@@ -52945,14 +53202,14 @@ var PathProxy = (function () {
                     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;
@@ -52991,11 +53248,11 @@ var PathProxy = (function () {
             }
             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;
@@ -53007,7 +53264,7 @@ var PathProxy = (function () {
                     }
                     break;
                 }
-                case CMD$2.C: {
+                case CMD$3.C: {
                     var x1 = data[i++];
                     var y1 = data[i++];
                     var x2 = data[i++];
@@ -53019,7 +53276,7 @@ var PathProxy = (function () {
                     yi = y3;
                     break;
                 }
-                case CMD$2.Q: {
+                case CMD$3.Q: {
                     var x1 = data[i++];
                     var y1 = data[i++];
                     var x2 = data[i++];
@@ -53029,7 +53286,7 @@ var PathProxy = (function () {
                     yi = y2;
                     break;
                 }
-                case CMD$2.A:
+                case CMD$3.A:
                     var cx = data[i++];
                     var cy = data[i++];
                     var rx = data[i++];
@@ -53042,11 +53299,11 @@ var PathProxy = (function () {
                         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++];
@@ -53054,7 +53311,7 @@ var PathProxy = (function () {
                     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);
@@ -53111,17 +53368,17 @@ var PathProxy = (function () {
                 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);
@@ -53151,7 +53408,7 @@ var PathProxy = (function () {
                     }
                     break;
                 }
-                case CMD$2.C: {
+                case CMD$3.C: {
                     var x1 = d[i++];
                     var y1 = d[i++];
                     var x2 = d[i++];
@@ -53174,7 +53431,7 @@ var PathProxy = (function () {
                     yi = y3;
                     break;
                 }
-                case CMD$2.Q: {
+                case CMD$3.Q: {
                     var x1 = d[i++];
                     var y1 = d[i++];
                     var x2 = d[i++];
@@ -53195,7 +53452,7 @@ var PathProxy = (function () {
                     yi = y2;
                     break;
                 }
-                case CMD$2.A:
+                case CMD$3.A:
                     var cx = d[i++];
                     var cy = d[i++];
                     var rx = d[i++];
@@ -53232,7 +53489,7 @@ var PathProxy = (function () {
                     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++];
@@ -53263,7 +53520,7 @@ var PathProxy = (function () {
                     }
                     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) {
@@ -53290,7 +53547,7 @@ var PathProxy = (function () {
     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;
@@ -53338,7 +53595,7 @@ function containStroke$3(x0, y0, x1, y1, x2, y2, x3, y3, lineWidth, x, y) {
         || (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;
 }
 
@@ -53353,20 +53610,20 @@ function containStroke$2(x0, y0, x1, y1, x2, y2, lineWidth, x, y) {
         || (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;
@@ -53378,7 +53635,7 @@ function containStroke$1(cx, cy, r, startAngle, endAngle, anticlockwise, lineWid
     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) {
@@ -53391,14 +53648,14 @@ function containStroke$1(cx, cy, r, startAngle, endAngle, anticlockwise, lineWid
         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) {
@@ -53417,8 +53674,8 @@ function windingLine(x0, y0, x1, y1, x, y) {
     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;
@@ -53535,9 +53792,9 @@ function windingArc(cx, cy, r, startAngle, endAngle, anticlockwise, x, y) {
     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;
@@ -53552,8 +53809,8 @@ function windingArc(cx, cy, r, startAngle, endAngle, anticlockwise, x, y) {
         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++) {
@@ -53562,10 +53819,10 @@ function windingArc(cx, cy, r, startAngle, endAngle, anticlockwise, x, y) {
             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;
                 }
@@ -53588,7 +53845,7 @@ function containPath(path, lineWidth, isStroke, x, y) {
     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);
             }
@@ -53600,13 +53857,13 @@ function containPath(path, lineWidth, isStroke, x, y) {
             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;
@@ -53618,7 +53875,7 @@ function containPath(path, lineWidth, isStroke, x, y) {
                 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;
@@ -53630,7 +53887,7 @@ function containPath(path, lineWidth, isStroke, x, y) {
                 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;
@@ -53642,7 +53899,7 @@ function containPath(path, lineWidth, isStroke, x, y) {
                 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++];
@@ -53672,7 +53929,7 @@ function containPath(path, lineWidth, isStroke, x, y) {
                 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++];
@@ -53692,7 +53949,7 @@ function containPath(path, lineWidth, isStroke, x, y) {
                     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;
@@ -55611,7 +55868,7 @@ function savePathStates(el) {
   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;
@@ -55627,12 +55884,12 @@ function transformPath(path, m) {
     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;
@@ -56095,7 +56352,7 @@ var Ellipse = (function (_super) {
 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;
@@ -56206,12 +56463,12 @@ function buildPath$1(ctx, shape) {
     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) {
@@ -58019,7 +58276,7 @@ function setLabelStyle(targetEl, labelStatesModels, opt, stateSpecified
     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
@@ -58034,7 +58291,7 @@ function setLabelStyle(targetEl, labelStatesModels, opt, stateSpecified
         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);
@@ -58083,7 +58340,7 @@ function getLabelStatesModels(itemModel, labelName) {
 /**
  * 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.
 ) {
@@ -59301,7 +59558,7 @@ function getDefaultFormatPrecisionOfInterval(timeUnit) {
       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) {
@@ -59352,7 +59609,7 @@ function leveledFormat(tick, idx, formatter, lang, isUTC) {
       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);
@@ -59483,6 +59740,22 @@ function millisecondsSetterName(isUTC) {
   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.
  */
@@ -59523,7 +59796,7 @@ function makeValueReadable(value, valueType, useUTC) {
   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 '-';
     }
@@ -59613,6 +59886,43 @@ function getTooltipMarker(inOpt, extraCssText) {
     };
   }
 }
+/**
+ * @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.
  */
@@ -62731,7 +63041,7 @@ function globalBackwardCompat(option, isTheme) {
 //     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');
@@ -69770,13 +70080,17 @@ function getImpl(name) {
 * 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).
@@ -69925,7 +70239,20 @@ var ECharts = /** @class */function (_super) {
         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,
@@ -71679,6 +72006,7 @@ var loadingEffects = {};
 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
@@ -71691,7 +72019,8 @@ var DOM_ATTRIBUTE_KEY = '_echarts_instance_';
  * @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.');
@@ -71705,7 +72034,7 @@ function init(dom, theme, opts) {
       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.');
       }
     }
@@ -71713,14 +72042,75 @@ function init(dom, theme, opts) {
   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
  */
@@ -71816,6 +72206,20 @@ function registerAction(arg0, arg1, action) {
 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');
 }
@@ -71850,6 +72254,30 @@ function normalizeRegister(targetList, priority, fn, defaultPriority, visualType
 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`.
@@ -71858,6 +72286,10 @@ function registerMap$1(mapName, geoJson, specialAreas) {
   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.
@@ -71880,7 +72312,7 @@ registerVisual(PRIORITY_VISUAL_GLOBAL, seriesSymbolTask);
 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({
@@ -71929,6 +72361,9 @@ function makeSelectChangedEvent(actionResultBatch, payload, ecModel, api) {
 // 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
@@ -73460,6 +73895,12 @@ var SeriesData = /** @class */function () {
   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`)",
@@ -74134,7 +74575,7 @@ function isIntervalOrLogScale(scale) {
  */
 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;
   }
@@ -75313,7 +75754,7 @@ var TimeScale = /** @class */function (_super) {
    */
   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');
@@ -75534,7 +75975,7 @@ function getMinutesAndSecondsInterval(approxInterval, isMinutes) {
   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".
@@ -76409,6 +76850,73 @@ var AxisModelCommonMixin = /** @class */function () {
   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,
@@ -76443,7 +76951,7 @@ var extensionRegisters = {
     ChartView.registerClass(ChartViewClass);
   },
   registerCustomSeries: function (seriesType, renderItem) {
-    registerCustomSeries(seriesType, renderItem);
+    registerCustomSeries$1(seriesType, renderItem);
   },
   registerSubTypeDefaulter: function (componentType, defaulter) {
     ComponentModel.registerSubTypeDefaulter(componentType, defaulter);
@@ -76826,6 +77334,36 @@ function parseGeoJSON(geoJson, nameProperty) {
   });
 }
 
+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,
@@ -76862,6 +77400,40 @@ var graphic$1 = /*#__PURE__*/Object.freeze({
   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 = {
@@ -77503,6 +78075,110 @@ function fixOnBandTicksCoords(axis, ticksCoords, alignWithLabel, clamp) {
   }
 }
 
+// --------------------- 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;
@@ -77514,17 +78190,189 @@ function projectPointToLine(x1, y1, x2, y2, x, y, out, limitToEnds) {
   // 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();
@@ -77559,7 +78407,7 @@ function limitTurnAngle(linePoints, minTurnAngle) {
   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));
@@ -77601,7 +78449,7 @@ function limitSurfaceAngle(linePoints, surfaceNormal, maxSurfaceAngle) {
   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));
@@ -78054,6 +78902,19 @@ balanceShift) {
   }
   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
@@ -78137,6 +78998,496 @@ function labelIntersect(baseLayoutInfo, targetLayoutInfo, mtv, intersectOpt) {
   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() {
@@ -83900,8 +85251,7 @@ function axisModelCreator(registers, axisName, BaseAxisModelClass, extraDefaultO
         return this.__ordinalMeta;
       };
       AxisModel.prototype.updateAxisBreaks = function (payload) {
-        var axisBreakHelper = getAxisBreakHelper();
-        return axisBreakHelper ? axisBreakHelper.updateModelAxisBreak(this, payload) : {
+        return {
           breaks: []
         };
       };
@@ -84592,7 +85942,7 @@ var builders = {
       y: pos.y,
       rotation: labelLayout.rotation,
       silent: AxisBuilder.isLabelSilent(axisModel),
-      style: createTextStyle(textStyleModel, {
+      style: createTextStyle$1(textStyleModel, {
         text: name,
         font: textFont,
         overflow: 'truncate',
@@ -84945,7 +86295,7 @@ function buildAxisLabel(cfg, local, group, kind, axisModel, api) {
       // --- 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,
@@ -92710,7 +94060,7 @@ var Breadcrumb = /** @class */function () {
           lineJoin: 'bevel'
         }),
         textContent: new ZRText({
-          style: createTextStyle(textStyleModel, {
+          style: createTextStyle$1(textStyleModel, {
             text: text
           })
         }),
@@ -92721,7 +94071,7 @@ var Breadcrumb = /** @class */function () {
         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;
@@ -96917,7 +98267,7 @@ function formatLabel(value, labelFormatter) {
         }
         if (rotate === 0) {
           group.add(new ZRText({
-            style: createTextStyle(labelModel, {
+            style: createTextStyle$1(labelModel, {
               text: label,
               x: textStyleX,
               y: textStyleY,
@@ -96930,7 +98280,7 @@ function formatLabel(value, labelFormatter) {
           }));
         } else {
           group.add(new ZRText({
-            style: createTextStyle(labelModel, {
+            style: createTextStyle$1(labelModel, {
               text: label,
               x: textStyleX,
               y: textStyleY,
@@ -97190,7 +98540,7 @@ function formatLabel(value, labelFormatter) {
         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),
@@ -97214,7 +98564,7 @@ function formatLabel(value, labelFormatter) {
         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),
@@ -103201,7 +104551,7 @@ var SunburstPiece = /** @class */function (_super) {
       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;
       }
@@ -105106,7 +106456,7 @@ function makeRenderItem(customSeries, data, ecModel, api) {
     // 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);
@@ -105127,7 +106477,7 @@ function makeRenderItem(customSeries, data, ecModel, api) {
     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);
@@ -105924,7 +107274,7 @@ function buildLabelElOption(elOption, axisModel, axisPointerModel, api, labelPos
     // 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(),
@@ -107131,7 +108481,7 @@ var angelAxisElementsBuilders = {
       }
       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']),
@@ -108056,7 +109406,7 @@ function mergeAndNormalizeLayoutParams$1(target, raw) {
     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')
@@ -108137,7 +109487,7 @@ function mergeAndNormalizeLayoutParams$1(target, raw) {
       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
@@ -108202,7 +109552,7 @@ function mergeAndNormalizeLayoutParams$1(target, raw) {
       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
@@ -113546,7 +114896,7 @@ var TooltipView = /** @class */function (_super) {
         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)) {
@@ -114683,7 +116033,7 @@ var TitleView = /** @class */function (_super) {
     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()
       }, {
@@ -114694,7 +116044,7 @@ var TitleView = /** @class */function (_super) {
     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'),
@@ -115392,14 +116742,14 @@ var labelDataIndexStore = makeInner();
         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;
@@ -117467,7 +118817,7 @@ var LegendView = /** @class */function (_super) {
     }
     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,
@@ -119179,7 +120529,7 @@ var SliderZoomView = /** @class */function (_super) {
       thisGroup.add(handleLabels[handleIndex] = new ZRText({
         silent: true,
         invisible: !handleLabelShow,
-        style: createTextStyle(textStyleModel, {
+        style: createTextStyle$1(textStyleModel, {
           x: 0,
           y: 0,
           text: '',
@@ -120386,7 +121736,7 @@ var ContinuousView = /** @class */function (_super) {
     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),
@@ -120470,7 +121820,7 @@ var ContinuousView = /** @class */function (_super) {
         stop(e.event);
       },
       ondragend: onDragEnd,
-      style: createTextStyle(textStyleModel, {
+      style: createTextStyle$1(textStyleModel, {
         x: 0,
         y: 0,
         text: ''
@@ -120517,7 +121867,7 @@ var ContinuousView = /** @class */function (_super) {
     var indicatorLabel = new ZRText({
       silent: true,
       invisible: true,
-      style: createTextStyle(textStyleModel, {
+      style: createTextStyle$1(textStyleModel, {
         x: 0,
         y: 0,
         text: ''
@@ -121542,7 +122892,7 @@ var PiecewiseVisualMapView = /** @class */function (_super) {
         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,
@@ -121597,7 +122947,7 @@ var PiecewiseVisualMapView = /** @class */function (_super) {
     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',
@@ -123054,6 +124404,7 @@ const useChartOps = () => ({
     "#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;
@@ -123093,8 +124444,18 @@ function useChart(options = {}) {
       resizeTimeoutId = null;
     }, RESIZE_DEBOUNCE_DELAY);
   };
+  const multiDelayResize = (delays) => {
+    nextTick(requestAnimationResize);
+    delays.forEach((delay) => {
+      setTimeout(requestAnimationResize, delay);
+    });
+  };
   let menuOpenStopHandle = null;
   let menuTypeStopHandle = null;
+  const setupMenuWatchers = () => {
+    nextTick(requestAnimationResize);
+    setTimeout(() => multiDelayResize(MENU_RESIZE_DELAYS), 0);
+  };
   const cleanupMenuWatchers = () => {
     menuOpenStopHandle?.();
     menuTypeStopHandle?.();
@@ -123306,6 +124667,7 @@ function useChart(options = {}) {
   const performChartInit = (options2) => {
     if (!chart && chartRef.value && !isDestroyed) {
       chart = init(chartRef.value);
+      setupMenuWatchers();
     }
     if (chart && !isDestroyed) {
       chart.setOption(options2);
@@ -146091,4 +147453,4 @@ const version = "1.0.0";
 
 const install = installer.install;
 
-export { AccountTypeEnum, AppItem, FmAddressParsing, FmAutocomplete, FmButton, FmDragImg, FmHBarChart, FmLogin, FmMoreChoose, FmNoticeBar, FmQueryCondition, FmRenderCol, FmRenderComp, FmSelectTable, FmTransfer, FmTree, Fmdatepicker, Fminputdropdown, Fminputtable, Fmselect, HttpMethodEnum, JobCreateTypeEnum, Local, NextLoading, PUB, Session, Watermark, accessTokenKey, addressparsing, auth, authAll, auths, axiosInstance, base64ToFile, blobToFile, cancelAllRequest, cancelRequest, clearAccessTokens, clearTokens, clone$4 as clone, commonFunction, commonFunctionObj, dataURLtoBlob, decryptJWT, installer as default, directive, downloadByBase64, downloadByData, downloadByOnlineUrl, downloadByUrl, downloadStreamFile, elSvg, emitter, feature, fileToBase64, formatAxis, formatDate, formatPast, getAppItemData, getAppItemText, getBdate, getCountryCode, getEdate, getFileName, getFileUrl, getJWTDate, getToken, getWeek, hAuth, hAuthAll, hAuths, i18n, install, isObjectValueEqual, iso_3166_1_CountryList, judgementIdCard, judgementSameArr, languageList, mergMessage, openWindow, pinia, refreshAccessTokenKey, removeDuplicate$1 as removeDuplicate, request2, service, setIntroduction, setupI18n, showFileUrl, signatureByKSort, tansParams, urlToBase64, useApi, useBaseApi, useChangeColor, useChart, useChartComponent, useChartOps, useDateTimeShortCust, useKeepALiveNames, useLoginApi, useRequestOldRoutes, useRoutesList, useSysApi, useTagsViewRoutes, useThemeConfig, useUserInfo, useVxeTable, verifiyNumberInteger, verifyAccount, verifyAndSpace, verifyCarNum, verifyCnAndSpace, verifyEmail, verifyEnAndSpace, verifyFullName, verifyIPAddress, verifyIdCard, verifyNumberCnUppercase, verifyNumberComma, verifyNumberIntegerAndFloat, verifyNumberPercentage, verifyNumberPercentageFloat, verifyPassword, verifyPasswordPowerful, verifyPasswordStrength, verifyPhone, verifyPostalCode, verifyTelPhone, verifyTextColor, verifyUrl, version };
+export { AccountTypeEnum, AppItem, FmAddressParsing, FmAutocomplete, FmButton, FmDragImg, FmHBarChart, FmLogin, FmMoreChoose, FmNoticeBar, FmQueryCondition, FmRenderCol, FmRenderComp, FmSelectTable, FmTransfer, FmTree, Fmdatepicker, Fminputdropdown, Fminputtable, Fmselect, HttpMethodEnum, JobCreateTypeEnum, Local, NextLoading, PUB, Session, Watermark, accessTokenKey, addressparsing, auth, authAll, auths, axiosInstance, base64ToFile, blobToFile, cancelAllRequest, cancelRequest, clearAccessTokens, clearTokens, clone$4 as clone, commonFunction, commonFunctionObj, dataURLtoBlob, decryptJWT, installer as default, directive, downloadByBase64, downloadByData, downloadByOnlineUrl, downloadByUrl, downloadStreamFile, core as echarts, elSvg, emitter, feature, fileToBase64, formatAxis, formatDate, formatPast, getAppItemData, getAppItemText, getBdate, getCountryCode, getEdate, getFileName, getFileUrl, getJWTDate, getToken, getWeek, graphic, hAuth, hAuthAll, hAuths, i18n, install, isObjectValueEqual, iso_3166_1_CountryList, judgementIdCard, judgementSameArr, languageList, mergMessage, openWindow, pinia, refreshAccessTokenKey, removeDuplicate$1 as removeDuplicate, request2, service, setIntroduction, setupI18n, showFileUrl, signatureByKSort, tansParams, urlToBase64, useApi, useBaseApi, useChangeColor, useChart, useChartComponent, useChartOps, useDateTimeShortCust, useKeepALiveNames, useLoginApi, useRequestOldRoutes, useRoutesList, useSysApi, useTagsViewRoutes, useThemeConfig, useUserInfo, useVxeTable, verifiyNumberInteger, verifyAccount, verifyAndSpace, verifyCarNum, verifyCnAndSpace, verifyEmail, verifyEnAndSpace, verifyFullName, verifyIPAddress, verifyIdCard, verifyNumberCnUppercase, verifyNumberComma, verifyNumberIntegerAndFloat, verifyNumberPercentage, verifyNumberPercentageFloat, verifyPassword, verifyPasswordPowerful, verifyPasswordStrength, verifyPhone, verifyPostalCode, verifyTelPhone, verifyTextColor, verifyUrl, version };