@visactor/vrender-components 0.22.0-vstory.1 → 0.22.0-vstory.10

package/cjs/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.22.0-vstory.1";
+export declare const version = "0.22.0-vstory.10";
 export * from './core/base';
 export * from './core/type';
 export * from './scrollbar';

package/cjs/index.js

@@ -17,7 +17,7 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.version = void 0, exports.version = "0.22.0-vstory.1", __exportStar(require("./core/base"), exports), 
+}), exports.version = void 0, exports.version = "0.22.0-vstory.10", __exportStar(require("./core/base"), exports), 
 __exportStar(require("./core/type"), exports), __exportStar(require("./scrollbar"), exports), 
 __exportStar(require("./tag"), exports), __exportStar(require("./poptip"), exports), 
 __exportStar(require("./crosshair"), exports), __exportStar(require("./label"), exports), 

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,iBAAiB,CAAC;AAEzC,8CAA4B;AAC5B,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,8CAA4B;AAC5B,wCAAsB;AACtB,6CAA2B;AAC3B,0CAAwB;AACxB,8CAA4B;AAC5B,4CAA0B;AAC1B,yCAAuB;AACvB,2CAAyB;AACzB,+CAA6B","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.22.0-vstory.1\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './weather';\nexport * from './util';\nexport * from './switch';\nexport * from './label-item';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,kBAAkB,CAAC;AAE1C,8CAA4B;AAC5B,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,8CAA4B;AAC5B,wCAAsB;AACtB,6CAA2B;AAC3B,0CAAwB;AACxB,8CAA4B;AAC5B,4CAA0B;AAC1B,yCAAuB;AACvB,2CAAyB;AACzB,+CAA6B","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.22.0-vstory.10\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './weather';\nexport * from './util';\nexport * from './switch';\nexport * from './label-item';\n"]}

package/cjs/title/title.js

@@ -14,21 +14,21 @@ class Title extends base_1.AbstractComponent {
         this.name = "title";
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
         const {textType: textType, text: text, subtextType: subtextType, textStyle: textStyle = {}, subtext: subtext, subtextStyle: subtextStyle = {}, width: width, height: height, minWidth: minWidth, maxWidth: maxWidth, minHeight: minHeight, maxHeight: maxHeight, align: align, verticalAlign: verticalAlign, padding: padding = 0} = this.attribute, parsedPadding = (0, 
         vutils_1.normalizePadding)(padding), group = this.createOrUpdateChild("title-container", {
             x: parsedPadding[3],
             y: parsedPadding[0],
             zIndex: 1
-        }, "group"), fixedMainTitleHeight = null !== (_a = textStyle.height) && void 0 !== _a ? _a : height;
+        }, "group");
         if (!1 !== this.attribute.visible && !1 !== textStyle.visible) {
-            const {width: mainTitleWidth, maxHeight: mainTitleMaxHeight, maxWidth: mainTitleMaxWidth, x: x = 0, y: y = 0, ellipsis: ellipsis = !0, wordBreak: wordBreak = "break-word", maxWidth: maxWidth, lineClamp: lineClamp} = textStyle;
+            const {width: mainTitleWidth, height: mainTitleHeight, maxHeight: mainTitleMaxHeight, maxWidth: mainTitleMaxWidth, x: x = 0, y: y = 0, ellipsis: ellipsis = !0, wordBreak: wordBreak = "break-word", maxWidth: maxWidth, lineClamp: lineClamp} = textStyle;
             if ("rich" === textType || (0, vutils_1.isValid)(textStyle.character)) {
                 const attr = Object.assign({
                     x: x,
                     y: y,
-                    width: null !== (_b = null != mainTitleWidth ? mainTitleWidth : width) && void 0 !== _b ? _b : 0,
-                    height: null != fixedMainTitleHeight ? fixedMainTitleHeight : 0,
+                    width: null !== (_a = null != mainTitleWidth ? mainTitleWidth : width) && void 0 !== _a ? _a : 0,
+                    height: null !== (_b = null != mainTitleHeight ? mainTitleHeight : height) && void 0 !== _b ? _b : 0,
                     ellipsis: null == ellipsis || ellipsis,
                     wordBreak: null != wordBreak ? wordBreak : "break-word",
                     maxHeight: null != mainTitleMaxHeight ? mainTitleMaxHeight : maxHeight,
@@ -44,7 +44,7 @@ class Title extends base_1.AbstractComponent {
                     x: x,
                     y: y,
                     width: null !== (_d = null != mainTitleWidth ? mainTitleWidth : width) && void 0 !== _d ? _d : 0,
-                    height: null != fixedMainTitleHeight ? fixedMainTitleHeight : 0,
+                    height: null !== (_e = null != mainTitleHeight ? mainTitleHeight : height) && void 0 !== _e ? _e : 0,
                     ellipsis: ellipsis,
                     wordBreak: wordBreak,
                     maxHeight: null != mainTitleMaxHeight ? mainTitleMaxHeight : maxHeight,
@@ -56,17 +56,17 @@ class Title extends base_1.AbstractComponent {
                 text: (0, vutils_1.isArray)(text) ? text : [ text ],
                 whiteSpace: "normal"
             }, textStyle), {
-                maxLineWidth: null !== (_f = null !== (_e = textStyle.maxLineWidth) && void 0 !== _e ? _e : mainTitleWidth) && void 0 !== _f ? _f : width,
-                heightLimit: null !== (_g = textStyle.height) && void 0 !== _g ? _g : maxHeight,
+                maxLineWidth: null !== (_g = null !== (_f = textStyle.maxLineWidth) && void 0 !== _f ? _f : mainTitleWidth) && void 0 !== _g ? _g : width,
+                heightLimit: null != mainTitleHeight ? mainTitleHeight : maxHeight,
                 lineClamp: lineClamp,
                 ellipsis: ellipsis,
                 x: x,
                 y: y
             }), "text"));
         }
-        const mainTextBoundsHeight = this._mainTitle ? this._mainTitle.AABBBounds.height() : 0, mainTextBoundsWidth = this._mainTitle ? this._mainTitle.AABBBounds.width() : 0;
+        const maintextHeight = this._mainTitle ? this._mainTitle.AABBBounds.height() : 0, maintextWidth = this._mainTitle ? this._mainTitle.AABBBounds.width() : 0;
         if (!1 !== this.attribute.visible && !1 !== subtextStyle.visible) {
-            const {width: subTitleWidth, height: subTitleHeight, maxWidth: subTitleMaxWidth, maxHeight: subTitleMaxHeight, x: x = 0, y: y = 0, ellipsis: ellipsis = !0, wordBreak: wordBreak = "break-word", lineClamp: lineClamp} = subtextStyle, maxSubTextHeight = Math.max(Number.MIN_VALUE, maxHeight - mainTextBoundsHeight);
+            const {width: subTitleWidth, height: subTitleHeight, maxWidth: subTitleMaxWidth, maxHeight: subTitleMaxHeight, x: x = 0, y: y = 0, ellipsis: ellipsis = !0, wordBreak: wordBreak = "break-word", lineClamp: lineClamp} = subtextStyle, maxSubTextHeight = Math.max(Number.MIN_VALUE, maxHeight - maintextHeight);
             if ("rich" === subtextType || (0, vutils_1.isValid)(subtextStyle.character)) {
                 const attr = Object.assign({
                     x: x,
@@ -105,50 +105,44 @@ class Title extends base_1.AbstractComponent {
                 lineClamp: lineClamp,
                 ellipsis: ellipsis,
                 x: 0,
-                y: mainTextBoundsHeight
+                y: maintextHeight
             }), "text"));
         }
-        const subTextBoundsHeight = this._subTitle ? this._subTitle.AABBBounds.height() : 0, subTextBoundsWidth = this._subTitle ? this._subTitle.AABBBounds.width() : 0;
-        let totalWidth = Math.max(mainTextBoundsWidth, subTextBoundsWidth), totalHeight = mainTextBoundsHeight + (null !== (_q = subtextStyle.height) && void 0 !== _q ? _q : subTextBoundsHeight);
-        if ((0, vutils_1.isValid)(width) && (totalWidth = width), (0, vutils_1.isValid)(height) && (totalHeight = height), 
-        (0, vutils_1.isValid)(minWidth) && totalWidth < minWidth && (totalWidth = minWidth), 
-        (0, vutils_1.isValid)(maxWidth) && totalWidth > maxWidth && (totalWidth = maxWidth), 
-        (0, vutils_1.isValid)(minHeight) && totalHeight < minHeight && (totalHeight = minHeight), 
-        (0, vutils_1.isValid)(maxHeight) && totalHeight > maxHeight && (totalHeight = maxHeight), 
-        group.attribute.width = totalWidth, group.attribute.height = totalHeight, group.attribute.boundsPadding = parsedPadding, 
+        const subtextHeight = this._subTitle ? this._subTitle.AABBBounds.height() : 0, subtextWidth = this._subTitle ? this._subTitle.AABBBounds.width() : 0;
+        let titleWidth = Math.max(maintextWidth, subtextWidth), titleHeight = maintextHeight + (null !== (_q = subtextStyle.height) && void 0 !== _q ? _q : subtextHeight);
+        if ((0, vutils_1.isValid)(width) && (titleWidth = width), (0, vutils_1.isValid)(height) && (titleHeight = height), 
+        (0, vutils_1.isValid)(minWidth) && titleWidth < minWidth && (titleWidth = minWidth), 
+        (0, vutils_1.isValid)(maxWidth) && titleWidth > maxWidth && (titleWidth = maxWidth), 
+        (0, vutils_1.isValid)(minHeight) && titleHeight < minHeight && (titleHeight = minHeight), 
+        (0, vutils_1.isValid)(maxHeight) && titleHeight > maxHeight && (titleHeight = maxHeight), 
+        group.attribute.width = titleWidth, group.attribute.height = titleHeight, group.attribute.boundsPadding = parsedPadding, 
         this._mainTitle) {
             if ((0, vutils_1.isValid)(align) || (0, vutils_1.isValid)(textStyle.align)) {
-                const mainTitleAlign = textStyle.align ? textStyle.align : align, mainTitleWidth = null !== (_r = textStyle.width) && void 0 !== _r ? _r : totalWidth;
-                "center" === mainTitleAlign ? (this._mainTitle.setAttribute("x", mainTitleWidth / 2), 
-                this._mainTitle.setAttribute("textAlign", "center")) : "right" === mainTitleAlign ? (this._mainTitle.setAttribute("x", mainTitleWidth), 
-                this._mainTitle.setAttribute("textAlign", "right")) : (this._mainTitle.setAttribute("x", 0), 
-                this._mainTitle.setAttribute("textAlign", "left"));
+                const mainTitleAlign = textStyle.align ? textStyle.align : align, mainTitleWidth = null !== (_r = textStyle.width) && void 0 !== _r ? _r : maintextWidth;
+                "left" === mainTitleAlign ? (this._mainTitle.setAttribute("x", 0), this._mainTitle.setAttribute("textAlign", "left")) : "center" === mainTitleAlign ? (this._mainTitle.setAttribute("x", mainTitleWidth / 2), 
+                this._mainTitle.setAttribute("textAlign", "center")) : "right" === mainTitleAlign && (this._mainTitle.setAttribute("x", mainTitleWidth), 
+                this._mainTitle.setAttribute("textAlign", "right"));
             }
             if ((0, vutils_1.isValid)(verticalAlign) || (0, vutils_1.isValid)(textStyle.verticalAlign)) {
-                const mainTitleVerticalAlign = textStyle.verticalAlign ? textStyle.verticalAlign : verticalAlign;
-                "middle" === mainTitleVerticalAlign && (0, vutils_1.isValid)(fixedMainTitleHeight) ? (this._mainTitle.setAttribute("y", fixedMainTitleHeight / 2), 
-                this._mainTitle.setAttribute("textBaseline", "middle")) : "bottom" === mainTitleVerticalAlign && (0, 
-                vutils_1.isValid)(fixedMainTitleHeight) ? (this._mainTitle.setAttribute("y", fixedMainTitleHeight), 
-                this._mainTitle.setAttribute("textBaseline", "bottom")) : (this._mainTitle.setAttribute("y", 0), 
-                this._mainTitle.setAttribute("textBaseline", "top"));
+                const mainTitleVerticalAlign = textStyle.verticalAlign ? textStyle.verticalAlign : verticalAlign, mainTitleHeight = textStyle.height ? textStyle.height : titleHeight;
+                "top" === mainTitleVerticalAlign ? (this._mainTitle.setAttribute("y", 0), this._mainTitle.setAttribute("textBaseline", "top")) : "middle" === mainTitleVerticalAlign ? (this._mainTitle.setAttribute("y", mainTitleHeight / 2), 
+                this._mainTitle.setAttribute("textBaseline", "middle")) : "bottom" === mainTitleVerticalAlign && (this._mainTitle.setAttribute("y", mainTitleHeight), 
+                this._mainTitle.setAttribute("textBaseline", "bottom"));
             }
         }
         if (this._subTitle) {
             if ((0, vutils_1.isValid)(align) || (0, vutils_1.isValid)(subtextStyle.align)) {
-                const subTitleAlign = subtextStyle.align ? subtextStyle.align : align, subTitleWidth = null !== (_t = null !== (_s = subtextStyle.width) && void 0 !== _s ? _s : textStyle.width) && void 0 !== _t ? _t : totalWidth;
-                "center" === subTitleAlign ? (this._subTitle.setAttribute("x", subTitleWidth / 2), 
-                this._subTitle.setAttribute("textAlign", "center")) : "right" === subTitleAlign ? (this._subTitle.setAttribute("x", subTitleWidth), 
-                this._subTitle.setAttribute("textAlign", "right")) : (this._subTitle.setAttribute("x", 0), 
-                this._subTitle.setAttribute("textAlign", "left"));
+                const subTitleAlign = subtextStyle.align ? subtextStyle.align : align, subTitleWidth = null !== (_s = subtextStyle.width) && void 0 !== _s ? _s : subtextWidth;
+                "left" === subTitleAlign ? (this._subTitle.setAttribute("x", 0), this._subTitle.setAttribute("textAlign", "left")) : "center" === subTitleAlign ? (this._subTitle.setAttribute("x", subTitleWidth / 2), 
+                this._subTitle.setAttribute("textAlign", "center")) : "right" === subTitleAlign && (this._subTitle.setAttribute("x", subTitleWidth), 
+                this._subTitle.setAttribute("textAlign", "right"));
             }
             if ((0, vutils_1.isValid)(verticalAlign) || (0, vutils_1.isValid)(textStyle.verticalAlign)) {
-                const subTitleVerticalAlign = subtextStyle.verticalAlign ? subtextStyle.verticalAlign : verticalAlign, subTitleYStart = this._mainTitle ? (0, 
-                vutils_1.isValid)(fixedMainTitleHeight) ? this._mainTitle.AABBBounds.y1 + Math.max(this._mainTitle.AABBBounds.height(), fixedMainTitleHeight) : this._mainTitle.AABBBounds.y2 : 0, subTitleHeight = null !== (_u = subtextStyle.height) && void 0 !== _u ? _u : height;
-                "middle" === subTitleVerticalAlign && (0, vutils_1.isValid)(subTitleHeight) ? (this._subTitle.setAttribute("y", subTitleYStart + subTitleHeight / 2), 
-                this._subTitle.setAttribute("textBaseline", "middle")) : "bottom" === subTitleVerticalAlign && (0, 
-                vutils_1.isValid)(subTitleHeight) ? (this._subTitle.setAttribute("y", subTitleYStart + subTitleHeight), 
-                this._subTitle.setAttribute("textBaseline", "bottom")) : (this._subTitle.setAttribute("y", subTitleYStart), 
-                this._subTitle.setAttribute("textBaseline", "top"));
+                const subTitleVerticalAlign = subtextStyle.verticalAlign ? subtextStyle.verticalAlign : verticalAlign, subTitleYStart = maintextHeight, subTitleHeight = null !== (_t = subtextStyle.height) && void 0 !== _t ? _t : 0;
+                "top" === subTitleVerticalAlign ? (this._subTitle.setAttribute("y", subTitleYStart), 
+                this._subTitle.setAttribute("textBaseline", "top")) : "middle" === subTitleVerticalAlign ? (this._subTitle.setAttribute("y", subTitleYStart + subTitleHeight / 2), 
+                this._subTitle.setAttribute("textBaseline", "middle")) : "bottom" === subTitleVerticalAlign && (this._subTitle.setAttribute("y", subTitleYStart + subTitleHeight), 
+                this._subTitle.setAttribute("textBaseline", "bottom"));
             }
         }
     }

package/cjs/title/title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/title/title.ts"],"names":[],"mappings":";;;AAIA,6CAA6E;AAC7E,uCAAiD;AAGjD,0CAAqD;AACrD,yCAAgD;AAEhD,IAAA,6BAAkB,GAAE,CAAC;AACrB,MAAa,KAAM,SAAQ,wBAAuC;IAyBhE,YAAY,UAAsB,EAAE,OAA0B;QAC5D,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAA,cAAK,EAAC,EAAE,EAAE,KAAK,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;QAzB5F,SAAI,GAAG,OAAO,CAAC;IA0Bf,CAAC;IAES,MAAM;;QACd,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,SAAS,GAAG,EAAE,EACd,OAAO,EACP,YAAY,GAAG,EAAE,EACjB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EACL,aAAa,EACb,OAAO,GAAG,CAAC,EACZ,GAAG,IAAI,CAAC,SAAuB,CAAC;QAEjC,MAAM,aAAa,GAAG,IAAA,yBAAgB,EAAC,OAAO,CAAC,CAAC;QAEhD,MAAM,KAAK,GAAG,IAAI,CAAC,mBAAmB,CACpC,iBAAiB,EACjB,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EACvD,OAAO,CACE,CAAC;QAEZ,MAAM,oBAAoB,GAAG,MAAA,SAAS,CAAC,MAAM,mCAAI,MAAM,CAAC;QACxD,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,KAAK,KAAK,IAAI,SAAS,CAAC,OAAO,KAAK,KAAK,EAAE;YACnE,MAAM,EACJ,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,kBAAkB,EAC7B,QAAQ,EAAE,iBAAiB,EAC3B,CAAC,GAAG,CAAC,EACL,CAAC,GAAG,CAAC,EACL,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,YAAY,EACxB,QAAQ,EACR,SAAS,EACV,GAAG,SAAS,CAAC;YACd,IAAI,QAAQ,KAAK,MAAM,IAAI,IAAA,gBAAO,EAAC,SAAS,CAAC,SAAS,CAAC,EAAE;gBACvD,MAAM,IAAI,mBACR,CAAC;oBACD,CAAC,EACD,KAAK,EAAE,MAAA,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,KAAK,mCAAI,CAAC,EACnC,MAAM,EAAE,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,CAAC,EACjC,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,IAAI,EAC1B,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,YAAY,EACpC,SAAS,EAAE,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,SAAS,EAC1C,QAAQ,EAAE,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,QAAQ,EAEvC,UAAU,EAAE,MAAA,SAAS,CAAC,SAAS,mCAAK,IAA6B,IAC9D,SAAS,CACb,CAAC;gBACF,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,EAAE,UAAU,CAAc,CAAC;aACzF;iBAAM,IAAI,QAAQ,KAAK,MAAM,EAAE;gBAC9B,MAAM,IAAI,mBACR,IAAI,gCACF,GAAG,EAAE,IAAc,IAChB,iCAAsB,GACtB,SAAS,GAEd,CAAC;oBACD,CAAC,EACD,KAAK,EAAE,MAAA,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,KAAK,mCAAI,CAAC,EACnC,MAAM,EAAE,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,CAAC,EACjC,QAAQ;oBACR,SAAS,EACT,SAAS,EAAE,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,SAAS,EAC1C,QAAQ,EAAE,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,QAAQ,EACvC,UAAU,EAAE,EAAW,IACpB,SAAS,CACb,CAAC;gBACF,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,EAAE,UAAU,CAAc,CAAC;aACzF;iBAAM,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE;gBACxB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,mBAAmB,CACzC,WAAW,gCAET,IAAI,EAAE,IAAA,gBAAO,EAAC,IAAI,CAAC,CAAC,CAAC,CAAE,IAAY,CAAC,CAAC,CAAC,CAAC,IAAc,CAAC,EACtD,UAAU,EAAE,QAAQ,IACjB,SAAS,KACZ,YAAY,EAAE,MAAA,MAAA,SAAS,CAAC,YAAY,mCAAI,cAAc,mCAAI,KAAK,EAC/D,WAAW,EAAE,MAAA,SAAS,CAAC,MAAM,mCAAI,SAAS,EAC1C,SAAS;oBACT,QAAQ;oBACR,CAAC;oBACD,CAAC,KAEH,MAAM,CACE,CAAC;aACZ;SACF;QAED,MAAM,oBAAoB,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACvF,MAAM,mBAAmB,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAIrF,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,KAAK,KAAK,IAAI,YAAY,CAAC,OAAO,KAAK,KAAK,EAAE;YACtE,MAAM,EACJ,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,gBAAgB,EAC1B,SAAS,EAAE,iBAAiB,EAC5B,CAAC,GAAG,CAAC,EACL,CAAC,GAAG,CAAC,EACL,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,YAAY,EACxB,SAAS,EACV,GAAG,YAAY,CAAC;YACjB,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,GAAG,oBAAoB,CAAC,CAAC;YAEtF,IAAI,WAAW,KAAK,MAAM,IAAI,IAAA,gBAAO,EAAC,YAAY,CAAC,SAAS,CAAC,EAAE;gBAC7D,MAAM,IAAI,mBACR,CAAC;oBACD,CAAC,EACD,KAAK,EAAE,MAAA,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,KAAK,mCAAI,CAAC,EAClC,MAAM,EAAE,MAAA,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,MAAM,mCAAI,CAAC,EACrC,QAAQ;oBACR,SAAS,EACT,SAAS,EAAE,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,gBAAgB,EAChD,QAAQ,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,QAAQ,EAEtC,UAAU,EAAE,MAAA,YAAY,CAAC,SAAS,mCAAK,OAAgC,IACpE,YAAY,CAChB,CAAC;gBACF,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,EAAE,UAAU,CAAc,CAAC;aACvF;iBAAM,IAAI,WAAW,KAAK,MAAM,EAAE;gBACjC,MAAM,IAAI,mBACR,IAAI,gCACF,GAAG,EAAE,OAAiB,IACnB,iCAAsB,GACtB,YAAY,GAEjB,CAAC;oBACD,CAAC,EACD,KAAK,EAAE,MAAA,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,KAAK,mCAAI,CAAC,EAClC,MAAM,EAAE,MAAA,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,MAAM,mCAAI,CAAC,EACrC,QAAQ;oBACR,SAAS,EACT,SAAS,EAAE,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,gBAAgB,EAChD,QAAQ,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,QAAQ,EACtC,UAAU,EAAE,EAAW,IACpB,YAAY,CAChB,CAAC;gBACF,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,EAAE,UAAU,CAAc,CAAC;aACvF;iBAAM,IAAI,IAAA,gBAAO,EAAC,OAAO,CAAC,EAAE;gBAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,mBAAmB,CACxC,UAAU,gCAER,IAAI,EAAE,IAAA,gBAAO,EAAC,OAAO,CAAC,CAAC,CAAC,CAAE,OAAe,CAAC,CAAC,CAAC,CAAC,OAAiB,CAAC,EAC/D,UAAU,EAAE,QAAQ,IACjB,YAAY,KACf,YAAY,EAAE,MAAA,YAAY,CAAC,YAAY,mCAAI,KAAK,EAChD,WAAW,EAAE,MAAA,YAAY,CAAC,WAAW,mCAAI,gBAAgB,EACzD,SAAS;oBACT,QAAQ,EACR,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,oBAAoB,KAEzB,MAAM,CACE,CAAC;aACZ;SACF;QAED,MAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACpF,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAGlF,IAAI,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,CAAC;QACnE,IAAI,WAAW,GAAG,oBAAoB,GAAG,CAAC,MAAA,YAAY,CAAC,MAAM,mCAAI,mBAAmB,CAAC,CAAC;QAEtF,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,EAAE;YAClB,UAAU,GAAG,KAAK,CAAC;SACpB;QAED,IAAI,IAAA,gBAAO,EAAC,MAAM,CAAC,EAAE;YACnB,WAAW,GAAG,MAAM,CAAC;SACtB;QAED,IAAI,IAAA,gBAAO,EAAC,QAAQ,CAAC,IAAI,UAAU,GAAG,QAAQ,EAAE;YAC9C,UAAU,GAAG,QAAQ,CAAC;SACvB;QACD,IAAI,IAAA,gBAAO,EAAC,QAAQ,CAAC,EAAE;YACrB,IAAI,UAAU,GAAG,QAAQ,EAAE;gBACzB,UAAU,GAAG,QAAQ,CAAC;aACvB;SACF;QAED,IAAI,IAAA,gBAAO,EAAC,SAAS,CAAC,IAAI,WAAW,GAAG,SAAS,EAAE;YACjD,WAAW,GAAG,SAAS,CAAC;SACzB;QAED,IAAI,IAAA,gBAAO,EAAC,SAAS,CAAC,EAAE;YACtB,IAAI,WAAW,GAAG,SAAS,EAAE;gBAC3B,WAAW,GAAG,SAAS,CAAC;aACzB;SACF;QAED,KAAK,CAAC,SAAS,CAAC,KAAK,GAAG,UAAU,CAAC;QACnC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,WAAW,CAAC;QACrC,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,aAAa,CAAC;QAG9C,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,IAAI,IAAA,gBAAO,EAAC,SAAS,CAAC,KAAK,CAAC,EAAE;gBAC9C,MAAM,cAAc,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;gBACjE,MAAM,cAAc,GAAG,MAAA,SAAS,CAAC,KAAK,mCAAI,UAAU,CAAC;gBACrD,IAAI,cAAc,KAAK,QAAQ,EAAE;oBAC/B,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,EAAE,cAAc,GAAG,CAAC,CAAC,CAAC;oBACtD,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;iBACrD;qBAAM,IAAI,cAAc,KAAK,OAAO,EAAE;oBACrC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;oBAClD,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;iBACpD;qBAAM;oBACL,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;oBACrC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;iBACnD;aACF;YAED,IAAI,IAAA,gBAAO,EAAC,aAAa,CAAC,IAAI,IAAA,gBAAO,EAAC,SAAS,CAAC,aAAa,CAAC,EAAE;gBAC9D,MAAM,sBAAsB,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;gBACjG,IAAI,sBAAsB,KAAK,QAAQ,IAAI,IAAA,gBAAO,EAAC,oBAAoB,CAAC,EAAE;oBACxE,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,EAAE,oBAAoB,GAAG,CAAC,CAAC,CAAC;oBAC5D,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;iBACxD;qBAAM,IAAI,sBAAsB,KAAK,QAAQ,IAAI,IAAA,gBAAO,EAAC,oBAAoB,CAAC,EAAE;oBAC/E,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,EAAE,oBAAoB,CAAC,CAAC;oBACxD,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;iBACxD;qBAAM;oBACL,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;oBACrC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;iBACrD;aACF;SACF;QAED,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,IAAI,IAAA,gBAAO,EAAC,YAAY,CAAC,KAAK,CAAC,EAAE;gBACjD,MAAM,aAAa,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;gBAEtE,MAAM,aAAa,GAAG,MAAA,MAAA,YAAY,CAAC,KAAK,mCAAI,SAAS,CAAC,KAAK,mCAAI,UAAU,CAAC;gBAC1E,IAAI,aAAa,KAAK,QAAQ,EAAE;oBAC9B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,aAAa,GAAG,CAAC,CAAC,CAAC;oBACpD,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;iBACpD;qBAAM,IAAI,aAAa,KAAK,OAAO,EAAE;oBACpC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;oBAChD,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;iBACnD;qBAAM;oBACL,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;oBACpC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;iBAClD;aACF;YAED,IAAI,IAAA,gBAAO,EAAC,aAAa,CAAC,IAAI,IAAA,gBAAO,EAAC,SAAS,CAAC,aAAa,CAAC,EAAE;gBAC9D,MAAM,qBAAqB,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;gBACtG,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU;oBACpC,CAAC,CAAC,IAAA,gBAAO,EAAC,oBAAoB,CAAC;wBAC7B,CAAC;4BACC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,EAAE,EAAE,oBAAoB,CAAC;wBACrG,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;oBACjC,CAAC,CAAC,CAAC,CAAC;gBACN,MAAM,cAAc,GAAG,MAAA,YAAY,CAAC,MAAM,mCAAI,MAAM,CAAC;gBACrD,IAAI,qBAAqB,KAAK,QAAQ,IAAI,IAAA,gBAAO,EAAC,cAAc,CAAC,EAAE;oBACjE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,cAAc,GAAG,cAAc,GAAG,CAAC,CAAC,CAAC;oBACtE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;iBACvD;qBAAM,IAAI,qBAAqB,KAAK,QAAQ,IAAI,IAAA,gBAAO,EAAC,cAAc,CAAC,EAAE;oBACxE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,cAAc,GAAG,cAAc,CAAC,CAAC;oBAClE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;iBACvD;qBAAM;oBACL,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;oBACjD,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;iBACpD;aACF;SACF;IACH,CAAC;;AA9SH,sBA+SC;AAzSQ,uBAAiB,GAAwB;IAC9C,SAAS,EAAE;QACT,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,KAAK;KACpB;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,KAAK;KACpB;CACF,CAAC","file":"title.js","sourcesContent":["/**\n * @description 标题组件\n */\nimport type { IGroup, IText, IRichText, IRichTextCharacter } from '@visactor/vrender-core';\nimport { merge, isValid, normalizePadding, isArray } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport type { TitleAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\nimport { DEFAULT_HTML_TEXT_SPEC } from '../constant';\nimport { loadTitleComponent } from './register';\n\nloadTitleComponent();\nexport class Title extends AbstractComponent<Required<TitleAttrs>> {\n  name = 'title';\n\n  private _mainTitle?: IText | IRichText;\n  private _subTitle?: IText | IRichText;\n\n  static defaultAttributes: Partial<TitleAttrs> = {\n    textStyle: {\n      ellipsis: '...',\n      fill: '#333',\n      fontSize: 20,\n      fontWeight: 'bold',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    subtextStyle: {\n      ellipsis: '...',\n      fill: '#6F6F6F',\n      fontSize: 16,\n      fontWeight: 'normal',\n      textAlign: 'left',\n      textBaseline: 'top'\n    }\n  };\n\n  constructor(attributes: TitleAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, Title.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const {\n      textType,\n      text,\n      subtextType,\n      textStyle = {},\n      subtext,\n      subtextStyle = {},\n      width,\n      height,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight,\n      align,\n      verticalAlign,\n      padding = 0\n    } = this.attribute as TitleAttrs;\n\n    const parsedPadding = normalizePadding(padding);\n\n    const group = this.createOrUpdateChild(\n      'title-container',\n      { x: parsedPadding[3], y: parsedPadding[0], zIndex: 1 },\n      'group'\n    ) as IGroup;\n\n    const fixedMainTitleHeight = textStyle.height ?? height;\n    if (this.attribute.visible !== false && textStyle.visible !== false) {\n      const {\n        width: mainTitleWidth,\n        maxHeight: mainTitleMaxHeight,\n        maxWidth: mainTitleMaxWidth,\n        x = 0,\n        y = 0,\n        ellipsis = true,\n        wordBreak = 'break-word',\n        maxWidth,\n        lineClamp\n      } = textStyle;\n      if (textType === 'rich' || isValid(textStyle.character)) {\n        const attr = {\n          x,\n          y,\n          width: mainTitleWidth ?? width ?? 0,\n          height: fixedMainTitleHeight ?? 0,\n          ellipsis: ellipsis ?? true,\n          wordBreak: wordBreak ?? 'break-word',\n          maxHeight: mainTitleMaxHeight ?? maxHeight,\n          maxWidth: mainTitleMaxWidth ?? maxWidth,\n          // 兼容旧版富文本配置，如果未设置textType === 'rich'，text内容为string 易报错\n          textConfig: textStyle.character ?? (text as IRichTextCharacter[]),\n          ...textStyle\n        };\n        this._mainTitle = group.createOrUpdateChild('mainTitle', attr, 'richtext') as IRichText;\n      } else if (textType === 'html') {\n        const attr = {\n          html: {\n            dom: text as string,\n            ...DEFAULT_HTML_TEXT_SPEC,\n            ...textStyle\n          },\n          x,\n          y,\n          width: mainTitleWidth ?? width ?? 0,\n          height: fixedMainTitleHeight ?? 0,\n          ellipsis,\n          wordBreak,\n          maxHeight: mainTitleMaxHeight ?? maxHeight,\n          maxWidth: mainTitleMaxWidth ?? maxWidth,\n          textConfig: [] as any[],\n          ...textStyle\n        };\n        this._mainTitle = group.createOrUpdateChild('mainTitle', attr, 'richtext') as IRichText;\n      } else if (isValid(text)) {\n        this._mainTitle = group.createOrUpdateChild(\n          'mainTitle',\n          {\n            text: isArray(text) ? (text as any) : [text as string],\n            whiteSpace: 'normal',\n            ...textStyle,\n            maxLineWidth: textStyle.maxLineWidth ?? mainTitleWidth ?? width,\n            heightLimit: textStyle.height ?? maxHeight,\n            lineClamp,\n            ellipsis,\n            x,\n            y\n          },\n          'text'\n        ) as IText;\n      }\n    }\n\n    const mainTextBoundsHeight = this._mainTitle ? this._mainTitle.AABBBounds.height() : 0;\n    const mainTextBoundsWidth = this._mainTitle ? this._mainTitle.AABBBounds.width() : 0;\n\n    // 目前 height 限制等于 0 时，相当于 Infinity，无限制\n\n    if (this.attribute.visible !== false && subtextStyle.visible !== false) {\n      const {\n        width: subTitleWidth,\n        height: subTitleHeight,\n        maxWidth: subTitleMaxWidth,\n        maxHeight: subTitleMaxHeight,\n        x = 0,\n        y = 0,\n        ellipsis = true,\n        wordBreak = 'break-word',\n        lineClamp\n      } = subtextStyle;\n      const maxSubTextHeight = Math.max(Number.MIN_VALUE, maxHeight - mainTextBoundsHeight);\n\n      if (subtextType === 'rich' || isValid(subtextStyle.character)) {\n        const attr: any = {\n          x,\n          y,\n          width: subTitleWidth ?? width ?? 0,\n          height: subTitleHeight ?? height ?? 0,\n          ellipsis,\n          wordBreak,\n          maxHeight: subTitleMaxHeight ?? maxSubTextHeight,\n          maxWidth: subTitleMaxWidth ?? maxWidth,\n          // 兼容旧版富文本配置，如果未设置textType === 'rich'，text内容为string 易报错\n          textConfig: subtextStyle.character ?? (subtext as IRichTextCharacter[]),\n          ...subtextStyle\n        };\n        this._subTitle = group.createOrUpdateChild('subTitle', attr, 'richtext') as IRichText;\n      } else if (subtextType === 'html') {\n        const attr: any = {\n          html: {\n            dom: subtext as string,\n            ...DEFAULT_HTML_TEXT_SPEC,\n            ...subtextStyle\n          },\n          x,\n          y,\n          width: subTitleWidth ?? width ?? 0,\n          height: subTitleHeight ?? height ?? 0,\n          ellipsis,\n          wordBreak,\n          maxHeight: subTitleMaxHeight ?? maxSubTextHeight,\n          maxWidth: subTitleMaxWidth ?? maxWidth,\n          textConfig: [] as any[],\n          ...subtextStyle\n        };\n        this._subTitle = group.createOrUpdateChild('subTitle', attr, 'richtext') as IRichText;\n      } else if (isValid(subtext)) {\n        this._subTitle = group.createOrUpdateChild(\n          'subTitle',\n          {\n            text: isArray(subtext) ? (subtext as any) : [subtext as string],\n            whiteSpace: 'normal',\n            ...subtextStyle,\n            maxLineWidth: subtextStyle.maxLineWidth ?? width,\n            heightLimit: subtextStyle.heightLimit ?? maxSubTextHeight,\n            lineClamp,\n            ellipsis,\n            x: 0,\n            y: mainTextBoundsHeight\n          },\n          'text'\n        ) as IText;\n      }\n    }\n\n    const subTextBoundsHeight = this._subTitle ? this._subTitle.AABBBounds.height() : 0;\n    const subTextBoundsWidth = this._subTitle ? this._subTitle.AABBBounds.width() : 0;\n\n    // 设置宽高\n    let totalWidth = Math.max(mainTextBoundsWidth, subTextBoundsWidth);\n    let totalHeight = mainTextBoundsHeight + (subtextStyle.height ?? subTextBoundsHeight);\n\n    if (isValid(width)) {\n      totalWidth = width;\n    }\n\n    if (isValid(height)) {\n      totalHeight = height;\n    }\n\n    if (isValid(minWidth) && totalWidth < minWidth) {\n      totalWidth = minWidth;\n    }\n    if (isValid(maxWidth)) {\n      if (totalWidth > maxWidth) {\n        totalWidth = maxWidth;\n      }\n    }\n\n    if (isValid(minHeight) && totalHeight < minHeight) {\n      totalHeight = minHeight;\n    }\n\n    if (isValid(maxHeight)) {\n      if (totalHeight > maxHeight) {\n        totalHeight = maxHeight;\n      }\n    }\n\n    group.attribute.width = totalWidth;\n    group.attribute.height = totalHeight;\n    group.attribute.boundsPadding = parsedPadding;\n\n    // 设置对齐\n    if (this._mainTitle) {\n      if (isValid(align) || isValid(textStyle.align)) {\n        const mainTitleAlign = textStyle.align ? textStyle.align : align;\n        const mainTitleWidth = textStyle.width ?? totalWidth;\n        if (mainTitleAlign === 'center') {\n          this._mainTitle.setAttribute('x', mainTitleWidth / 2);\n          this._mainTitle.setAttribute('textAlign', 'center');\n        } else if (mainTitleAlign === 'right') {\n          this._mainTitle.setAttribute('x', mainTitleWidth);\n          this._mainTitle.setAttribute('textAlign', 'right');\n        } else {\n          this._mainTitle.setAttribute('x', 0);\n          this._mainTitle.setAttribute('textAlign', 'left');\n        }\n      }\n\n      if (isValid(verticalAlign) || isValid(textStyle.verticalAlign)) {\n        const mainTitleVerticalAlign = textStyle.verticalAlign ? textStyle.verticalAlign : verticalAlign;\n        if (mainTitleVerticalAlign === 'middle' && isValid(fixedMainTitleHeight)) {\n          this._mainTitle.setAttribute('y', fixedMainTitleHeight / 2);\n          this._mainTitle.setAttribute('textBaseline', 'middle');\n        } else if (mainTitleVerticalAlign === 'bottom' && isValid(fixedMainTitleHeight)) {\n          this._mainTitle.setAttribute('y', fixedMainTitleHeight);\n          this._mainTitle.setAttribute('textBaseline', 'bottom');\n        } else {\n          this._mainTitle.setAttribute('y', 0);\n          this._mainTitle.setAttribute('textBaseline', 'top');\n        }\n      }\n    }\n\n    if (this._subTitle) {\n      if (isValid(align) || isValid(subtextStyle.align)) {\n        const subTitleAlign = subtextStyle.align ? subtextStyle.align : align;\n        // 当subText没有设置显示的宽度，但是mainText设置了显示的宽度的时候，为mainText为主，因为默认subText要和mainText对齐\n        const subTitleWidth = subtextStyle.width ?? textStyle.width ?? totalWidth;\n        if (subTitleAlign === 'center') {\n          this._subTitle.setAttribute('x', subTitleWidth / 2);\n          this._subTitle.setAttribute('textAlign', 'center');\n        } else if (subTitleAlign === 'right') {\n          this._subTitle.setAttribute('x', subTitleWidth);\n          this._subTitle.setAttribute('textAlign', 'right');\n        } else {\n          this._subTitle.setAttribute('x', 0);\n          this._subTitle.setAttribute('textAlign', 'left');\n        }\n      }\n\n      if (isValid(verticalAlign) || isValid(textStyle.verticalAlign)) {\n        const subTitleVerticalAlign = subtextStyle.verticalAlign ? subtextStyle.verticalAlign : verticalAlign;\n        const subTitleYStart = this._mainTitle\n          ? isValid(fixedMainTitleHeight)\n            ? // 如果是用户指定的高度，根据bounds的height 和指定高度求最大值\n              this._mainTitle.AABBBounds.y1 + Math.max(this._mainTitle.AABBBounds.height(), fixedMainTitleHeight)\n            : this._mainTitle.AABBBounds.y2\n          : 0;\n        const subTitleHeight = subtextStyle.height ?? height;\n        if (subTitleVerticalAlign === 'middle' && isValid(subTitleHeight)) {\n          this._subTitle.setAttribute('y', subTitleYStart + subTitleHeight / 2);\n          this._subTitle.setAttribute('textBaseline', 'middle');\n        } else if (subTitleVerticalAlign === 'bottom' && isValid(subTitleHeight)) {\n          this._subTitle.setAttribute('y', subTitleYStart + subTitleHeight);\n          this._subTitle.setAttribute('textBaseline', 'bottom');\n        } else {\n          this._subTitle.setAttribute('y', subTitleYStart);\n          this._subTitle.setAttribute('textBaseline', 'top');\n        }\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/title/title.ts"],"names":[],"mappings":"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","file":"title.js","sourcesContent":["/**\n * @description 标题组件\n */\nimport type { IGroup, IText, IRichText, IRichTextCharacter } from '@visactor/vrender-core';\nimport { merge, isValid, normalizePadding, isArray } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport type { TitleAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\nimport { DEFAULT_HTML_TEXT_SPEC } from '../constant';\nimport { loadTitleComponent } from './register';\n\nloadTitleComponent();\nexport class Title extends AbstractComponent<Required<TitleAttrs>> {\n  name = 'title';\n\n  private _mainTitle?: IText | IRichText;\n  private _subTitle?: IText | IRichText;\n\n  static defaultAttributes: Partial<TitleAttrs> = {\n    textStyle: {\n      ellipsis: '...',\n      fill: '#333',\n      fontSize: 20,\n      fontWeight: 'bold',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    subtextStyle: {\n      ellipsis: '...',\n      fill: '#6F6F6F',\n      fontSize: 16,\n      fontWeight: 'normal',\n      textAlign: 'left',\n      textBaseline: 'top'\n    }\n  };\n\n  constructor(attributes: TitleAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, Title.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const {\n      textType,\n      text,\n      subtextType,\n      textStyle = {},\n      subtext,\n      subtextStyle = {},\n      width,\n      height,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight,\n      align,\n      verticalAlign,\n      padding = 0\n    } = this.attribute as TitleAttrs;\n\n    const parsedPadding = normalizePadding(padding);\n\n    const group = this.createOrUpdateChild(\n      'title-container',\n      { x: parsedPadding[3], y: parsedPadding[0], zIndex: 1 },\n      'group'\n    ) as IGroup;\n\n    if (this.attribute.visible !== false && textStyle.visible !== false) {\n      const {\n        width: mainTitleWidth,\n        height: mainTitleHeight,\n        maxHeight: mainTitleMaxHeight,\n        maxWidth: mainTitleMaxWidth,\n        x = 0,\n        y = 0,\n        ellipsis = true,\n        wordBreak = 'break-word',\n        maxWidth,\n        lineClamp\n      } = textStyle;\n      if (textType === 'rich' || isValid(textStyle.character)) {\n        const attr = {\n          x,\n          y,\n          width: mainTitleWidth ?? width ?? 0,\n          height: mainTitleHeight ?? height ?? 0,\n          ellipsis: ellipsis ?? true,\n          wordBreak: wordBreak ?? 'break-word',\n          maxHeight: mainTitleMaxHeight ?? maxHeight,\n          maxWidth: mainTitleMaxWidth ?? maxWidth,\n          // 兼容旧版富文本配置，如果未设置textType === 'rich'，text内容为string 易报错\n          textConfig: textStyle.character ?? (text as IRichTextCharacter[]),\n          ...textStyle\n        };\n        this._mainTitle = group.createOrUpdateChild('mainTitle', attr, 'richtext') as IRichText;\n      } else if (textType === 'html') {\n        const attr = {\n          html: {\n            dom: text as string,\n            ...DEFAULT_HTML_TEXT_SPEC,\n            ...textStyle\n          },\n          x,\n          y,\n          width: mainTitleWidth ?? width ?? 0,\n          height: mainTitleHeight ?? height ?? 0,\n          ellipsis,\n          wordBreak,\n          maxHeight: mainTitleMaxHeight ?? maxHeight,\n          maxWidth: mainTitleMaxWidth ?? maxWidth,\n          textConfig: [] as any[],\n          ...textStyle\n        };\n        this._mainTitle = group.createOrUpdateChild('mainTitle', attr, 'richtext') as IRichText;\n      } else if (isValid(text)) {\n        this._mainTitle = group.createOrUpdateChild(\n          'mainTitle',\n          {\n            text: isArray(text) ? (text as any) : [text as string],\n            whiteSpace: 'normal',\n            ...textStyle,\n            maxLineWidth: textStyle.maxLineWidth ?? mainTitleWidth ?? width,\n            heightLimit: mainTitleHeight ?? maxHeight,\n            lineClamp,\n            ellipsis,\n            x,\n            y\n          },\n          'text'\n        ) as IText;\n      }\n    }\n\n    const maintextHeight = this._mainTitle ? this._mainTitle.AABBBounds.height() : 0;\n    const maintextWidth = this._mainTitle ? this._mainTitle.AABBBounds.width() : 0;\n\n    // 目前 height 限制等于 0 时，相当于 Infinity，无限制\n\n    if (this.attribute.visible !== false && subtextStyle.visible !== false) {\n      const {\n        width: subTitleWidth,\n        height: subTitleHeight,\n        maxWidth: subTitleMaxWidth,\n        maxHeight: subTitleMaxHeight,\n        x = 0,\n        y = 0,\n        ellipsis = true,\n        wordBreak = 'break-word',\n        lineClamp\n      } = subtextStyle;\n      const maxSubTextHeight = Math.max(Number.MIN_VALUE, maxHeight - maintextHeight);\n\n      if (subtextType === 'rich' || isValid(subtextStyle.character)) {\n        const attr: any = {\n          x,\n          y,\n          width: subTitleWidth ?? width ?? 0,\n          height: subTitleHeight ?? height ?? 0,\n          ellipsis,\n          wordBreak,\n          maxHeight: subTitleMaxHeight ?? maxSubTextHeight,\n          maxWidth: subTitleMaxWidth ?? maxWidth,\n          // 兼容旧版富文本配置，如果未设置textType === 'rich'，text内容为string 易报错\n          textConfig: subtextStyle.character ?? (subtext as IRichTextCharacter[]),\n          ...subtextStyle\n        };\n        this._subTitle = group.createOrUpdateChild('subTitle', attr, 'richtext') as IRichText;\n      } else if (subtextType === 'html') {\n        const attr: any = {\n          html: {\n            dom: subtext as string,\n            ...DEFAULT_HTML_TEXT_SPEC,\n            ...subtextStyle\n          },\n          x,\n          y,\n          width: subTitleWidth ?? width ?? 0,\n          height: subTitleHeight ?? height ?? 0,\n          ellipsis,\n          wordBreak,\n          maxHeight: subTitleMaxHeight ?? maxSubTextHeight,\n          maxWidth: subTitleMaxWidth ?? maxWidth,\n          textConfig: [] as any[],\n          ...subtextStyle\n        };\n        this._subTitle = group.createOrUpdateChild('subTitle', attr, 'richtext') as IRichText;\n      } else if (isValid(subtext)) {\n        this._subTitle = group.createOrUpdateChild(\n          'subTitle',\n          {\n            text: isArray(subtext) ? (subtext as any) : [subtext as string],\n            whiteSpace: 'normal',\n            ...subtextStyle,\n            maxLineWidth: subtextStyle.maxLineWidth ?? width,\n            heightLimit: subtextStyle.heightLimit ?? maxSubTextHeight,\n            lineClamp,\n            ellipsis,\n            x: 0,\n            y: maintextHeight\n          },\n          'text'\n        ) as IText;\n      }\n    }\n\n    const subtextHeight = this._subTitle ? this._subTitle.AABBBounds.height() : 0;\n    const subtextWidth = this._subTitle ? this._subTitle.AABBBounds.width() : 0;\n\n    // 设置宽高\n    let titleWidth = Math.max(maintextWidth, subtextWidth);\n    let titleHeight = maintextHeight + (subtextStyle.height ?? subtextHeight);\n\n    if (isValid(width)) {\n      titleWidth = width;\n    }\n\n    if (isValid(height)) {\n      titleHeight = height;\n    }\n\n    if (isValid(minWidth) && titleWidth < minWidth) {\n      titleWidth = minWidth;\n    }\n    if (isValid(maxWidth)) {\n      if (titleWidth > maxWidth) {\n        titleWidth = maxWidth;\n      }\n    }\n\n    if (isValid(minHeight) && titleHeight < minHeight) {\n      titleHeight = minHeight;\n    }\n\n    if (isValid(maxHeight)) {\n      if (titleHeight > maxHeight) {\n        titleHeight = maxHeight;\n      }\n    }\n    group.attribute.width = titleWidth;\n    group.attribute.height = titleHeight;\n    group.attribute.boundsPadding = parsedPadding;\n\n    // 设置对齐\n    if (this._mainTitle) {\n      if (isValid(align) || isValid(textStyle.align)) {\n        const mainTitleAlign = textStyle.align ? textStyle.align : align;\n        const mainTitleWidth = textStyle.width ?? maintextWidth;\n        if (mainTitleAlign === 'left') {\n          this._mainTitle.setAttribute('x', 0);\n          this._mainTitle.setAttribute('textAlign', 'left');\n        } else if (mainTitleAlign === 'center') {\n          this._mainTitle.setAttribute('x', mainTitleWidth / 2);\n          this._mainTitle.setAttribute('textAlign', 'center');\n        } else if (mainTitleAlign === 'right') {\n          this._mainTitle.setAttribute('x', mainTitleWidth);\n          this._mainTitle.setAttribute('textAlign', 'right');\n        }\n      }\n\n      if (isValid(verticalAlign) || isValid(textStyle.verticalAlign)) {\n        const mainTitleVerticalAlign = textStyle.verticalAlign ? textStyle.verticalAlign : verticalAlign;\n        const mainTitleHeight = textStyle.height ? textStyle.height : titleHeight;\n        if (mainTitleVerticalAlign === 'top') {\n          this._mainTitle.setAttribute('y', 0);\n          this._mainTitle.setAttribute('textBaseline', 'top');\n        } else if (mainTitleVerticalAlign === 'middle') {\n          this._mainTitle.setAttribute('y', mainTitleHeight / 2);\n          this._mainTitle.setAttribute('textBaseline', 'middle');\n        } else if (mainTitleVerticalAlign === 'bottom') {\n          this._mainTitle.setAttribute('y', mainTitleHeight);\n          this._mainTitle.setAttribute('textBaseline', 'bottom');\n        }\n      }\n    }\n\n    if (this._subTitle) {\n      if (isValid(align) || isValid(subtextStyle.align)) {\n        const subTitleAlign = subtextStyle.align ? subtextStyle.align : align;\n        const subTitleWidth = subtextStyle.width ?? subtextWidth;\n        if (subTitleAlign === 'left') {\n          this._subTitle.setAttribute('x', 0);\n          this._subTitle.setAttribute('textAlign', 'left');\n        } else if (subTitleAlign === 'center') {\n          this._subTitle.setAttribute('x', subTitleWidth / 2);\n          this._subTitle.setAttribute('textAlign', 'center');\n        } else if (subTitleAlign === 'right') {\n          this._subTitle.setAttribute('x', subTitleWidth);\n          this._subTitle.setAttribute('textAlign', 'right');\n        }\n      }\n\n      if (isValid(verticalAlign) || isValid(textStyle.verticalAlign)) {\n        const subTitleVerticalAlign = subtextStyle.verticalAlign ? subtextStyle.verticalAlign : verticalAlign;\n        const subTitleYStart = maintextHeight;\n        const subTitleHeight = subtextStyle.height ?? 0;\n        if (subTitleVerticalAlign === 'top') {\n          this._subTitle.setAttribute('y', subTitleYStart);\n          this._subTitle.setAttribute('textBaseline', 'top');\n        } else if (subTitleVerticalAlign === 'middle') {\n          this._subTitle.setAttribute('y', subTitleYStart + subTitleHeight / 2);\n          this._subTitle.setAttribute('textBaseline', 'middle');\n        } else if (subTitleVerticalAlign === 'bottom') {\n          this._subTitle.setAttribute('y', subTitleYStart + subTitleHeight);\n          this._subTitle.setAttribute('textBaseline', 'bottom');\n        }\n      }\n    }\n  }\n}\n"]}

package/dist/index.es.js

@@ -618,12 +618,6 @@ let DefaultGlobal = class {
   get env() {
     return this._env;
   }
-  get isImageAnonymous() {
-    return this._isImageAnonymous;
-  }
-  set isImageAnonymous(isImageAnonymous) {
-    this._isImageAnonymous = isImageAnonymous;
-  }
   get devicePixelRatio() {
     return this._env || this.setEnv("browser"), this.envContribution.getDevicePixelRatio();
   }
@@ -658,7 +652,7 @@ let DefaultGlobal = class {
     this._env || this.setEnv("browser"), this.envContribution.applyStyles = support;
   }
   constructor(contributions) {
-    this.contributions = contributions, this._isImageAnonymous = !0, this.id = Generator.GenAutoIncrementId(), this.hooks = {
+    this.contributions = contributions, this.id = Generator.GenAutoIncrementId(), this.hooks = {
       onSetEnv: new SyncHook(["lastEnv", "env", "global"])
     }, this.measureTextMethod = "native", this.optimizeVisible = !1;
   }
@@ -2420,6 +2414,7 @@ const DefaultTextAttribute = Object.assign(Object.assign(Object.assign({}, Defau
 });
 const DefaultRichTextAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultTextStyle), {
   editable: !1,
+  editOptions: null,
   width: 300,
   height: 300,
   ellipsis: !0,
@@ -2864,7 +2859,7 @@ function measureTextCanvas(text, character) {
       descent: 0,
       width: 0
     };
-  return "number" != typeof measurement.actualBoundingBoxAscent || "number" != typeof measurement.actualBoundingBoxDescent ? (result.width = Math.floor(measurement.width), result.height = character.fontSize || 0, result.ascent = result.height, result.descent = 0) : (result.width = Math.floor(measurement.width), result.height = Math.floor(measurement.actualBoundingBoxAscent + measurement.actualBoundingBoxDescent), result.ascent = Math.floor(measurement.actualBoundingBoxAscent), result.descent = result.height - result.ascent), result;
+  return "number" != typeof measurement.fontBoundingBoxAscent || "number" != typeof measurement.fontBoundingBoxDescent ? (result.width = measurement.width, result.height = character.fontSize || 0, result.ascent = result.height, result.descent = 0) : (result.width = measurement.width, result.height = Math.floor(measurement.fontBoundingBoxAscent + measurement.fontBoundingBoxDescent), result.ascent = Math.floor(measurement.fontBoundingBoxAscent), result.descent = result.height - result.ascent), result;
 }
 
 var __decorate$O = undefined && undefined.__decorate || function (decorators, target, key, desc) {
@@ -5050,7 +5045,7 @@ class ResourceLoader {
   }
   static GetFile(url, type) {
     let data = ResourceLoader.cache.get(url);
-    return data ? "fail" === data.loadState ? Promise.reject() : "init" === data.loadState || "loading" === data.loadState ? data.dataPromise.then(data => data.data) : Promise.resolve(data.data) : (data = {
+    return data ? "init" === data.loadState || "fail" === data.loadState ? Promise.reject() : "loading" === data.loadState ? data.dataPromise.then(data => data.data) : Promise.resolve(data.data) : (data = {
       type: type,
       loadState: "init"
     }, ResourceLoader.cache.set(url, data), "arrayBuffer" === type ? data.dataPromise = application.global.loadArrayBuffer(url) : "blob" === type ? data.dataPromise = application.global.loadBlob(url) : "json" === type && (data.dataPromise = application.global.loadJson(url)), data.dataPromise.then(data => data.data));
@@ -5159,7 +5154,7 @@ class Graphic extends Node {
     }
   }
   get AABBBounds() {
-    return this.tryUpdateAABBBounds("imprecise" === this.attribute.boundsMode);
+    return this.tryUpdateAABBBounds();
   }
   get OBBBounds() {
     return this.tryUpdateOBBBounds();
@@ -5203,12 +5198,13 @@ class Graphic extends Node {
   onAnimateBind(animate) {
     this._emitCustomEvent("animate-bind", animate);
   }
-  tryUpdateAABBBounds(full) {
+  tryUpdateAABBBounds() {
+    const full = "imprecise" === this.attribute.boundsMode;
     if (!this.shouldUpdateAABBBounds()) return this._AABBBounds;
     if (!this.valid) return this._AABBBounds.clear(), this._AABBBounds;
     application.graphicService.beforeUpdateAABBBounds(this, this.stage, !0, this._AABBBounds);
     const bounds = this.doUpdateAABBBounds(full);
-    return application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, !0), bounds;
+    return application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, !0), "empty" === this.attribute.boundsMode && bounds.clear(), bounds;
   }
   tryUpdateOBBBounds() {
     if (this._OBBBounds || (this._OBBBounds = new OBBBounds()), this.tryUpdateAABBBounds(), this.updateOBBBoundsStamp === this.updateAABBBoundsStamp) return this._OBBBounds;
@@ -5452,7 +5448,7 @@ class Graphic extends Node {
     context && context.skipUpdateCallback || (application.graphicService.onAttributeUpdate(this), this._emitCustomEvent("afterAttributeUpdate", context));
   }
   update(d) {
-    d ? (d.bounds && this.tryUpdateAABBBounds("imprecise" === this.attribute.boundsMode), d.trans && this.tryUpdateLocalTransMatrix()) : (this.tryUpdateAABBBounds("imprecise" === this.attribute.boundsMode), this.tryUpdateLocalTransMatrix());
+    d ? (d.bounds && this.tryUpdateAABBBounds(), d.trans && this.tryUpdateLocalTransMatrix()) : (this.tryUpdateAABBBounds(), this.tryUpdateLocalTransMatrix());
   }
   hasState(stateName) {
     return !(!this.currentStates || !this.currentStates.length) && (!!isNil(stateName) || this.currentStates.includes(stateName));
@@ -6162,7 +6158,7 @@ class Group extends Graphic {
     application.graphicService.beforeUpdateAABBBounds(this, this.stage, !0, this._AABBBounds);
     const selfChange = this.shouldSelfChangeUpdateAABBBounds(),
       bounds = this.doUpdateAABBBounds();
-    return this.addUpdateLayoutTag(), application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, selfChange), bounds;
+    return this.addUpdateLayoutTag(), application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, selfChange), "empty" === this.attribute.boundsMode && bounds.clear(), bounds;
   }
   doUpdateLocalMatrix() {
     const {
@@ -8286,7 +8282,7 @@ class CustomSymbolClass {
     return isNumber(size) ? size : Math.min(size[0], size[1]);
   }
   drawWithClipRange(ctx, size, x, y, clipRange, z, cb) {
-    return this.isSvg ? !!this.svgCache && (this.svgCache.forEach(item => {
+    return size = this.parseSize(size), this.isSvg ? !!this.svgCache && (this.svgCache.forEach(item => {
       item.path.drawWithClipRange(ctx, size, x, y, clipRange), cb && cb(item.path, item.attribute);
     }), !1) : (this.path.drawWithClipRange(ctx, size, x, y, clipRange), !1);
   }
@@ -8749,6 +8745,14 @@ class Frame {
   }
 }
 
+function getFixedLRTB(left, right, top, bottom) {
+  return {
+    left: Math.round(left),
+    top: Math.round(top),
+    right: Math.round(right),
+    bottom: Math.round(bottom)
+  };
+}
 class Paragraph {
   constructor(text, newLine, character) {
     this.fontSize = character.fontSize || 16, this.textBaseline = character.textBaseline || "alphabetic";
@@ -8771,7 +8775,32 @@ class Paragraph {
     } = measureTextCanvas(this.text, this.character);
     this.width = width, "vertical" === this.direction && (this.widthOrigin = this.width, this.width = this.heightOrigin, this.height = this.widthOrigin);
   }
-  draw(ctx, top, ascent, deltaLeft, isLineFirst, textAlign) {
+  drawBackground(ctx, top, ascent, deltaLeft, isLineFirst, textAlign, lineHeight) {
+    if (!this.character.background || this.character.backgroundOpacity && !(this.character.backgroundOpacity > 0)) return;
+    let baseline = top + ascent,
+      text = this.text,
+      left = this.left + deltaLeft;
+    baseline += this.top;
+    let direction = this.direction;
+    if (this.verticalEllipsis) text = this.ellipsisStr, direction = "vertical", baseline -= this.ellipsisWidth / 2;else {
+      if ("hide" === this.ellipsis) return;
+      if ("add" === this.ellipsis) text += this.ellipsisStr, "right" !== textAlign && "end" !== textAlign || (left -= this.ellipsisWidth);else if ("replace" === this.ellipsis) {
+        const index = getStrByWithCanvas(text, ("vertical" === direction ? this.height : this.width) - this.ellipsisWidth + this.ellipsisOtherParagraphWidth, this.character, text.length - 1);
+        if (text = text.slice(0, index), text += this.ellipsisStr, "right" === textAlign || "end" === textAlign) {
+          const {
+            width: width
+          } = measureTextCanvas(this.text.slice(index), this.character);
+          "vertical" === direction || (left -= this.ellipsisWidth - width);
+        }
+      }
+    }
+    const lrtb = getFixedLRTB(left, left + (this.widthOrigin || this.width), top, top + lineHeight);
+    return Object.assign(Object.assign({}, lrtb), {
+      fillStyle: this.character.background,
+      globalAlpha: this.character.backgroundOpacity
+    });
+  }
+  draw(ctx, top, ascent, deltaLeft, isLineFirst, textAlign, lineHeight) {
     let baseline = top + ascent,
       text = this.text,
       left = this.left + deltaLeft;
@@ -8796,15 +8825,31 @@ class Paragraph {
       case "sub":
         baseline += this.descent / 2;
     }
-    if ("vertical" === direction && (ctx.save(), ctx.rotateAbout(Math.PI / 2, left, baseline), ctx.translate(-this.heightOrigin || -this.lineHeight / 2, -this.descent / 2), ctx.translate(left, baseline), left = 0, baseline = 0), this.character.fill && this.character.background && (!this.character.backgroundOpacity || this.character.backgroundOpacity > 0)) {
-      const fillStyle = ctx.fillStyle,
-        globalAlpha = ctx.globalAlpha;
-      ctx.fillStyle = this.character.background, void 0 !== this.character.backgroundOpacity && (ctx.globalAlpha = this.character.backgroundOpacity), ctx.fillRect(left, top, this.widthOrigin || this.width, this.lineHeight), ctx.fillStyle = fillStyle, ctx.globalAlpha = globalAlpha;
-    }
+    "vertical" === direction && (ctx.save(), ctx.rotateAbout(Math.PI / 2, left, baseline), ctx.translate(-this.heightOrigin || -this.lineHeight / 2, -this.descent / 2), ctx.translate(left, baseline), left = 0, baseline = 0);
     const {
       lineWidth = 1
     } = this.character;
-    this.character.stroke && lineWidth && ctx.strokeText(text, left, baseline), this.character.fill && ctx.fillText(text, left, baseline), this.character.fill && ("boolean" == typeof this.character.lineThrough || "boolean" == typeof this.character.underline ? (this.character.underline && ctx.fillRect(left, 1 + baseline, this.widthOrigin || this.width, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1), this.character.lineThrough && ctx.fillRect(left, 1 + baseline - this.ascent / 2, this.widthOrigin || this.width, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1)) : "underline" === this.character.textDecoration ? ctx.fillRect(left, 1 + baseline, this.widthOrigin || this.width, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1) : "line-through" === this.character.textDecoration && ctx.fillRect(left, 1 + baseline - this.ascent / 2, this.widthOrigin || this.width, this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1)), "vertical" === direction && ctx.restore();
+    if (this.character.stroke && lineWidth && ctx.strokeText(text, left, baseline), this.character.fill && ctx.fillText(text, left, baseline), this.character.fill) if (this.character.lineThrough || this.character.underline) {
+      if (this.character.underline) {
+        const top = 1 + baseline,
+          lrtb = getFixedLRTB(left, left + (this.widthOrigin || this.width), top, top + (this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1));
+        ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top);
+      }
+      if (this.character.lineThrough) {
+        const top = 1 + baseline - this.ascent / 2,
+          lrtb = getFixedLRTB(left, left + (this.widthOrigin || this.width), top, top + (this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1));
+        ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top);
+      }
+    } else if ("underline" === this.character.textDecoration) {
+      const top = 1 + baseline,
+        lrtb = getFixedLRTB(left, left + (this.widthOrigin || this.width), top, top + (this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1));
+      ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top);
+    } else if ("line-through" === this.character.textDecoration) {
+      const top = 1 + baseline - this.ascent / 2,
+        lrtb = getFixedLRTB(left, left + (this.widthOrigin || this.width), top, top + (this.character.fontSize ? Math.max(1, Math.floor(this.character.fontSize / 10)) : 1));
+      ctx.fillRect(lrtb.left, lrtb.top, lrtb.right - lrtb.left, lrtb.bottom - lrtb.top);
+    }
+    "vertical" === direction && ctx.restore();
   }
   getWidthWithEllips(direction) {
     let text = this.text;
@@ -9027,7 +9072,20 @@ class Line {
         paragraph.ellipsis = "hide", otherParagraphWidth += paragraph.width;
       }
     }
+    let fillStyle = "",
+      globalAlpha = -1,
+      currBgList = [];
+    const bgList = [currBgList];
     this.paragraphs.forEach((paragraph, index) => {
+      if (paragraph instanceof RichTextIcon) return;
+      const data = paragraph.drawBackground(ctx, y, this.ascent, x, 0 === index, this.textAlign, this.height);
+      data && (fillStyle === data.fillStyle && globalAlpha === data.globalAlpha || (currBgList = [], bgList.push(currBgList), fillStyle = data.fillStyle, globalAlpha = data.globalAlpha), currBgList.push(data));
+    }), bgList.forEach(bg => {
+      if (0 === bg.length) return;
+      const data = bg[0],
+        end = bg[bg.length - 1];
+      ctx.fillStyle = data.fillStyle, ctx.globalAlpha = data.globalAlpha, ctx.fillRect(data.left, data.top, end.right - data.left, end.bottom - data.top);
+    }), this.paragraphs.forEach((paragraph, index) => {
       if (paragraph instanceof RichTextIcon) return paragraph.setAttributes({
         x: x + paragraph._x,
         y: y + paragraph._y
@@ -9038,7 +9096,7 @@ class Line {
         x2: this.left + this.actualWidth,
         y2: this.top + this.height
       };
-      applyStrokeStyle(ctx, paragraph.character), applyFillStyle(ctx, paragraph.character, b), paragraph.draw(ctx, y, this.ascent, x, 0 === index, this.textAlign);
+      applyStrokeStyle(ctx, paragraph.character), applyFillStyle(ctx, paragraph.character, b), paragraph.draw(ctx, y, this.ascent, x, 0 === index, this.textAlign, this.height);
     });
   }
   getWidthWithEllips(ellipsis) {
@@ -9189,7 +9247,13 @@ class RichText extends Graphic {
     }
     return cache.every(item => item.isComposing || !(item.text && isString(item.text) && RichText.splitText(item.text).length > 1));
   }
+  static splitEmoji(text) {
+    return [...new Intl.Segmenter().segment(text)].map(x => x.segment);
+  }
   static splitText(text) {
+    try {
+      return this.splitEmoji(text);
+    } catch (e) {}
     return Array.from(text);
   }
   static TransformTextConfig2SingleCharacter(textConfig) {
@@ -9205,13 +9269,15 @@ class RichText extends Graphic {
     }), tc;
   }
   updateAABBBounds(attribute, richtextTheme, aabbBounds) {
+    var _a, _b;
     const {
       width = richtextTheme.width,
       height = richtextTheme.height,
       maxWidth = richtextTheme.maxWidth,
       maxHeight = richtextTheme.maxHeight,
       textAlign = richtextTheme.textAlign,
-      textBaseline = richtextTheme.textBaseline
+      textBaseline = richtextTheme.textBaseline,
+      editOptions: editOptions
     } = attribute;
     if (width > 0 && height > 0) aabbBounds.set(0, 0, width, height);else {
       const frameCache = this.getFrameCache(),
@@ -9223,6 +9289,7 @@ class RichText extends Graphic {
         contentHeight = height || actualHeight || 0;
       contentHeight = "number" == typeof maxHeight && contentHeight > maxHeight ? maxHeight : contentHeight || 0, contentWidth = "number" == typeof maxWidth && contentWidth > maxWidth ? maxWidth : contentWidth || 0, aabbBounds.set(0, 0, contentWidth, contentHeight);
     }
+    editOptions && editOptions.keepHeightWhileEmpty && !aabbBounds.height() && !(null === (_a = attribute.textConfig) || void 0 === _a ? void 0 : _a.length) && (aabbBounds.y2 = aabbBounds.y1 + (null !== (_b = attribute.fontSize) && void 0 !== _b ? _b : 12), aabbBounds.x2 = aabbBounds.x1 + 2);
     let deltaY = 0;
     switch (textBaseline) {
       case "top":
@@ -10609,8 +10676,8 @@ class DefaultImageRenderContribution extends DefaultRectRenderContribution {
   constructor() {
     super(...arguments), this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
   }
-  drawShape(image, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb) {
-    return super.drawShape(image, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb);
+  drawShape(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb) {
+    return super.drawShape(rect, context, x, y, doFill, doStroke, fVisible, sVisible, rectAttribute, drawContext, fillCb, strokeCb);
   }
 }
 const defaultImageRenderContribution = new DefaultImageRenderContribution();
@@ -13058,7 +13125,7 @@ let DefaultDrawContribution = class {
   renderGroup(group, drawContext, parentMatrix, skipSort) {
     if (drawContext.break || !1 === group.attribute.visibleAll) return;
     if (group.incremental && (null == drawContext.startAtId || drawContext.startAtId === group._uid)) return drawContext.break = !0, void this._increaseRender(group, drawContext);
-    if (this.useDirtyBounds && !isRectIntersect(group.AABBBounds, this.dirtyBounds, !1)) return;
+    if (this.useDirtyBounds && !isRectIntersect(group.AABBBounds, this.dirtyBounds, !1) && "empty" !== group.attribute.boundsMode) return;
     let tempBounds,
       nextM = parentMatrix;
     if (this.useDirtyBounds) {
@@ -13139,7 +13206,7 @@ let DefaultDrawContribution = class {
       } = graphic.parent.attribute;
       (scrollX || scrollY) && (retrans = !0, this.scrollMatrix || (this.scrollMatrix = matrixAllocate.allocate(1, 0, 0, 1, 0, 0)), this.scrollMatrix.translate(-scrollX, -scrollY));
     }
-    if (retrans && (tempBounds = this.dirtyBounds.clone().transformWithMatrix(this.scrollMatrix)), this.useDirtyBounds && !graphic.isContainer && !isRectIntersect(graphic.AABBBounds, null != tempBounds ? tempBounds : this.dirtyBounds, !1)) {
+    if (retrans && (tempBounds = this.dirtyBounds.clone().transformWithMatrix(this.scrollMatrix)), this.useDirtyBounds && !graphic.isContainer && "empty" !== graphic.attribute.boundsMode && !isRectIntersect(graphic.AABBBounds, null != tempBounds ? tempBounds : this.dirtyBounds, !1)) {
       if (retrans && graphic.parent) {
         const {
           scrollX = 0,
@@ -28089,36 +28156,35 @@ class Title extends AbstractComponent {
         this.name = 'title';
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
         const { textType, text, subtextType, textStyle = {}, subtext, subtextStyle = {}, width, height, minWidth, maxWidth, minHeight, maxHeight, align, verticalAlign, padding = 0 } = this.attribute;
         const parsedPadding = normalizePadding(padding);
         const group = this.createOrUpdateChild('title-container', { x: parsedPadding[3], y: parsedPadding[0], zIndex: 1 }, 'group');
-        const fixedMainTitleHeight = (_a = textStyle.height) !== null && _a !== void 0 ? _a : height;
         if (this.attribute.visible !== false && textStyle.visible !== false) {
-            const { width: mainTitleWidth, maxHeight: mainTitleMaxHeight, maxWidth: mainTitleMaxWidth, x = 0, y = 0, ellipsis = true, wordBreak = 'break-word', maxWidth, lineClamp } = textStyle;
+            const { width: mainTitleWidth, height: mainTitleHeight, maxHeight: mainTitleMaxHeight, maxWidth: mainTitleMaxWidth, x = 0, y = 0, ellipsis = true, wordBreak = 'break-word', maxWidth, lineClamp } = textStyle;
             if (textType === 'rich' || isValid(textStyle.character)) {
                 const attr = Object.assign({ x,
-                    y, width: (_b = mainTitleWidth !== null && mainTitleWidth !== void 0 ? mainTitleWidth : width) !== null && _b !== void 0 ? _b : 0, height: fixedMainTitleHeight !== null && fixedMainTitleHeight !== void 0 ? fixedMainTitleHeight : 0, ellipsis: ellipsis !== null && ellipsis !== void 0 ? ellipsis : true, wordBreak: wordBreak !== null && wordBreak !== void 0 ? wordBreak : 'break-word', maxHeight: mainTitleMaxHeight !== null && mainTitleMaxHeight !== void 0 ? mainTitleMaxHeight : maxHeight, maxWidth: mainTitleMaxWidth !== null && mainTitleMaxWidth !== void 0 ? mainTitleMaxWidth : maxWidth, textConfig: (_c = textStyle.character) !== null && _c !== void 0 ? _c : text }, textStyle);
+                    y, width: (_a = mainTitleWidth !== null && mainTitleWidth !== void 0 ? mainTitleWidth : width) !== null && _a !== void 0 ? _a : 0, height: (_b = mainTitleHeight !== null && mainTitleHeight !== void 0 ? mainTitleHeight : height) !== null && _b !== void 0 ? _b : 0, ellipsis: ellipsis !== null && ellipsis !== void 0 ? ellipsis : true, wordBreak: wordBreak !== null && wordBreak !== void 0 ? wordBreak : 'break-word', maxHeight: mainTitleMaxHeight !== null && mainTitleMaxHeight !== void 0 ? mainTitleMaxHeight : maxHeight, maxWidth: mainTitleMaxWidth !== null && mainTitleMaxWidth !== void 0 ? mainTitleMaxWidth : maxWidth, textConfig: (_c = textStyle.character) !== null && _c !== void 0 ? _c : text }, textStyle);
                 this._mainTitle = group.createOrUpdateChild('mainTitle', attr, 'richtext');
             }
             else if (textType === 'html') {
                 const attr = Object.assign({ html: Object.assign(Object.assign({ dom: text }, DEFAULT_HTML_TEXT_SPEC), textStyle), x,
-                    y, width: (_d = mainTitleWidth !== null && mainTitleWidth !== void 0 ? mainTitleWidth : width) !== null && _d !== void 0 ? _d : 0, height: fixedMainTitleHeight !== null && fixedMainTitleHeight !== void 0 ? fixedMainTitleHeight : 0, ellipsis,
+                    y, width: (_d = mainTitleWidth !== null && mainTitleWidth !== void 0 ? mainTitleWidth : width) !== null && _d !== void 0 ? _d : 0, height: (_e = mainTitleHeight !== null && mainTitleHeight !== void 0 ? mainTitleHeight : height) !== null && _e !== void 0 ? _e : 0, ellipsis,
                     wordBreak, maxHeight: mainTitleMaxHeight !== null && mainTitleMaxHeight !== void 0 ? mainTitleMaxHeight : maxHeight, maxWidth: mainTitleMaxWidth !== null && mainTitleMaxWidth !== void 0 ? mainTitleMaxWidth : maxWidth, textConfig: [] }, textStyle);
                 this._mainTitle = group.createOrUpdateChild('mainTitle', attr, 'richtext');
             }
             else if (isValid(text)) {
-                this._mainTitle = group.createOrUpdateChild('mainTitle', Object.assign(Object.assign({ text: isArray(text) ? text : [text], whiteSpace: 'normal' }, textStyle), { maxLineWidth: (_f = (_e = textStyle.maxLineWidth) !== null && _e !== void 0 ? _e : mainTitleWidth) !== null && _f !== void 0 ? _f : width, heightLimit: (_g = textStyle.height) !== null && _g !== void 0 ? _g : maxHeight, lineClamp,
+                this._mainTitle = group.createOrUpdateChild('mainTitle', Object.assign(Object.assign({ text: isArray(text) ? text : [text], whiteSpace: 'normal' }, textStyle), { maxLineWidth: (_g = (_f = textStyle.maxLineWidth) !== null && _f !== void 0 ? _f : mainTitleWidth) !== null && _g !== void 0 ? _g : width, heightLimit: mainTitleHeight !== null && mainTitleHeight !== void 0 ? mainTitleHeight : maxHeight, lineClamp,
                     ellipsis,
                     x,
                     y }), 'text');
             }
         }
-        const mainTextBoundsHeight = this._mainTitle ? this._mainTitle.AABBBounds.height() : 0;
-        const mainTextBoundsWidth = this._mainTitle ? this._mainTitle.AABBBounds.width() : 0;
+        const maintextHeight = this._mainTitle ? this._mainTitle.AABBBounds.height() : 0;
+        const maintextWidth = this._mainTitle ? this._mainTitle.AABBBounds.width() : 0;
         if (this.attribute.visible !== false && subtextStyle.visible !== false) {
             const { width: subTitleWidth, height: subTitleHeight, maxWidth: subTitleMaxWidth, maxHeight: subTitleMaxHeight, x = 0, y = 0, ellipsis = true, wordBreak = 'break-word', lineClamp } = subtextStyle;
-            const maxSubTextHeight = Math.max(Number.MIN_VALUE, maxHeight - mainTextBoundsHeight);
+            const maxSubTextHeight = Math.max(Number.MIN_VALUE, maxHeight - maintextHeight);
             if (subtextType === 'rich' || isValid(subtextStyle.character)) {
                 const attr = Object.assign({ x,
                     y, width: (_h = subTitleWidth !== null && subTitleWidth !== void 0 ? subTitleWidth : width) !== null && _h !== void 0 ? _h : 0, height: (_j = subTitleHeight !== null && subTitleHeight !== void 0 ? subTitleHeight : height) !== null && _j !== void 0 ? _j : 0, ellipsis,
@@ -28133,43 +28199,47 @@ class Title extends AbstractComponent {
             }
             else if (isValid(subtext)) {
                 this._subTitle = group.createOrUpdateChild('subTitle', Object.assign(Object.assign({ text: isArray(subtext) ? subtext : [subtext], whiteSpace: 'normal' }, subtextStyle), { maxLineWidth: (_o = subtextStyle.maxLineWidth) !== null && _o !== void 0 ? _o : width, heightLimit: (_p = subtextStyle.heightLimit) !== null && _p !== void 0 ? _p : maxSubTextHeight, lineClamp,
-                    ellipsis, x: 0, y: mainTextBoundsHeight }), 'text');
+                    ellipsis, x: 0, y: maintextHeight }), 'text');
             }
         }
-        const subTextBoundsHeight = this._subTitle ? this._subTitle.AABBBounds.height() : 0;
-        const subTextBoundsWidth = this._subTitle ? this._subTitle.AABBBounds.width() : 0;
-        let totalWidth = Math.max(mainTextBoundsWidth, subTextBoundsWidth);
-        let totalHeight = mainTextBoundsHeight + ((_q = subtextStyle.height) !== null && _q !== void 0 ? _q : subTextBoundsHeight);
+        const subtextHeight = this._subTitle ? this._subTitle.AABBBounds.height() : 0;
+        const subtextWidth = this._subTitle ? this._subTitle.AABBBounds.width() : 0;
+        let titleWidth = Math.max(maintextWidth, subtextWidth);
+        let titleHeight = maintextHeight + ((_q = subtextStyle.height) !== null && _q !== void 0 ? _q : subtextHeight);
         if (isValid(width)) {
-            totalWidth = width;
+            titleWidth = width;
         }
         if (isValid(height)) {
-            totalHeight = height;
+            titleHeight = height;
         }
-        if (isValid(minWidth) && totalWidth < minWidth) {
-            totalWidth = minWidth;
+        if (isValid(minWidth) && titleWidth < minWidth) {
+            titleWidth = minWidth;
         }
         if (isValid(maxWidth)) {
-            if (totalWidth > maxWidth) {
-                totalWidth = maxWidth;
+            if (titleWidth > maxWidth) {
+                titleWidth = maxWidth;
             }
         }
-        if (isValid(minHeight) && totalHeight < minHeight) {
-            totalHeight = minHeight;
+        if (isValid(minHeight) && titleHeight < minHeight) {
+            titleHeight = minHeight;
         }
         if (isValid(maxHeight)) {
-            if (totalHeight > maxHeight) {
-                totalHeight = maxHeight;
+            if (titleHeight > maxHeight) {
+                titleHeight = maxHeight;
             }
         }
-        group.attribute.width = totalWidth;
-        group.attribute.height = totalHeight;
+        group.attribute.width = titleWidth;
+        group.attribute.height = titleHeight;
         group.attribute.boundsPadding = parsedPadding;
         if (this._mainTitle) {
             if (isValid(align) || isValid(textStyle.align)) {
                 const mainTitleAlign = textStyle.align ? textStyle.align : align;
-                const mainTitleWidth = (_r = textStyle.width) !== null && _r !== void 0 ? _r : totalWidth;
-                if (mainTitleAlign === 'center') {
+                const mainTitleWidth = (_r = textStyle.width) !== null && _r !== void 0 ? _r : maintextWidth;
+                if (mainTitleAlign === 'left') {
+                    this._mainTitle.setAttribute('x', 0);
+                    this._mainTitle.setAttribute('textAlign', 'left');
+                }
+                else if (mainTitleAlign === 'center') {
                     this._mainTitle.setAttribute('x', mainTitleWidth / 2);
                     this._mainTitle.setAttribute('textAlign', 'center');
                 }
@@ -28177,32 +28247,33 @@ class Title extends AbstractComponent {
                     this._mainTitle.setAttribute('x', mainTitleWidth);
                     this._mainTitle.setAttribute('textAlign', 'right');
                 }
-                else {
-                    this._mainTitle.setAttribute('x', 0);
-                    this._mainTitle.setAttribute('textAlign', 'left');
-                }
             }
             if (isValid(verticalAlign) || isValid(textStyle.verticalAlign)) {
                 const mainTitleVerticalAlign = textStyle.verticalAlign ? textStyle.verticalAlign : verticalAlign;
-                if (mainTitleVerticalAlign === 'middle' && isValid(fixedMainTitleHeight)) {
-                    this._mainTitle.setAttribute('y', fixedMainTitleHeight / 2);
+                const mainTitleHeight = textStyle.height ? textStyle.height : titleHeight;
+                if (mainTitleVerticalAlign === 'top') {
+                    this._mainTitle.setAttribute('y', 0);
+                    this._mainTitle.setAttribute('textBaseline', 'top');
+                }
+                else if (mainTitleVerticalAlign === 'middle') {
+                    this._mainTitle.setAttribute('y', mainTitleHeight / 2);
                     this._mainTitle.setAttribute('textBaseline', 'middle');
                 }
-                else if (mainTitleVerticalAlign === 'bottom' && isValid(fixedMainTitleHeight)) {
-                    this._mainTitle.setAttribute('y', fixedMainTitleHeight);
+                else if (mainTitleVerticalAlign === 'bottom') {
+                    this._mainTitle.setAttribute('y', mainTitleHeight);
                     this._mainTitle.setAttribute('textBaseline', 'bottom');
                 }
-                else {
-                    this._mainTitle.setAttribute('y', 0);
-                    this._mainTitle.setAttribute('textBaseline', 'top');
-                }
             }
         }
         if (this._subTitle) {
             if (isValid(align) || isValid(subtextStyle.align)) {
                 const subTitleAlign = subtextStyle.align ? subtextStyle.align : align;
-                const subTitleWidth = (_t = (_s = subtextStyle.width) !== null && _s !== void 0 ? _s : textStyle.width) !== null && _t !== void 0 ? _t : totalWidth;
-                if (subTitleAlign === 'center') {
+                const subTitleWidth = (_s = subtextStyle.width) !== null && _s !== void 0 ? _s : subtextWidth;
+                if (subTitleAlign === 'left') {
+                    this._subTitle.setAttribute('x', 0);
+                    this._subTitle.setAttribute('textAlign', 'left');
+                }
+                else if (subTitleAlign === 'center') {
                     this._subTitle.setAttribute('x', subTitleWidth / 2);
                     this._subTitle.setAttribute('textAlign', 'center');
                 }
@@ -28210,32 +28281,23 @@ class Title extends AbstractComponent {
                     this._subTitle.setAttribute('x', subTitleWidth);
                     this._subTitle.setAttribute('textAlign', 'right');
                 }
-                else {
-                    this._subTitle.setAttribute('x', 0);
-                    this._subTitle.setAttribute('textAlign', 'left');
-                }
             }
             if (isValid(verticalAlign) || isValid(textStyle.verticalAlign)) {
                 const subTitleVerticalAlign = subtextStyle.verticalAlign ? subtextStyle.verticalAlign : verticalAlign;
-                const subTitleYStart = this._mainTitle
-                    ? isValid(fixedMainTitleHeight)
-                        ?
-                            this._mainTitle.AABBBounds.y1 + Math.max(this._mainTitle.AABBBounds.height(), fixedMainTitleHeight)
-                        : this._mainTitle.AABBBounds.y2
-                    : 0;
-                const subTitleHeight = (_u = subtextStyle.height) !== null && _u !== void 0 ? _u : height;
-                if (subTitleVerticalAlign === 'middle' && isValid(subTitleHeight)) {
+                const subTitleYStart = maintextHeight;
+                const subTitleHeight = (_t = subtextStyle.height) !== null && _t !== void 0 ? _t : 0;
+                if (subTitleVerticalAlign === 'top') {
+                    this._subTitle.setAttribute('y', subTitleYStart);
+                    this._subTitle.setAttribute('textBaseline', 'top');
+                }
+                else if (subTitleVerticalAlign === 'middle') {
                     this._subTitle.setAttribute('y', subTitleYStart + subTitleHeight / 2);
                     this._subTitle.setAttribute('textBaseline', 'middle');
                 }
-                else if (subTitleVerticalAlign === 'bottom' && isValid(subTitleHeight)) {
+                else if (subTitleVerticalAlign === 'bottom') {
                     this._subTitle.setAttribute('y', subTitleYStart + subTitleHeight);
                     this._subTitle.setAttribute('textBaseline', 'bottom');
                 }
-                else {
-                    this._subTitle.setAttribute('y', subTitleYStart);
-                    this._subTitle.setAttribute('textBaseline', 'top');
-                }
             }
         }
     }
@@ -31239,6 +31301,6 @@ StoryLabelItem.defaultAttributes = {
     theme: 'default'
 };
 
-const version = "0.22.0-vstory.1";
+const version = "0.22.0-vstory.10";
 
 export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AxisStateValue, BasePlayer, Brush, CheckBox, CircleAxis, CircleAxisGrid, CircleCrosshair, ColorContinuousLegend, ContinuousPlayer, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DirectionEnum, DiscreteLegend, DiscretePlayer, EmptyTip, GroupTransition, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PolygonSectorCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SizeContinuousLegend, Slider, StoryLabelItem, Switch, SymbolLabel, Tag, Timeline, Title, Tooltip, TopZIndex, VTag, WeatherBox, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, cartesianTicks, clampRadian, computeOffsetForlimit, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, fuzzyEqualNumber, getAxisBreakSymbolAttrs, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, hasOverlap, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, limitShapeInBounds, linearDiscreteTicks, loadPoptip, loadScrollbar, measureTextSize, normalize, polarAngleAxisDiscreteTicks, polarTicks, reactAttributeTransform, registerArcDataLabel, registerLineDataLabel, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerRectDataLabel, registerSymbolDataLabel, removeRepeatPoint, richTextAttributeTransform, scale, scrollbarModule, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, textIntersect, ticks, traverseGroup, version };

package/es/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.22.0-vstory.1";
+export declare const version = "0.22.0-vstory.10";
 export * from './core/base';
 export * from './core/type';
 export * from './scrollbar';

package/es/index.js

@@ -1,4 +1,4 @@
-export const version = "0.22.0-vstory.1";
+export const version = "0.22.0-vstory.10";
 
 export * from "./core/base";
 

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,iBAAiB,CAAC;AAEzC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.22.0-vstory.1\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './weather';\nexport * from './util';\nexport * from './switch';\nexport * from './label-item';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,kBAAkB,CAAC;AAE1C,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.22.0-vstory.10\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './weather';\nexport * from './util';\nexport * from './switch';\nexport * from './label-item';\n"]}

package/es/title/title.js

@@ -14,20 +14,20 @@ export class Title extends AbstractComponent {
         this.name = "title";
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
         const {textType: textType, text: text, subtextType: subtextType, textStyle: textStyle = {}, subtext: subtext, subtextStyle: subtextStyle = {}, width: width, height: height, minWidth: minWidth, maxWidth: maxWidth, minHeight: minHeight, maxHeight: maxHeight, align: align, verticalAlign: verticalAlign, padding: padding = 0} = this.attribute, parsedPadding = normalizePadding(padding), group = this.createOrUpdateChild("title-container", {
             x: parsedPadding[3],
             y: parsedPadding[0],
             zIndex: 1
-        }, "group"), fixedMainTitleHeight = null !== (_a = textStyle.height) && void 0 !== _a ? _a : height;
+        }, "group");
         if (!1 !== this.attribute.visible && !1 !== textStyle.visible) {
-            const {width: mainTitleWidth, maxHeight: mainTitleMaxHeight, maxWidth: mainTitleMaxWidth, x: x = 0, y: y = 0, ellipsis: ellipsis = !0, wordBreak: wordBreak = "break-word", maxWidth: maxWidth, lineClamp: lineClamp} = textStyle;
+            const {width: mainTitleWidth, height: mainTitleHeight, maxHeight: mainTitleMaxHeight, maxWidth: mainTitleMaxWidth, x: x = 0, y: y = 0, ellipsis: ellipsis = !0, wordBreak: wordBreak = "break-word", maxWidth: maxWidth, lineClamp: lineClamp} = textStyle;
             if ("rich" === textType || isValid(textStyle.character)) {
                 const attr = Object.assign({
                     x: x,
                     y: y,
-                    width: null !== (_b = null != mainTitleWidth ? mainTitleWidth : width) && void 0 !== _b ? _b : 0,
-                    height: null != fixedMainTitleHeight ? fixedMainTitleHeight : 0,
+                    width: null !== (_a = null != mainTitleWidth ? mainTitleWidth : width) && void 0 !== _a ? _a : 0,
+                    height: null !== (_b = null != mainTitleHeight ? mainTitleHeight : height) && void 0 !== _b ? _b : 0,
                     ellipsis: null == ellipsis || ellipsis,
                     wordBreak: null != wordBreak ? wordBreak : "break-word",
                     maxHeight: null != mainTitleMaxHeight ? mainTitleMaxHeight : maxHeight,
@@ -43,7 +43,7 @@ export class Title extends AbstractComponent {
                     x: x,
                     y: y,
                     width: null !== (_d = null != mainTitleWidth ? mainTitleWidth : width) && void 0 !== _d ? _d : 0,
-                    height: null != fixedMainTitleHeight ? fixedMainTitleHeight : 0,
+                    height: null !== (_e = null != mainTitleHeight ? mainTitleHeight : height) && void 0 !== _e ? _e : 0,
                     ellipsis: ellipsis,
                     wordBreak: wordBreak,
                     maxHeight: null != mainTitleMaxHeight ? mainTitleMaxHeight : maxHeight,
@@ -55,17 +55,17 @@ export class Title extends AbstractComponent {
                 text: isArray(text) ? text : [ text ],
                 whiteSpace: "normal"
             }, textStyle), {
-                maxLineWidth: null !== (_f = null !== (_e = textStyle.maxLineWidth) && void 0 !== _e ? _e : mainTitleWidth) && void 0 !== _f ? _f : width,
-                heightLimit: null !== (_g = textStyle.height) && void 0 !== _g ? _g : maxHeight,
+                maxLineWidth: null !== (_g = null !== (_f = textStyle.maxLineWidth) && void 0 !== _f ? _f : mainTitleWidth) && void 0 !== _g ? _g : width,
+                heightLimit: null != mainTitleHeight ? mainTitleHeight : maxHeight,
                 lineClamp: lineClamp,
                 ellipsis: ellipsis,
                 x: x,
                 y: y
             }), "text"));
         }
-        const mainTextBoundsHeight = this._mainTitle ? this._mainTitle.AABBBounds.height() : 0, mainTextBoundsWidth = this._mainTitle ? this._mainTitle.AABBBounds.width() : 0;
+        const maintextHeight = this._mainTitle ? this._mainTitle.AABBBounds.height() : 0, maintextWidth = this._mainTitle ? this._mainTitle.AABBBounds.width() : 0;
         if (!1 !== this.attribute.visible && !1 !== subtextStyle.visible) {
-            const {width: subTitleWidth, height: subTitleHeight, maxWidth: subTitleMaxWidth, maxHeight: subTitleMaxHeight, x: x = 0, y: y = 0, ellipsis: ellipsis = !0, wordBreak: wordBreak = "break-word", lineClamp: lineClamp} = subtextStyle, maxSubTextHeight = Math.max(Number.MIN_VALUE, maxHeight - mainTextBoundsHeight);
+            const {width: subTitleWidth, height: subTitleHeight, maxWidth: subTitleMaxWidth, maxHeight: subTitleMaxHeight, x: x = 0, y: y = 0, ellipsis: ellipsis = !0, wordBreak: wordBreak = "break-word", lineClamp: lineClamp} = subtextStyle, maxSubTextHeight = Math.max(Number.MIN_VALUE, maxHeight - maintextHeight);
             if ("rich" === subtextType || isValid(subtextStyle.character)) {
                 const attr = Object.assign({
                     x: x,
@@ -104,45 +104,42 @@ export class Title extends AbstractComponent {
                 lineClamp: lineClamp,
                 ellipsis: ellipsis,
                 x: 0,
-                y: mainTextBoundsHeight
+                y: maintextHeight
             }), "text"));
         }
-        const subTextBoundsHeight = this._subTitle ? this._subTitle.AABBBounds.height() : 0, subTextBoundsWidth = this._subTitle ? this._subTitle.AABBBounds.width() : 0;
-        let totalWidth = Math.max(mainTextBoundsWidth, subTextBoundsWidth), totalHeight = mainTextBoundsHeight + (null !== (_q = subtextStyle.height) && void 0 !== _q ? _q : subTextBoundsHeight);
-        if (isValid(width) && (totalWidth = width), isValid(height) && (totalHeight = height), 
-        isValid(minWidth) && totalWidth < minWidth && (totalWidth = minWidth), isValid(maxWidth) && totalWidth > maxWidth && (totalWidth = maxWidth), 
-        isValid(minHeight) && totalHeight < minHeight && (totalHeight = minHeight), isValid(maxHeight) && totalHeight > maxHeight && (totalHeight = maxHeight), 
-        group.attribute.width = totalWidth, group.attribute.height = totalHeight, group.attribute.boundsPadding = parsedPadding, 
+        const subtextHeight = this._subTitle ? this._subTitle.AABBBounds.height() : 0, subtextWidth = this._subTitle ? this._subTitle.AABBBounds.width() : 0;
+        let titleWidth = Math.max(maintextWidth, subtextWidth), titleHeight = maintextHeight + (null !== (_q = subtextStyle.height) && void 0 !== _q ? _q : subtextHeight);
+        if (isValid(width) && (titleWidth = width), isValid(height) && (titleHeight = height), 
+        isValid(minWidth) && titleWidth < minWidth && (titleWidth = minWidth), isValid(maxWidth) && titleWidth > maxWidth && (titleWidth = maxWidth), 
+        isValid(minHeight) && titleHeight < minHeight && (titleHeight = minHeight), isValid(maxHeight) && titleHeight > maxHeight && (titleHeight = maxHeight), 
+        group.attribute.width = titleWidth, group.attribute.height = titleHeight, group.attribute.boundsPadding = parsedPadding, 
         this._mainTitle) {
             if (isValid(align) || isValid(textStyle.align)) {
-                const mainTitleAlign = textStyle.align ? textStyle.align : align, mainTitleWidth = null !== (_r = textStyle.width) && void 0 !== _r ? _r : totalWidth;
-                "center" === mainTitleAlign ? (this._mainTitle.setAttribute("x", mainTitleWidth / 2), 
-                this._mainTitle.setAttribute("textAlign", "center")) : "right" === mainTitleAlign ? (this._mainTitle.setAttribute("x", mainTitleWidth), 
-                this._mainTitle.setAttribute("textAlign", "right")) : (this._mainTitle.setAttribute("x", 0), 
-                this._mainTitle.setAttribute("textAlign", "left"));
+                const mainTitleAlign = textStyle.align ? textStyle.align : align, mainTitleWidth = null !== (_r = textStyle.width) && void 0 !== _r ? _r : maintextWidth;
+                "left" === mainTitleAlign ? (this._mainTitle.setAttribute("x", 0), this._mainTitle.setAttribute("textAlign", "left")) : "center" === mainTitleAlign ? (this._mainTitle.setAttribute("x", mainTitleWidth / 2), 
+                this._mainTitle.setAttribute("textAlign", "center")) : "right" === mainTitleAlign && (this._mainTitle.setAttribute("x", mainTitleWidth), 
+                this._mainTitle.setAttribute("textAlign", "right"));
             }
             if (isValid(verticalAlign) || isValid(textStyle.verticalAlign)) {
-                const mainTitleVerticalAlign = textStyle.verticalAlign ? textStyle.verticalAlign : verticalAlign;
-                "middle" === mainTitleVerticalAlign && isValid(fixedMainTitleHeight) ? (this._mainTitle.setAttribute("y", fixedMainTitleHeight / 2), 
-                this._mainTitle.setAttribute("textBaseline", "middle")) : "bottom" === mainTitleVerticalAlign && isValid(fixedMainTitleHeight) ? (this._mainTitle.setAttribute("y", fixedMainTitleHeight), 
-                this._mainTitle.setAttribute("textBaseline", "bottom")) : (this._mainTitle.setAttribute("y", 0), 
-                this._mainTitle.setAttribute("textBaseline", "top"));
+                const mainTitleVerticalAlign = textStyle.verticalAlign ? textStyle.verticalAlign : verticalAlign, mainTitleHeight = textStyle.height ? textStyle.height : titleHeight;
+                "top" === mainTitleVerticalAlign ? (this._mainTitle.setAttribute("y", 0), this._mainTitle.setAttribute("textBaseline", "top")) : "middle" === mainTitleVerticalAlign ? (this._mainTitle.setAttribute("y", mainTitleHeight / 2), 
+                this._mainTitle.setAttribute("textBaseline", "middle")) : "bottom" === mainTitleVerticalAlign && (this._mainTitle.setAttribute("y", mainTitleHeight), 
+                this._mainTitle.setAttribute("textBaseline", "bottom"));
             }
         }
         if (this._subTitle) {
             if (isValid(align) || isValid(subtextStyle.align)) {
-                const subTitleAlign = subtextStyle.align ? subtextStyle.align : align, subTitleWidth = null !== (_t = null !== (_s = subtextStyle.width) && void 0 !== _s ? _s : textStyle.width) && void 0 !== _t ? _t : totalWidth;
-                "center" === subTitleAlign ? (this._subTitle.setAttribute("x", subTitleWidth / 2), 
-                this._subTitle.setAttribute("textAlign", "center")) : "right" === subTitleAlign ? (this._subTitle.setAttribute("x", subTitleWidth), 
-                this._subTitle.setAttribute("textAlign", "right")) : (this._subTitle.setAttribute("x", 0), 
-                this._subTitle.setAttribute("textAlign", "left"));
+                const subTitleAlign = subtextStyle.align ? subtextStyle.align : align, subTitleWidth = null !== (_s = subtextStyle.width) && void 0 !== _s ? _s : subtextWidth;
+                "left" === subTitleAlign ? (this._subTitle.setAttribute("x", 0), this._subTitle.setAttribute("textAlign", "left")) : "center" === subTitleAlign ? (this._subTitle.setAttribute("x", subTitleWidth / 2), 
+                this._subTitle.setAttribute("textAlign", "center")) : "right" === subTitleAlign && (this._subTitle.setAttribute("x", subTitleWidth), 
+                this._subTitle.setAttribute("textAlign", "right"));
             }
             if (isValid(verticalAlign) || isValid(textStyle.verticalAlign)) {
-                const subTitleVerticalAlign = subtextStyle.verticalAlign ? subtextStyle.verticalAlign : verticalAlign, subTitleYStart = this._mainTitle ? isValid(fixedMainTitleHeight) ? this._mainTitle.AABBBounds.y1 + Math.max(this._mainTitle.AABBBounds.height(), fixedMainTitleHeight) : this._mainTitle.AABBBounds.y2 : 0, subTitleHeight = null !== (_u = subtextStyle.height) && void 0 !== _u ? _u : height;
-                "middle" === subTitleVerticalAlign && isValid(subTitleHeight) ? (this._subTitle.setAttribute("y", subTitleYStart + subTitleHeight / 2), 
-                this._subTitle.setAttribute("textBaseline", "middle")) : "bottom" === subTitleVerticalAlign && isValid(subTitleHeight) ? (this._subTitle.setAttribute("y", subTitleYStart + subTitleHeight), 
-                this._subTitle.setAttribute("textBaseline", "bottom")) : (this._subTitle.setAttribute("y", subTitleYStart), 
-                this._subTitle.setAttribute("textBaseline", "top"));
+                const subTitleVerticalAlign = subtextStyle.verticalAlign ? subtextStyle.verticalAlign : verticalAlign, subTitleYStart = maintextHeight, subTitleHeight = null !== (_t = subtextStyle.height) && void 0 !== _t ? _t : 0;
+                "top" === subTitleVerticalAlign ? (this._subTitle.setAttribute("y", subTitleYStart), 
+                this._subTitle.setAttribute("textBaseline", "top")) : "middle" === subTitleVerticalAlign ? (this._subTitle.setAttribute("y", subTitleYStart + subTitleHeight / 2), 
+                this._subTitle.setAttribute("textBaseline", "middle")) : "bottom" === subTitleVerticalAlign && (this._subTitle.setAttribute("y", subTitleYStart + subTitleHeight), 
+                this._subTitle.setAttribute("textBaseline", "bottom"));
             }
         }
     }

package/es/title/title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/title/title.ts"],"names":[],"mappings":"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","file":"title.js","sourcesContent":["/**\n * @description 标题组件\n */\nimport type { IGroup, IText, IRichText, IRichTextCharacter } from '@visactor/vrender-core';\nimport { merge, isValid, normalizePadding, isArray } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport type { TitleAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\nimport { DEFAULT_HTML_TEXT_SPEC } from '../constant';\nimport { loadTitleComponent } from './register';\n\nloadTitleComponent();\nexport class Title extends AbstractComponent<Required<TitleAttrs>> {\n  name = 'title';\n\n  private _mainTitle?: IText | IRichText;\n  private _subTitle?: IText | IRichText;\n\n  static defaultAttributes: Partial<TitleAttrs> = {\n    textStyle: {\n      ellipsis: '...',\n      fill: '#333',\n      fontSize: 20,\n      fontWeight: 'bold',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    subtextStyle: {\n      ellipsis: '...',\n      fill: '#6F6F6F',\n      fontSize: 16,\n      fontWeight: 'normal',\n      textAlign: 'left',\n      textBaseline: 'top'\n    }\n  };\n\n  constructor(attributes: TitleAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, Title.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const {\n      textType,\n      text,\n      subtextType,\n      textStyle = {},\n      subtext,\n      subtextStyle = {},\n      width,\n      height,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight,\n      align,\n      verticalAlign,\n      padding = 0\n    } = this.attribute as TitleAttrs;\n\n    const parsedPadding = normalizePadding(padding);\n\n    const group = this.createOrUpdateChild(\n      'title-container',\n      { x: parsedPadding[3], y: parsedPadding[0], zIndex: 1 },\n      'group'\n    ) as IGroup;\n\n    const fixedMainTitleHeight = textStyle.height ?? height;\n    if (this.attribute.visible !== false && textStyle.visible !== false) {\n      const {\n        width: mainTitleWidth,\n        maxHeight: mainTitleMaxHeight,\n        maxWidth: mainTitleMaxWidth,\n        x = 0,\n        y = 0,\n        ellipsis = true,\n        wordBreak = 'break-word',\n        maxWidth,\n        lineClamp\n      } = textStyle;\n      if (textType === 'rich' || isValid(textStyle.character)) {\n        const attr = {\n          x,\n          y,\n          width: mainTitleWidth ?? width ?? 0,\n          height: fixedMainTitleHeight ?? 0,\n          ellipsis: ellipsis ?? true,\n          wordBreak: wordBreak ?? 'break-word',\n          maxHeight: mainTitleMaxHeight ?? maxHeight,\n          maxWidth: mainTitleMaxWidth ?? maxWidth,\n          // 兼容旧版富文本配置，如果未设置textType === 'rich'，text内容为string 易报错\n          textConfig: textStyle.character ?? (text as IRichTextCharacter[]),\n          ...textStyle\n        };\n        this._mainTitle = group.createOrUpdateChild('mainTitle', attr, 'richtext') as IRichText;\n      } else if (textType === 'html') {\n        const attr = {\n          html: {\n            dom: text as string,\n            ...DEFAULT_HTML_TEXT_SPEC,\n            ...textStyle\n          },\n          x,\n          y,\n          width: mainTitleWidth ?? width ?? 0,\n          height: fixedMainTitleHeight ?? 0,\n          ellipsis,\n          wordBreak,\n          maxHeight: mainTitleMaxHeight ?? maxHeight,\n          maxWidth: mainTitleMaxWidth ?? maxWidth,\n          textConfig: [] as any[],\n          ...textStyle\n        };\n        this._mainTitle = group.createOrUpdateChild('mainTitle', attr, 'richtext') as IRichText;\n      } else if (isValid(text)) {\n        this._mainTitle = group.createOrUpdateChild(\n          'mainTitle',\n          {\n            text: isArray(text) ? (text as any) : [text as string],\n            whiteSpace: 'normal',\n            ...textStyle,\n            maxLineWidth: textStyle.maxLineWidth ?? mainTitleWidth ?? width,\n            heightLimit: textStyle.height ?? maxHeight,\n            lineClamp,\n            ellipsis,\n            x,\n            y\n          },\n          'text'\n        ) as IText;\n      }\n    }\n\n    const mainTextBoundsHeight = this._mainTitle ? this._mainTitle.AABBBounds.height() : 0;\n    const mainTextBoundsWidth = this._mainTitle ? this._mainTitle.AABBBounds.width() : 0;\n\n    // 目前 height 限制等于 0 时，相当于 Infinity，无限制\n\n    if (this.attribute.visible !== false && subtextStyle.visible !== false) {\n      const {\n        width: subTitleWidth,\n        height: subTitleHeight,\n        maxWidth: subTitleMaxWidth,\n        maxHeight: subTitleMaxHeight,\n        x = 0,\n        y = 0,\n        ellipsis = true,\n        wordBreak = 'break-word',\n        lineClamp\n      } = subtextStyle;\n      const maxSubTextHeight = Math.max(Number.MIN_VALUE, maxHeight - mainTextBoundsHeight);\n\n      if (subtextType === 'rich' || isValid(subtextStyle.character)) {\n        const attr: any = {\n          x,\n          y,\n          width: subTitleWidth ?? width ?? 0,\n          height: subTitleHeight ?? height ?? 0,\n          ellipsis,\n          wordBreak,\n          maxHeight: subTitleMaxHeight ?? maxSubTextHeight,\n          maxWidth: subTitleMaxWidth ?? maxWidth,\n          // 兼容旧版富文本配置，如果未设置textType === 'rich'，text内容为string 易报错\n          textConfig: subtextStyle.character ?? (subtext as IRichTextCharacter[]),\n          ...subtextStyle\n        };\n        this._subTitle = group.createOrUpdateChild('subTitle', attr, 'richtext') as IRichText;\n      } else if (subtextType === 'html') {\n        const attr: any = {\n          html: {\n            dom: subtext as string,\n            ...DEFAULT_HTML_TEXT_SPEC,\n            ...subtextStyle\n          },\n          x,\n          y,\n          width: subTitleWidth ?? width ?? 0,\n          height: subTitleHeight ?? height ?? 0,\n          ellipsis,\n          wordBreak,\n          maxHeight: subTitleMaxHeight ?? maxSubTextHeight,\n          maxWidth: subTitleMaxWidth ?? maxWidth,\n          textConfig: [] as any[],\n          ...subtextStyle\n        };\n        this._subTitle = group.createOrUpdateChild('subTitle', attr, 'richtext') as IRichText;\n      } else if (isValid(subtext)) {\n        this._subTitle = group.createOrUpdateChild(\n          'subTitle',\n          {\n            text: isArray(subtext) ? (subtext as any) : [subtext as string],\n            whiteSpace: 'normal',\n            ...subtextStyle,\n            maxLineWidth: subtextStyle.maxLineWidth ?? width,\n            heightLimit: subtextStyle.heightLimit ?? maxSubTextHeight,\n            lineClamp,\n            ellipsis,\n            x: 0,\n            y: mainTextBoundsHeight\n          },\n          'text'\n        ) as IText;\n      }\n    }\n\n    const subTextBoundsHeight = this._subTitle ? this._subTitle.AABBBounds.height() : 0;\n    const subTextBoundsWidth = this._subTitle ? this._subTitle.AABBBounds.width() : 0;\n\n    // 设置宽高\n    let totalWidth = Math.max(mainTextBoundsWidth, subTextBoundsWidth);\n    let totalHeight = mainTextBoundsHeight + (subtextStyle.height ?? subTextBoundsHeight);\n\n    if (isValid(width)) {\n      totalWidth = width;\n    }\n\n    if (isValid(height)) {\n      totalHeight = height;\n    }\n\n    if (isValid(minWidth) && totalWidth < minWidth) {\n      totalWidth = minWidth;\n    }\n    if (isValid(maxWidth)) {\n      if (totalWidth > maxWidth) {\n        totalWidth = maxWidth;\n      }\n    }\n\n    if (isValid(minHeight) && totalHeight < minHeight) {\n      totalHeight = minHeight;\n    }\n\n    if (isValid(maxHeight)) {\n      if (totalHeight > maxHeight) {\n        totalHeight = maxHeight;\n      }\n    }\n\n    group.attribute.width = totalWidth;\n    group.attribute.height = totalHeight;\n    group.attribute.boundsPadding = parsedPadding;\n\n    // 设置对齐\n    if (this._mainTitle) {\n      if (isValid(align) || isValid(textStyle.align)) {\n        const mainTitleAlign = textStyle.align ? textStyle.align : align;\n        const mainTitleWidth = textStyle.width ?? totalWidth;\n        if (mainTitleAlign === 'center') {\n          this._mainTitle.setAttribute('x', mainTitleWidth / 2);\n          this._mainTitle.setAttribute('textAlign', 'center');\n        } else if (mainTitleAlign === 'right') {\n          this._mainTitle.setAttribute('x', mainTitleWidth);\n          this._mainTitle.setAttribute('textAlign', 'right');\n        } else {\n          this._mainTitle.setAttribute('x', 0);\n          this._mainTitle.setAttribute('textAlign', 'left');\n        }\n      }\n\n      if (isValid(verticalAlign) || isValid(textStyle.verticalAlign)) {\n        const mainTitleVerticalAlign = textStyle.verticalAlign ? textStyle.verticalAlign : verticalAlign;\n        if (mainTitleVerticalAlign === 'middle' && isValid(fixedMainTitleHeight)) {\n          this._mainTitle.setAttribute('y', fixedMainTitleHeight / 2);\n          this._mainTitle.setAttribute('textBaseline', 'middle');\n        } else if (mainTitleVerticalAlign === 'bottom' && isValid(fixedMainTitleHeight)) {\n          this._mainTitle.setAttribute('y', fixedMainTitleHeight);\n          this._mainTitle.setAttribute('textBaseline', 'bottom');\n        } else {\n          this._mainTitle.setAttribute('y', 0);\n          this._mainTitle.setAttribute('textBaseline', 'top');\n        }\n      }\n    }\n\n    if (this._subTitle) {\n      if (isValid(align) || isValid(subtextStyle.align)) {\n        const subTitleAlign = subtextStyle.align ? subtextStyle.align : align;\n        // 当subText没有设置显示的宽度，但是mainText设置了显示的宽度的时候，为mainText为主，因为默认subText要和mainText对齐\n        const subTitleWidth = subtextStyle.width ?? textStyle.width ?? totalWidth;\n        if (subTitleAlign === 'center') {\n          this._subTitle.setAttribute('x', subTitleWidth / 2);\n          this._subTitle.setAttribute('textAlign', 'center');\n        } else if (subTitleAlign === 'right') {\n          this._subTitle.setAttribute('x', subTitleWidth);\n          this._subTitle.setAttribute('textAlign', 'right');\n        } else {\n          this._subTitle.setAttribute('x', 0);\n          this._subTitle.setAttribute('textAlign', 'left');\n        }\n      }\n\n      if (isValid(verticalAlign) || isValid(textStyle.verticalAlign)) {\n        const subTitleVerticalAlign = subtextStyle.verticalAlign ? subtextStyle.verticalAlign : verticalAlign;\n        const subTitleYStart = this._mainTitle\n          ? isValid(fixedMainTitleHeight)\n            ? // 如果是用户指定的高度，根据bounds的height 和指定高度求最大值\n              this._mainTitle.AABBBounds.y1 + Math.max(this._mainTitle.AABBBounds.height(), fixedMainTitleHeight)\n            : this._mainTitle.AABBBounds.y2\n          : 0;\n        const subTitleHeight = subtextStyle.height ?? height;\n        if (subTitleVerticalAlign === 'middle' && isValid(subTitleHeight)) {\n          this._subTitle.setAttribute('y', subTitleYStart + subTitleHeight / 2);\n          this._subTitle.setAttribute('textBaseline', 'middle');\n        } else if (subTitleVerticalAlign === 'bottom' && isValid(subTitleHeight)) {\n          this._subTitle.setAttribute('y', subTitleYStart + subTitleHeight);\n          this._subTitle.setAttribute('textBaseline', 'bottom');\n        } else {\n          this._subTitle.setAttribute('y', subTitleYStart);\n          this._subTitle.setAttribute('textBaseline', 'top');\n        }\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/title/title.ts"],"names":[],"mappings":"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","file":"title.js","sourcesContent":["/**\n * @description 标题组件\n */\nimport type { IGroup, IText, IRichText, IRichTextCharacter } from '@visactor/vrender-core';\nimport { merge, isValid, normalizePadding, isArray } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport type { TitleAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\nimport { DEFAULT_HTML_TEXT_SPEC } from '../constant';\nimport { loadTitleComponent } from './register';\n\nloadTitleComponent();\nexport class Title extends AbstractComponent<Required<TitleAttrs>> {\n  name = 'title';\n\n  private _mainTitle?: IText | IRichText;\n  private _subTitle?: IText | IRichText;\n\n  static defaultAttributes: Partial<TitleAttrs> = {\n    textStyle: {\n      ellipsis: '...',\n      fill: '#333',\n      fontSize: 20,\n      fontWeight: 'bold',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    subtextStyle: {\n      ellipsis: '...',\n      fill: '#6F6F6F',\n      fontSize: 16,\n      fontWeight: 'normal',\n      textAlign: 'left',\n      textBaseline: 'top'\n    }\n  };\n\n  constructor(attributes: TitleAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, Title.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const {\n      textType,\n      text,\n      subtextType,\n      textStyle = {},\n      subtext,\n      subtextStyle = {},\n      width,\n      height,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight,\n      align,\n      verticalAlign,\n      padding = 0\n    } = this.attribute as TitleAttrs;\n\n    const parsedPadding = normalizePadding(padding);\n\n    const group = this.createOrUpdateChild(\n      'title-container',\n      { x: parsedPadding[3], y: parsedPadding[0], zIndex: 1 },\n      'group'\n    ) as IGroup;\n\n    if (this.attribute.visible !== false && textStyle.visible !== false) {\n      const {\n        width: mainTitleWidth,\n        height: mainTitleHeight,\n        maxHeight: mainTitleMaxHeight,\n        maxWidth: mainTitleMaxWidth,\n        x = 0,\n        y = 0,\n        ellipsis = true,\n        wordBreak = 'break-word',\n        maxWidth,\n        lineClamp\n      } = textStyle;\n      if (textType === 'rich' || isValid(textStyle.character)) {\n        const attr = {\n          x,\n          y,\n          width: mainTitleWidth ?? width ?? 0,\n          height: mainTitleHeight ?? height ?? 0,\n          ellipsis: ellipsis ?? true,\n          wordBreak: wordBreak ?? 'break-word',\n          maxHeight: mainTitleMaxHeight ?? maxHeight,\n          maxWidth: mainTitleMaxWidth ?? maxWidth,\n          // 兼容旧版富文本配置，如果未设置textType === 'rich'，text内容为string 易报错\n          textConfig: textStyle.character ?? (text as IRichTextCharacter[]),\n          ...textStyle\n        };\n        this._mainTitle = group.createOrUpdateChild('mainTitle', attr, 'richtext') as IRichText;\n      } else if (textType === 'html') {\n        const attr = {\n          html: {\n            dom: text as string,\n            ...DEFAULT_HTML_TEXT_SPEC,\n            ...textStyle\n          },\n          x,\n          y,\n          width: mainTitleWidth ?? width ?? 0,\n          height: mainTitleHeight ?? height ?? 0,\n          ellipsis,\n          wordBreak,\n          maxHeight: mainTitleMaxHeight ?? maxHeight,\n          maxWidth: mainTitleMaxWidth ?? maxWidth,\n          textConfig: [] as any[],\n          ...textStyle\n        };\n        this._mainTitle = group.createOrUpdateChild('mainTitle', attr, 'richtext') as IRichText;\n      } else if (isValid(text)) {\n        this._mainTitle = group.createOrUpdateChild(\n          'mainTitle',\n          {\n            text: isArray(text) ? (text as any) : [text as string],\n            whiteSpace: 'normal',\n            ...textStyle,\n            maxLineWidth: textStyle.maxLineWidth ?? mainTitleWidth ?? width,\n            heightLimit: mainTitleHeight ?? maxHeight,\n            lineClamp,\n            ellipsis,\n            x,\n            y\n          },\n          'text'\n        ) as IText;\n      }\n    }\n\n    const maintextHeight = this._mainTitle ? this._mainTitle.AABBBounds.height() : 0;\n    const maintextWidth = this._mainTitle ? this._mainTitle.AABBBounds.width() : 0;\n\n    // 目前 height 限制等于 0 时，相当于 Infinity，无限制\n\n    if (this.attribute.visible !== false && subtextStyle.visible !== false) {\n      const {\n        width: subTitleWidth,\n        height: subTitleHeight,\n        maxWidth: subTitleMaxWidth,\n        maxHeight: subTitleMaxHeight,\n        x = 0,\n        y = 0,\n        ellipsis = true,\n        wordBreak = 'break-word',\n        lineClamp\n      } = subtextStyle;\n      const maxSubTextHeight = Math.max(Number.MIN_VALUE, maxHeight - maintextHeight);\n\n      if (subtextType === 'rich' || isValid(subtextStyle.character)) {\n        const attr: any = {\n          x,\n          y,\n          width: subTitleWidth ?? width ?? 0,\n          height: subTitleHeight ?? height ?? 0,\n          ellipsis,\n          wordBreak,\n          maxHeight: subTitleMaxHeight ?? maxSubTextHeight,\n          maxWidth: subTitleMaxWidth ?? maxWidth,\n          // 兼容旧版富文本配置，如果未设置textType === 'rich'，text内容为string 易报错\n          textConfig: subtextStyle.character ?? (subtext as IRichTextCharacter[]),\n          ...subtextStyle\n        };\n        this._subTitle = group.createOrUpdateChild('subTitle', attr, 'richtext') as IRichText;\n      } else if (subtextType === 'html') {\n        const attr: any = {\n          html: {\n            dom: subtext as string,\n            ...DEFAULT_HTML_TEXT_SPEC,\n            ...subtextStyle\n          },\n          x,\n          y,\n          width: subTitleWidth ?? width ?? 0,\n          height: subTitleHeight ?? height ?? 0,\n          ellipsis,\n          wordBreak,\n          maxHeight: subTitleMaxHeight ?? maxSubTextHeight,\n          maxWidth: subTitleMaxWidth ?? maxWidth,\n          textConfig: [] as any[],\n          ...subtextStyle\n        };\n        this._subTitle = group.createOrUpdateChild('subTitle', attr, 'richtext') as IRichText;\n      } else if (isValid(subtext)) {\n        this._subTitle = group.createOrUpdateChild(\n          'subTitle',\n          {\n            text: isArray(subtext) ? (subtext as any) : [subtext as string],\n            whiteSpace: 'normal',\n            ...subtextStyle,\n            maxLineWidth: subtextStyle.maxLineWidth ?? width,\n            heightLimit: subtextStyle.heightLimit ?? maxSubTextHeight,\n            lineClamp,\n            ellipsis,\n            x: 0,\n            y: maintextHeight\n          },\n          'text'\n        ) as IText;\n      }\n    }\n\n    const subtextHeight = this._subTitle ? this._subTitle.AABBBounds.height() : 0;\n    const subtextWidth = this._subTitle ? this._subTitle.AABBBounds.width() : 0;\n\n    // 设置宽高\n    let titleWidth = Math.max(maintextWidth, subtextWidth);\n    let titleHeight = maintextHeight + (subtextStyle.height ?? subtextHeight);\n\n    if (isValid(width)) {\n      titleWidth = width;\n    }\n\n    if (isValid(height)) {\n      titleHeight = height;\n    }\n\n    if (isValid(minWidth) && titleWidth < minWidth) {\n      titleWidth = minWidth;\n    }\n    if (isValid(maxWidth)) {\n      if (titleWidth > maxWidth) {\n        titleWidth = maxWidth;\n      }\n    }\n\n    if (isValid(minHeight) && titleHeight < minHeight) {\n      titleHeight = minHeight;\n    }\n\n    if (isValid(maxHeight)) {\n      if (titleHeight > maxHeight) {\n        titleHeight = maxHeight;\n      }\n    }\n    group.attribute.width = titleWidth;\n    group.attribute.height = titleHeight;\n    group.attribute.boundsPadding = parsedPadding;\n\n    // 设置对齐\n    if (this._mainTitle) {\n      if (isValid(align) || isValid(textStyle.align)) {\n        const mainTitleAlign = textStyle.align ? textStyle.align : align;\n        const mainTitleWidth = textStyle.width ?? maintextWidth;\n        if (mainTitleAlign === 'left') {\n          this._mainTitle.setAttribute('x', 0);\n          this._mainTitle.setAttribute('textAlign', 'left');\n        } else if (mainTitleAlign === 'center') {\n          this._mainTitle.setAttribute('x', mainTitleWidth / 2);\n          this._mainTitle.setAttribute('textAlign', 'center');\n        } else if (mainTitleAlign === 'right') {\n          this._mainTitle.setAttribute('x', mainTitleWidth);\n          this._mainTitle.setAttribute('textAlign', 'right');\n        }\n      }\n\n      if (isValid(verticalAlign) || isValid(textStyle.verticalAlign)) {\n        const mainTitleVerticalAlign = textStyle.verticalAlign ? textStyle.verticalAlign : verticalAlign;\n        const mainTitleHeight = textStyle.height ? textStyle.height : titleHeight;\n        if (mainTitleVerticalAlign === 'top') {\n          this._mainTitle.setAttribute('y', 0);\n          this._mainTitle.setAttribute('textBaseline', 'top');\n        } else if (mainTitleVerticalAlign === 'middle') {\n          this._mainTitle.setAttribute('y', mainTitleHeight / 2);\n          this._mainTitle.setAttribute('textBaseline', 'middle');\n        } else if (mainTitleVerticalAlign === 'bottom') {\n          this._mainTitle.setAttribute('y', mainTitleHeight);\n          this._mainTitle.setAttribute('textBaseline', 'bottom');\n        }\n      }\n    }\n\n    if (this._subTitle) {\n      if (isValid(align) || isValid(subtextStyle.align)) {\n        const subTitleAlign = subtextStyle.align ? subtextStyle.align : align;\n        const subTitleWidth = subtextStyle.width ?? subtextWidth;\n        if (subTitleAlign === 'left') {\n          this._subTitle.setAttribute('x', 0);\n          this._subTitle.setAttribute('textAlign', 'left');\n        } else if (subTitleAlign === 'center') {\n          this._subTitle.setAttribute('x', subTitleWidth / 2);\n          this._subTitle.setAttribute('textAlign', 'center');\n        } else if (subTitleAlign === 'right') {\n          this._subTitle.setAttribute('x', subTitleWidth);\n          this._subTitle.setAttribute('textAlign', 'right');\n        }\n      }\n\n      if (isValid(verticalAlign) || isValid(textStyle.verticalAlign)) {\n        const subTitleVerticalAlign = subtextStyle.verticalAlign ? subtextStyle.verticalAlign : verticalAlign;\n        const subTitleYStart = maintextHeight;\n        const subTitleHeight = subtextStyle.height ?? 0;\n        if (subTitleVerticalAlign === 'top') {\n          this._subTitle.setAttribute('y', subTitleYStart);\n          this._subTitle.setAttribute('textBaseline', 'top');\n        } else if (subTitleVerticalAlign === 'middle') {\n          this._subTitle.setAttribute('y', subTitleYStart + subTitleHeight / 2);\n          this._subTitle.setAttribute('textBaseline', 'middle');\n        } else if (subTitleVerticalAlign === 'bottom') {\n          this._subTitle.setAttribute('y', subTitleYStart + subTitleHeight);\n          this._subTitle.setAttribute('textBaseline', 'bottom');\n        }\n      }\n    }\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vrender-components",
-  "version": "0.22.0-vstory.1",
+  "version": "0.22.0-vstory.10",
   "description": "components library for dp visualization",
   "sideEffects": false,
   "main": "cjs/index.js",
@@ -14,8 +14,8 @@
   "dependencies": {
     "@visactor/vutils": "~0.19.3",
     "@visactor/vscale": "~0.19.3",
-    "@visactor/vrender-core": "0.22.0-vstory.1",
-    "@visactor/vrender-kits": "0.22.0-vstory.1"
+    "@visactor/vrender-core": "0.22.0-vstory.10",
+    "@visactor/vrender-kits": "0.22.0-vstory.10"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.1.4",
@@ -29,9 +29,9 @@
     "vite": "3.2.6",
     "typescript": "4.9.5",
     "cross-env": "^7.0.3",
-    "@internal/bundler": "0.0.1",
     "@internal/eslint-config": "0.0.1",
-    "@internal/ts-config": "0.0.1"
+    "@internal/ts-config": "0.0.1",
+    "@internal/bundler": "0.0.1"
   },
   "keywords": [
     "VisActor",