@visactor/vrender-components 0.17.0-alpha.8 → 0.17.0

package/cjs/title/title.js

@@ -4,23 +4,24 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Title = void 0;
 
-const vutils_1 = require("@visactor/vutils"), base_1 = require("../core/base");
+const vutils_1 = require("@visactor/vutils"), base_1 = require("../core/base"), constant_1 = require("../constant");
 
 class Title extends base_1.AbstractComponent {
-    constructor(attributes) {
-        super((0, vutils_1.merge)({}, Title.defaultAttributes, attributes)), this.name = "title";
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : (0, vutils_1.merge)({}, Title.defaultAttributes, attributes)), 
+        this.name = "title";
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37;
-        const {text: text, 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, 
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55;
+        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");
-        if (!1 !== (null === (_a = this.attribute) || void 0 === _a ? void 0 : _a.visible) && !1 !== (null == textStyle ? void 0 : textStyle.visible)) if (textStyle && (0, 
-        vutils_1.isValid)(null == textStyle ? void 0 : textStyle.character)) {
-            const attr = {
+        if (!1 !== (null === (_a = this.attribute) || void 0 === _a ? void 0 : _a.visible) && !1 !== (null == textStyle ? void 0 : textStyle.visible)) if ("rich" === textType || (0, 
+        vutils_1.isValid)(textStyle.character)) {
+            const attr = Object.assign({
                 x: null !== (_b = textStyle.x) && void 0 !== _b ? _b : 0,
                 y: null !== (_c = textStyle.y) && void 0 !== _c ? _c : 0,
                 width: null !== (_e = null !== (_d = textStyle.width) && void 0 !== _d ? _d : width) && void 0 !== _e ? _e : 0,
@@ -29,85 +30,117 @@ class Title extends base_1.AbstractComponent {
                 wordBreak: null !== (_j = textStyle.wordBreak) && void 0 !== _j ? _j : "break-word",
                 maxHeight: textStyle.maxHeight,
                 maxWidth: textStyle.maxWidth,
-                textConfig: textStyle.character
-            };
+                textConfig: null !== (_k = textStyle.character) && void 0 !== _k ? _k : text
+            }, textStyle);
+            this._mainTitle = group.createOrUpdateChild("mainTitle", attr, "richtext");
+        } else if ("html" === textType) {
+            const attr = Object.assign({
+                html: Object.assign(Object.assign({
+                    dom: text
+                }, constant_1.DEFAULT_HTML_TEXT_SPEC), textStyle),
+                x: null !== (_l = textStyle.x) && void 0 !== _l ? _l : 0,
+                y: null !== (_m = textStyle.y) && void 0 !== _m ? _m : 0,
+                width: null !== (_p = null !== (_o = textStyle.width) && void 0 !== _o ? _o : width) && void 0 !== _p ? _p : 0,
+                height: null !== (_r = null !== (_q = textStyle.height) && void 0 !== _q ? _q : height) && void 0 !== _r ? _r : 0,
+                ellipsis: null === (_s = textStyle.ellipsis) || void 0 === _s || _s,
+                wordBreak: null !== (_t = textStyle.wordBreak) && void 0 !== _t ? _t : "break-word",
+                maxHeight: textStyle.maxHeight,
+                maxWidth: textStyle.maxWidth,
+                textConfig: []
+            }, textStyle);
             this._mainTitle = group.createOrUpdateChild("mainTitle", attr, "richtext");
         } else (0, vutils_1.isValid)(text) && (this._mainTitle = group.createOrUpdateChild("mainTitle", Object.assign(Object.assign({
             text: [ text ]
         }, textStyle), {
-            maxLineWidth: null !== (_k = null == textStyle ? void 0 : textStyle.maxLineWidth) && void 0 !== _k ? _k : width,
+            maxLineWidth: null !== (_u = null == textStyle ? void 0 : textStyle.maxLineWidth) && void 0 !== _u ? _u : width,
             heightLimit: null == textStyle ? void 0 : textStyle.heightLimit,
             lineClamp: null == textStyle ? void 0 : textStyle.lineClamp,
-            ellipsis: null === (_l = null == textStyle ? void 0 : textStyle.ellipsis) || void 0 === _l || _l,
+            ellipsis: null === (_v = null == textStyle ? void 0 : textStyle.ellipsis) || void 0 === _v || _v,
             x: 0,
             y: 0
         }), "wrapText"));
-        const maintextHeight = this._mainTitle ? null === (_m = this._mainTitle) || void 0 === _m ? void 0 : _m.AABBBounds.height() : 0, maintextWidth = this._mainTitle ? null === (_o = this._mainTitle) || void 0 === _o ? void 0 : _o.AABBBounds.width() : 0;
-        if (!1 !== (null === (_p = this.attribute) || void 0 === _p ? void 0 : _p.visible) && !1 !== (null == subtextStyle ? void 0 : subtextStyle.visible)) if (subtextStyle && (0, 
-        vutils_1.isValid)(null == subtextStyle ? void 0 : subtextStyle.character)) {
-            const attr = {
-                x: null !== (_q = subtextStyle.x) && void 0 !== _q ? _q : 0,
-                y: null !== (_r = subtextStyle.y) && void 0 !== _r ? _r : maintextHeight,
-                width: null !== (_t = null !== (_s = subtextStyle.width) && void 0 !== _s ? _s : width) && void 0 !== _t ? _t : 0,
-                height: null !== (_v = null !== (_u = subtextStyle.height) && void 0 !== _u ? _u : height) && void 0 !== _v ? _v : 0,
-                ellipsis: null === (_w = subtextStyle.ellipsis) || void 0 === _w || _w,
-                wordBreak: null !== (_x = subtextStyle.wordBreak) && void 0 !== _x ? _x : "break-word",
+        const maintextHeight = this._mainTitle ? null === (_w = this._mainTitle) || void 0 === _w ? void 0 : _w.AABBBounds.height() : 0, maintextWidth = this._mainTitle ? null === (_x = this._mainTitle) || void 0 === _x ? void 0 : _x.AABBBounds.width() : 0;
+        if (!1 !== (null === (_y = this.attribute) || void 0 === _y ? void 0 : _y.visible) && !1 !== (null == subtextStyle ? void 0 : subtextStyle.visible)) if ("rich" === subtextType || (0, 
+        vutils_1.isValid)(subtextStyle.character)) {
+            const attr = Object.assign({
+                x: null !== (_z = subtextStyle.x) && void 0 !== _z ? _z : 0,
+                y: null !== (_0 = subtextStyle.y) && void 0 !== _0 ? _0 : 0,
+                width: null !== (_2 = null !== (_1 = subtextStyle.width) && void 0 !== _1 ? _1 : width) && void 0 !== _2 ? _2 : 0,
+                height: null !== (_4 = null !== (_3 = subtextStyle.height) && void 0 !== _3 ? _3 : height) && void 0 !== _4 ? _4 : 0,
+                ellipsis: null === (_5 = subtextStyle.ellipsis) || void 0 === _5 || _5,
+                wordBreak: null !== (_6 = subtextStyle.wordBreak) && void 0 !== _6 ? _6 : "break-word",
+                maxHeight: subtextStyle.maxHeight,
+                maxWidth: subtextStyle.maxWidth,
+                textConfig: null !== (_7 = subtextStyle.character) && void 0 !== _7 ? _7 : subtext
+            }, subtextStyle);
+            this._subTitle = group.createOrUpdateChild("subTitle", attr, "richtext");
+        } else if ("html" === subtextType) {
+            const attr = Object.assign({
+                html: Object.assign(Object.assign({
+                    dom: subtext
+                }, constant_1.DEFAULT_HTML_TEXT_SPEC), subtextStyle),
+                x: null !== (_8 = subtextStyle.x) && void 0 !== _8 ? _8 : 0,
+                y: null !== (_9 = subtextStyle.y) && void 0 !== _9 ? _9 : 0,
+                width: null !== (_11 = null !== (_10 = subtextStyle.width) && void 0 !== _10 ? _10 : width) && void 0 !== _11 ? _11 : 0,
+                height: null !== (_13 = null !== (_12 = subtextStyle.height) && void 0 !== _12 ? _12 : height) && void 0 !== _13 ? _13 : 0,
+                ellipsis: null === (_14 = subtextStyle.ellipsis) || void 0 === _14 || _14,
+                wordBreak: null !== (_15 = subtextStyle.wordBreak) && void 0 !== _15 ? _15 : "break-word",
                 maxHeight: subtextStyle.maxHeight,
                 maxWidth: subtextStyle.maxWidth,
-                textConfig: subtextStyle.character
-            };
+                textConfig: []
+            }, subtextStyle);
             this._subTitle = group.createOrUpdateChild("subTitle", attr, "richtext");
         } else (0, vutils_1.isValid)(subtext) && (this._subTitle = group.createOrUpdateChild("subTitle", Object.assign(Object.assign({
             text: [ subtext ]
         }, subtextStyle), {
-            maxLineWidth: null !== (_y = null == subtextStyle ? void 0 : subtextStyle.maxLineWidth) && void 0 !== _y ? _y : width,
+            maxLineWidth: null !== (_16 = null == subtextStyle ? void 0 : subtextStyle.maxLineWidth) && void 0 !== _16 ? _16 : width,
             heightLimit: null == subtextStyle ? void 0 : subtextStyle.heightLimit,
             lineClamp: null == subtextStyle ? void 0 : subtextStyle.lineClamp,
-            ellipsis: null === (_z = null == subtextStyle ? void 0 : subtextStyle.ellipsis) || void 0 === _z || _z,
+            ellipsis: null === (_17 = null == subtextStyle ? void 0 : subtextStyle.ellipsis) || void 0 === _17 || _17,
             x: 0,
             y: maintextHeight
         }), "wrapText"));
-        const subtextHeight = this._subTitle ? null === (_0 = this._subTitle) || void 0 === _0 ? void 0 : _0.AABBBounds.height() : 0, subtextWidth = this._subTitle ? null === (_1 = this._subTitle) || void 0 === _1 ? void 0 : _1.AABBBounds.width() : 0;
-        let titleWidth = Math.max(maintextWidth, subtextWidth), titleHeight = maintextHeight + (null !== (_2 = null == subtextStyle ? void 0 : subtextStyle.height) && void 0 !== _2 ? _2 : subtextHeight);
-        if ((0, vutils_1.isValid)(width) && (titleWidth = width, null === (_3 = this._mainTitle) || void 0 === _3 || _3.setAttribute("maxLineWidth", width), 
-        null === (_4 = this._subTitle) || void 0 === _4 || _4.setAttribute("maxLineWidth", width)), 
+        const subtextHeight = this._subTitle ? null === (_18 = this._subTitle) || void 0 === _18 ? void 0 : _18.AABBBounds.height() : 0, subtextWidth = this._subTitle ? null === (_19 = this._subTitle) || void 0 === _19 ? void 0 : _19.AABBBounds.width() : 0;
+        let titleWidth = Math.max(maintextWidth, subtextWidth), titleHeight = maintextHeight + (null !== (_20 = null == subtextStyle ? void 0 : subtextStyle.height) && void 0 !== _20 ? _20 : subtextHeight);
+        if ((0, vutils_1.isValid)(width) && (titleWidth = width, null === (_21 = this._mainTitle) || void 0 === _21 || _21.setAttribute("maxLineWidth", width), 
+        null === (_22 = this._subTitle) || void 0 === _22 || _22.setAttribute("maxLineWidth", width)), 
         (0, vutils_1.isValid)(height) && (titleHeight = height), (0, vutils_1.isValid)(minWidth) && titleWidth < minWidth && (titleWidth = minWidth), 
-        (0, vutils_1.isValid)(maxWidth) && (null === (_5 = this._mainTitle) || void 0 === _5 || _5.setAttribute("maxLineWidth", maxWidth), 
-        null === (_6 = this._subTitle) || void 0 === _6 || _6.setAttribute("maxLineWidth", maxWidth), 
-        null === (_7 = this._mainTitle) || void 0 === _7 || _7.setAttribute("maxWidth", maxWidth), 
-        null === (_8 = this._subTitle) || void 0 === _8 || _8.setAttribute("maxWidth", maxWidth), 
+        (0, vutils_1.isValid)(maxWidth) && (null === (_23 = this._mainTitle) || void 0 === _23 || _23.setAttribute("maxLineWidth", maxWidth), 
+        null === (_24 = this._subTitle) || void 0 === _24 || _24.setAttribute("maxLineWidth", maxWidth), 
+        null === (_25 = this._mainTitle) || void 0 === _25 || _25.setAttribute("maxWidth", maxWidth), 
+        null === (_26 = this._subTitle) || void 0 === _26 || _26.setAttribute("maxWidth", maxWidth), 
         titleWidth > maxWidth && (titleWidth = maxWidth)), (0, vutils_1.isValid)(minHeight) && titleHeight < minHeight && (titleHeight = minHeight), 
-        (0, vutils_1.isValid)(maxHeight) && (null === (_9 = this._mainTitle) || void 0 === _9 || _9.setAttribute("maxHeight", maxHeight), 
-        null === (_10 = this._subTitle) || void 0 === _10 || _10.setAttribute("maxHeight", maxHeight - maintextHeight), 
-        titleHeight > maxHeight && (titleHeight = maxHeight)), group.attribute.width = titleWidth + parsedPadding[1] + parsedPadding[3], 
-        group.attribute.height = titleHeight + parsedPadding[0] + parsedPadding[2], (0, 
-        vutils_1.isValid)(align) || (0, vutils_1.isValid)(null == textStyle ? void 0 : textStyle.align)) {
-            const mainTitleAlign = (null == textStyle ? void 0 : textStyle.align) ? null == textStyle ? void 0 : textStyle.align : align, mainTitleWidth = null !== (_11 = null == textStyle ? void 0 : textStyle.width) && void 0 !== _11 ? _11 : maintextWidth;
-            "left" === mainTitleAlign ? (null === (_12 = this._mainTitle) || void 0 === _12 || _12.setAttribute("x", 0), 
-            null === (_13 = this._mainTitle) || void 0 === _13 || _13.setAttribute("textAlign", "left")) : "center" === mainTitleAlign ? (null === (_14 = this._mainTitle) || void 0 === _14 || _14.setAttribute("x", mainTitleWidth / 2), 
-            null === (_15 = this._mainTitle) || void 0 === _15 || _15.setAttribute("textAlign", "center")) : "right" === mainTitleAlign && (null === (_16 = this._mainTitle) || void 0 === _16 || _16.setAttribute("x", mainTitleWidth), 
-            null === (_17 = this._mainTitle) || void 0 === _17 || _17.setAttribute("textAlign", "right"));
+        (0, vutils_1.isValid)(maxHeight) && (null === (_27 = this._mainTitle) || void 0 === _27 || _27.setAttribute("maxHeight", maxHeight), 
+        null === (_28 = this._subTitle) || void 0 === _28 || _28.setAttribute("maxHeight", maxHeight - maintextHeight), 
+        titleHeight > maxHeight && (titleHeight = maxHeight)), group.attribute.width = titleWidth, 
+        group.attribute.height = titleHeight, group.attribute.boundsPadding = parsedPadding, 
+        (0, vutils_1.isValid)(align) || (0, vutils_1.isValid)(null == textStyle ? void 0 : textStyle.align)) {
+            const mainTitleAlign = (null == textStyle ? void 0 : textStyle.align) ? null == textStyle ? void 0 : textStyle.align : align, mainTitleWidth = null !== (_29 = null == textStyle ? void 0 : textStyle.width) && void 0 !== _29 ? _29 : maintextWidth;
+            "left" === mainTitleAlign ? (null === (_30 = this._mainTitle) || void 0 === _30 || _30.setAttribute("x", 0), 
+            null === (_31 = this._mainTitle) || void 0 === _31 || _31.setAttribute("textAlign", "left")) : "center" === mainTitleAlign ? (null === (_32 = this._mainTitle) || void 0 === _32 || _32.setAttribute("x", mainTitleWidth / 2), 
+            null === (_33 = this._mainTitle) || void 0 === _33 || _33.setAttribute("textAlign", "center")) : "right" === mainTitleAlign && (null === (_34 = this._mainTitle) || void 0 === _34 || _34.setAttribute("x", mainTitleWidth), 
+            null === (_35 = this._mainTitle) || void 0 === _35 || _35.setAttribute("textAlign", "right"));
         }
         if ((0, vutils_1.isValid)(verticalAlign) || (0, vutils_1.isValid)(null == textStyle ? void 0 : textStyle.verticalAlign)) {
-            const mainTitleVerticalAlign = (null == textStyle ? void 0 : textStyle.verticalAlign) ? null == textStyle ? void 0 : textStyle.verticalAlign : verticalAlign, mainTitleHeight = (null == textStyle ? void 0 : textStyle.height) ? null == textStyle ? void 0 : textStyle.height : titleWidth;
-            "top" === mainTitleVerticalAlign ? (null === (_18 = this._mainTitle) || void 0 === _18 || _18.setAttribute("y", 0), 
-            null === (_19 = this._mainTitle) || void 0 === _19 || _19.setAttribute("textBaseline", "top")) : "middle" === mainTitleVerticalAlign ? (null === (_20 = this._mainTitle) || void 0 === _20 || _20.setAttribute("y", mainTitleHeight / 2), 
-            null === (_21 = this._mainTitle) || void 0 === _21 || _21.setAttribute("textBaseline", "middle")) : "bottom" === mainTitleVerticalAlign && (null === (_22 = this._mainTitle) || void 0 === _22 || _22.setAttribute("y", mainTitleHeight), 
-            null === (_23 = this._mainTitle) || void 0 === _23 || _23.setAttribute("textBaseline", "bottom"));
+            const mainTitleVerticalAlign = (null == textStyle ? void 0 : textStyle.verticalAlign) ? null == textStyle ? void 0 : textStyle.verticalAlign : verticalAlign, mainTitleHeight = (null == textStyle ? void 0 : textStyle.height) ? null == textStyle ? void 0 : textStyle.height : titleHeight;
+            "top" === mainTitleVerticalAlign ? (null === (_36 = this._mainTitle) || void 0 === _36 || _36.setAttribute("y", 0), 
+            null === (_37 = this._mainTitle) || void 0 === _37 || _37.setAttribute("textBaseline", "top")) : "middle" === mainTitleVerticalAlign ? (null === (_38 = this._mainTitle) || void 0 === _38 || _38.setAttribute("y", mainTitleHeight / 2), 
+            null === (_39 = this._mainTitle) || void 0 === _39 || _39.setAttribute("textBaseline", "middle")) : "bottom" === mainTitleVerticalAlign && (null === (_40 = this._mainTitle) || void 0 === _40 || _40.setAttribute("y", mainTitleHeight), 
+            null === (_41 = this._mainTitle) || void 0 === _41 || _41.setAttribute("textBaseline", "bottom"));
         }
         if ((0, vutils_1.isValid)(align) || (0, vutils_1.isValid)(null == subtextStyle ? void 0 : subtextStyle.align)) {
-            const subTitleAlign = (null == subtextStyle ? void 0 : subtextStyle.align) ? null == subtextStyle ? void 0 : subtextStyle.align : align, subTitleWidth = null !== (_24 = null == subtextStyle ? void 0 : subtextStyle.width) && void 0 !== _24 ? _24 : subtextWidth;
-            "left" === subTitleAlign ? (null === (_25 = this._subTitle) || void 0 === _25 || _25.setAttribute("x", 0), 
-            null === (_26 = this._subTitle) || void 0 === _26 || _26.setAttribute("textAlign", "left")) : "center" === subTitleAlign ? (null === (_27 = this._subTitle) || void 0 === _27 || _27.setAttribute("x", subTitleWidth / 2), 
-            null === (_28 = this._subTitle) || void 0 === _28 || _28.setAttribute("textAlign", "center")) : "right" === subTitleAlign && (null === (_29 = this._subTitle) || void 0 === _29 || _29.setAttribute("x", subTitleWidth), 
-            null === (_30 = this._subTitle) || void 0 === _30 || _30.setAttribute("textAlign", "right"));
+            const subTitleAlign = (null == subtextStyle ? void 0 : subtextStyle.align) ? null == subtextStyle ? void 0 : subtextStyle.align : align, subTitleWidth = null !== (_42 = null == subtextStyle ? void 0 : subtextStyle.width) && void 0 !== _42 ? _42 : subtextWidth;
+            "left" === subTitleAlign ? (null === (_43 = this._subTitle) || void 0 === _43 || _43.setAttribute("x", 0), 
+            null === (_44 = this._subTitle) || void 0 === _44 || _44.setAttribute("textAlign", "left")) : "center" === subTitleAlign ? (null === (_45 = this._subTitle) || void 0 === _45 || _45.setAttribute("x", subTitleWidth / 2), 
+            null === (_46 = this._subTitle) || void 0 === _46 || _46.setAttribute("textAlign", "center")) : "right" === subTitleAlign && (null === (_47 = this._subTitle) || void 0 === _47 || _47.setAttribute("x", subTitleWidth), 
+            null === (_48 = this._subTitle) || void 0 === _48 || _48.setAttribute("textAlign", "right"));
         }
         if ((0, vutils_1.isValid)(verticalAlign) || (0, vutils_1.isValid)(null == textStyle ? void 0 : textStyle.verticalAlign)) {
-            const subTitleVerticalAlign = (null == subtextStyle ? void 0 : subtextStyle.verticalAlign) ? null == subtextStyle ? void 0 : subtextStyle.verticalAlign : verticalAlign, subTitleYStart = maintextHeight, subTitleHeight = null !== (_31 = null == subtextStyle ? void 0 : subtextStyle.height) && void 0 !== _31 ? _31 : 0;
-            "top" === subTitleVerticalAlign ? (null === (_32 = this._subTitle) || void 0 === _32 || _32.setAttribute("y", subTitleYStart), 
-            null === (_33 = this._subTitle) || void 0 === _33 || _33.setAttribute("textBaseline", "top")) : "middle" === subTitleVerticalAlign ? (null === (_34 = this._subTitle) || void 0 === _34 || _34.setAttribute("y", subTitleYStart + subTitleHeight / 2), 
-            null === (_35 = this._subTitle) || void 0 === _35 || _35.setAttribute("textBaseline", "middle")) : "bottom" === subTitleVerticalAlign && (null === (_36 = this._subTitle) || void 0 === _36 || _36.setAttribute("y", subTitleYStart + subTitleHeight), 
-            null === (_37 = this._subTitle) || void 0 === _37 || _37.setAttribute("textBaseline", "bottom"));
+            const subTitleVerticalAlign = (null == subtextStyle ? void 0 : subtextStyle.verticalAlign) ? null == subtextStyle ? void 0 : subtextStyle.verticalAlign : verticalAlign, subTitleYStart = maintextHeight, subTitleHeight = null !== (_49 = null == subtextStyle ? void 0 : subtextStyle.height) && void 0 !== _49 ? _49 : 0;
+            "top" === subTitleVerticalAlign ? (null === (_50 = this._subTitle) || void 0 === _50 || _50.setAttribute("y", subTitleYStart), 
+            null === (_51 = this._subTitle) || void 0 === _51 || _51.setAttribute("textBaseline", "top")) : "middle" === subTitleVerticalAlign ? (null === (_52 = this._subTitle) || void 0 === _52 || _52.setAttribute("y", subTitleYStart + subTitleHeight / 2), 
+            null === (_53 = this._subTitle) || void 0 === _53 || _53.setAttribute("textBaseline", "middle")) : "bottom" === subTitleVerticalAlign && (null === (_54 = this._subTitle) || void 0 === _54 || _54.setAttribute("y", subTitleYStart + subTitleHeight), 
+            null === (_55 = this._subTitle) || void 0 === _55 || _55.setAttribute("textBaseline", "bottom"));
         }
     }
 }

package/cjs/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 } from '@visactor/vrender-core';\nimport { merge, isValid, normalizePadding } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport type { TitleAttrs } from './type';\n\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) {\n    super(merge({}, Title.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const {\n      text,\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      if (textStyle && isValid(textStyle?.character)) {\n        const attr = {\n          x: textStyle.x ?? 0,\n          y: textStyle.y ?? 0,\n          width: textStyle.width ?? width ?? 0,\n          height: textStyle.height ?? height ?? 0,\n          ellipsis: textStyle.ellipsis ?? true,\n          wordBreak: textStyle.wordBreak ?? 'break-word',\n          maxHeight: textStyle.maxHeight,\n          maxWidth: textStyle.maxWidth,\n          textConfig: textStyle.character\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: [text as string],\n            ...textStyle,\n            maxLineWidth: textStyle?.maxLineWidth ?? width,\n            heightLimit: textStyle?.heightLimit,\n            lineClamp: textStyle?.lineClamp,\n            ellipsis: textStyle?.ellipsis ?? true,\n            x: 0,\n            y: 0\n          },\n          'wrapText'\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    if (this.attribute?.visible !== false && subtextStyle?.visible !== false) {\n      if (subtextStyle && isValid(subtextStyle?.character)) {\n        const attr = {\n          x: subtextStyle.x ?? 0,\n          y: subtextStyle.y ?? maintextHeight,\n          width: subtextStyle.width ?? width ?? 0,\n          height: subtextStyle.height ?? height ?? 0,\n          ellipsis: subtextStyle.ellipsis ?? true,\n          wordBreak: subtextStyle.wordBreak ?? 'break-word',\n          maxHeight: subtextStyle.maxHeight,\n          maxWidth: subtextStyle.maxWidth,\n          textConfig: subtextStyle.character\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: [subtext as string],\n            ...subtextStyle,\n            maxLineWidth: subtextStyle?.maxLineWidth ?? width,\n            heightLimit: subtextStyle?.heightLimit,\n            lineClamp: subtextStyle?.lineClamp,\n            ellipsis: subtextStyle?.ellipsis ?? true,\n            x: 0,\n            y: maintextHeight\n          },\n          'wrapText'\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      this._mainTitle?.setAttribute('maxLineWidth', width);\n      this._subTitle?.setAttribute('maxLineWidth', 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      this._mainTitle?.setAttribute('maxLineWidth', maxWidth);\n      this._subTitle?.setAttribute('maxLineWidth', maxWidth);\n      this._mainTitle?.setAttribute('maxWidth', maxWidth);\n      this._subTitle?.setAttribute('maxWidth', maxWidth);\n      if (titleWidth > maxWidth) {\n        titleWidth = maxWidth;\n      }\n    }\n\n    if (isValid(minHeight) && titleHeight < minHeight) {\n      titleHeight = minHeight;\n    }\n    if (isValid(maxHeight)) {\n      this._mainTitle?.setAttribute('maxHeight', maxHeight);\n      this._subTitle?.setAttribute('maxHeight', maxHeight - maintextHeight);\n      if (titleHeight > maxHeight) {\n        titleHeight = maxHeight;\n      }\n    }\n\n    group.attribute.width = titleWidth + parsedPadding[1] + parsedPadding[3];\n    group.attribute.height = titleHeight + parsedPadding[0] + parsedPadding[2];\n\n    // 设置对齐\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 : titleWidth;\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    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"]}
+{"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 } 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';\n\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      if (textType === 'rich' || isValid(textStyle.character)) {\n        const attr = {\n          x: textStyle.x ?? 0,\n          y: textStyle.y ?? 0,\n          width: textStyle.width ?? width ?? 0,\n          height: textStyle.height ?? height ?? 0,\n          ellipsis: textStyle.ellipsis ?? true,\n          wordBreak: textStyle.wordBreak ?? 'break-word',\n          maxHeight: textStyle.maxHeight,\n          maxWidth: textStyle.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: textStyle.x ?? 0,\n          y: textStyle.y ?? 0,\n          width: textStyle.width ?? width ?? 0,\n          height: textStyle.height ?? height ?? 0,\n          ellipsis: textStyle.ellipsis ?? true,\n          wordBreak: textStyle.wordBreak ?? 'break-word',\n          maxHeight: textStyle.maxHeight,\n          maxWidth: textStyle.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: [text as string],\n            ...textStyle,\n            maxLineWidth: textStyle?.maxLineWidth ?? width,\n            heightLimit: textStyle?.heightLimit,\n            lineClamp: textStyle?.lineClamp,\n            ellipsis: textStyle?.ellipsis ?? true,\n            x: 0,\n            y: 0\n          },\n          'wrapText'\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    if (this.attribute?.visible !== false && subtextStyle?.visible !== false) {\n      if (subtextType === 'rich' || isValid(subtextStyle.character)) {\n        const attr: any = {\n          x: subtextStyle.x ?? 0,\n          y: subtextStyle.y ?? 0,\n          width: subtextStyle.width ?? width ?? 0,\n          height: subtextStyle.height ?? height ?? 0,\n          ellipsis: subtextStyle.ellipsis ?? true,\n          wordBreak: subtextStyle.wordBreak ?? 'break-word',\n          maxHeight: subtextStyle.maxHeight,\n          maxWidth: subtextStyle.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: subtextStyle.x ?? 0,\n          y: subtextStyle.y ?? 0,\n          width: subtextStyle.width ?? width ?? 0,\n          height: subtextStyle.height ?? height ?? 0,\n          ellipsis: subtextStyle.ellipsis ?? true,\n          wordBreak: subtextStyle.wordBreak ?? 'break-word',\n          maxHeight: subtextStyle.maxHeight,\n          maxWidth: subtextStyle.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: [subtext as string],\n            ...subtextStyle,\n            maxLineWidth: subtextStyle?.maxLineWidth ?? width,\n            heightLimit: subtextStyle?.heightLimit,\n            lineClamp: subtextStyle?.lineClamp,\n            ellipsis: subtextStyle?.ellipsis ?? true,\n            x: 0,\n            y: maintextHeight\n          },\n          'wrapText'\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      this._mainTitle?.setAttribute('maxLineWidth', width);\n      this._subTitle?.setAttribute('maxLineWidth', 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      this._mainTitle?.setAttribute('maxLineWidth', maxWidth);\n      this._subTitle?.setAttribute('maxLineWidth', maxWidth);\n      this._mainTitle?.setAttribute('maxWidth', maxWidth);\n      this._subTitle?.setAttribute('maxWidth', maxWidth);\n      if (titleWidth > maxWidth) {\n        titleWidth = maxWidth;\n      }\n    }\n\n    if (isValid(minHeight) && titleHeight < minHeight) {\n      titleHeight = minHeight;\n    }\n    if (isValid(maxHeight)) {\n      this._mainTitle?.setAttribute('maxHeight', maxHeight);\n      this._subTitle?.setAttribute('maxHeight', maxHeight - maintextHeight);\n      if (titleHeight > maxHeight) {\n        titleHeight = maxHeight;\n      }\n    }\n\n    group.attribute.width = titleWidth;\n    group.attribute.height = titleHeight;\n    group.attribute.boundsPadding = parsedPadding;\n\n    // 设置对齐\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    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"]}

package/cjs/title/type.d.ts

@@ -1,8 +1,10 @@
-import type { IGroupGraphicAttribute, ITextGraphicAttribute, IRichTextCharacter, RichTextWordBreak } from '@visactor/vrender-core';
+import type { IGroupGraphicAttribute, ITextGraphicAttribute, IRichTextGraphicAttribute, IRichTextCharacter, RichTextWordBreak } from '@visactor/vrender-core';
 import type { Padding } from '../core/type';
 export interface TitleAttrs extends IGroupGraphicAttribute {
-    text?: string | number | string[] | number[];
-    subtext?: string | number | string[] | number[];
+    text?: string | number | string[] | number[] | IRichTextCharacter[];
+    textType?: string;
+    subtext?: string | number | string[] | number[] | IRichTextCharacter[];
+    subtextType?: string;
     width?: number;
     height?: number;
     minWidth?: number;
@@ -10,6 +12,8 @@ export interface TitleAttrs extends IGroupGraphicAttribute {
     minHeight?: number;
     maxHeight?: number;
     padding?: Padding;
+    x?: number;
+    y?: number;
     align?: string;
     verticalAlign?: string;
     textStyle?: {
@@ -24,7 +28,8 @@ export interface TitleAttrs extends IGroupGraphicAttribute {
         heightLimit?: number;
         lineClamp?: number;
         character?: IRichTextCharacter[];
-    } & Partial<ITextGraphicAttribute>;
+        text?: string | number | string[] | number[] | IRichTextCharacter[];
+    } & Partial<ITextGraphicAttribute> & Partial<IRichTextGraphicAttribute>;
     subtextStyle?: {
         width?: number;
         height?: number;
@@ -37,5 +42,5 @@ export interface TitleAttrs extends IGroupGraphicAttribute {
         heightLimit?: number;
         lineClamp?: number;
         character?: IRichTextCharacter[];
-    } & Partial<ITextGraphicAttribute>;
+    } & Partial<ITextGraphicAttribute> & Partial<IRichTextGraphicAttribute>;
 }

package/cjs/title/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/title/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGroupGraphicAttribute,\n  ITextGraphicAttribute,\n  IRichTextCharacter,\n  RichTextWordBreak\n} from '@visactor/vrender-core';\nimport type { Padding } from '../core/type';\n\nexport interface TitleAttrs extends IGroupGraphicAttribute {\n  /**\n   * 主标题文本内容\n   */\n  text?: string | number | string[] | number[];\n  /**\n   * 副标题文本内容\n   */\n  subtext?: string | number | string[] | number[];\n  /**\n   * 指定宽度，像素值\n   */\n  width?: number;\n  /**\n   * 指定高度，像素值\n   */\n  height?: number;\n  /**\n   * 最小宽度，像素值\n   */\n  minWidth?: number;\n  /**\n   * 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n  /**\n   * 最小高度，像素值\n   */\n  minHeight?: number;\n  /**\n   * 最大高度，像素值\n   */\n  maxHeight?: number;\n  /**\n   * 内部边距\n   */\n  padding?: Padding;\n  /**\n   * 整体（包括 text 和 subtext）的水平对齐\n   * 'left' | 'center' | 'right'\n   */\n  align?: string;\n  /**\n   * 整体（包括 text 和 subtext）的垂直对齐\n   * 'top' | 'middle' | 'bottom'\n   */\n  verticalAlign?: string;\n  /**\n   * 主标题样式\n   */\n  textStyle?: {\n    /** 指定宽度 */\n    width?: number;\n    /** 指定高度 */\n    height?: number;\n    /** 最大宽度 */\n    maxWidth?: number;\n    /** 最大高度 */\n    maxHeight?: number;\n    /**\n     * 文字水平对齐方式\n     * 'left' | 'center' | 'right'\n     */\n    align?: string;\n    /**\n     * 文字垂直对齐方式\n     * 'top' | 'middle' | 'bottom'\n     */\n    verticalAlign?: string;\n    /**\n     * 折行方式\n     * 'break-word' | 'break-all'\n     */\n    wordBreak?: RichTextWordBreak;\n    /**\n     * 按照宽度限制自动折行或显示省略号(maxLineWidth)\n     * 默认设置为title宽度\n     */\n    maxLineWidth?: number;\n    /**\n     * 高度限制控制显示内容及省略号(heightLimit)\n     */\n    heightLimit?: number;\n    /**\n     * 按照行数限制显示内容及省略号(lineClamp)\n     */\n    lineClamp?: number;\n    /**\n     * 富文本配置\n     */\n    character?: IRichTextCharacter[];\n  } & Partial<ITextGraphicAttribute>;\n  /**\n   * 副标题样式\n   */\n  subtextStyle?: {\n    /** 指定宽度 */\n    width?: number;\n    /** 指定高度 */\n    height?: number;\n    /** 最大宽度 */\n    maxWidth?: number;\n    /** 最大高度 */\n    maxHeight?: number;\n    /**\n     * 文字水平对齐方式\n     * 'left' | 'center' | 'right'\n     */\n    align?: string;\n    /**\n     * 文字垂直对齐方式\n     * 'top' | 'middle' | 'bottom'\n     */\n    verticalAlign?: string;\n    /**\n     * 折行方式\n     * 'break-word' | 'break-all'\n     */\n    wordBreak?: RichTextWordBreak;\n    /**\n     * 按照宽度限制自动折行或显示省略号(maxLineWidth)\n     * 默认设置为title宽度\n     */\n    maxLineWidth?: number;\n    /**\n     * 高度限制控制显示内容及省略号(heightLimit)\n     */\n    heightLimit?: number;\n    /**\n     * 按照行数限制显示内容及省略号(lineClamp)\n     */\n    lineClamp?: number;\n    /**\n     * 富文本配置\n     */\n    character?: IRichTextCharacter[];\n  } & Partial<ITextGraphicAttribute>;\n}\n"]}
+{"version":3,"sources":["../src/title/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGroupGraphicAttribute,\n  ITextGraphicAttribute,\n  IRichTextGraphicAttribute,\n  IRichTextCharacter,\n  RichTextWordBreak\n} from '@visactor/vrender-core';\nimport type { Padding } from '../core/type';\n\nexport interface TitleAttrs extends IGroupGraphicAttribute {\n  /**\n   * 主标题文本内容\n   * - 支持富文本配置\n   */\n  text?: string | number | string[] | number[] | IRichTextCharacter[];\n  /**\n   * 主标题文本类型（默认类型为text）\n   * text, rich, html\n   */\n  textType?: string;\n  /**\n   * 副标题文本内容\n   * - 支持富文本配置\n   */\n  subtext?: string | number | string[] | number[] | IRichTextCharacter[];\n  /**\n   * 副标题文本类型（默认类型为text）\n   * text, rich, html\n   */\n  subtextType?: string;\n  /**\n   * 指定宽度，像素值\n   */\n  width?: number;\n  /**\n   * 指定高度，像素值\n   */\n  height?: number;\n  /**\n   * 最小宽度，像素值\n   */\n  minWidth?: number;\n  /**\n   * 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n  /**\n   * 最小高度，像素值\n   */\n  minHeight?: number;\n  /**\n   * 最大高度，像素值\n   */\n  maxHeight?: number;\n  /**\n   * 内部边距\n   */\n  padding?: Padding;\n  /**\n   * x方向偏移量\n   */\n  x?: number;\n  /**\n   * y方向偏移量\n   */\n  y?: number;\n  /**\n   * 整体（包括 text 和 subtext）的水平对齐\n   * 'left' | 'center' | 'right'\n   */\n  align?: string;\n  /**\n   * 整体（包括 text 和 subtext）的垂直对齐\n   * 'top' | 'middle' | 'bottom'\n   */\n  verticalAlign?: string;\n  /**\n   * 主标题样式\n   */\n  textStyle?: {\n    /** 指定宽度 */\n    width?: number;\n    /** 指定高度 */\n    height?: number;\n    /** 最大宽度 */\n    maxWidth?: number;\n    /** 最大高度 */\n    maxHeight?: number;\n    /**\n     * 文字水平对齐方式\n     * 'left' | 'center' | 'right'\n     */\n    align?: string;\n    /**\n     * 文字垂直对齐方式\n     * 'top' | 'middle' | 'bottom'\n     */\n    verticalAlign?: string;\n    /**\n     * 折行方式\n     * 'break-word' | 'break-all'\n     */\n    wordBreak?: RichTextWordBreak;\n    /**\n     * 按照宽度限制自动折行或显示省略号(maxLineWidth)\n     * 默认设置为title宽度\n     */\n    maxLineWidth?: number;\n    /**\n     * 高度限制控制显示内容及省略号(heightLimit)\n     */\n    heightLimit?: number;\n    /**\n     * 按照行数限制显示内容及省略号(lineClamp)\n     */\n    lineClamp?: number;\n    /**\n     * 富文本配置（暂时保留旧设置）\n     */\n    character?: IRichTextCharacter[];\n    /**\n     * text兼容IText和IRichtext\n     */\n    text?: string | number | string[] | number[] | IRichTextCharacter[];\n  } & Partial<ITextGraphicAttribute> &\n    Partial<IRichTextGraphicAttribute>;\n  /**\n   * 副标题样式\n   */\n  subtextStyle?: {\n    /** 指定宽度 */\n    width?: number;\n    /** 指定高度 */\n    height?: number;\n    /** 最大宽度 */\n    maxWidth?: number;\n    /** 最大高度 */\n    maxHeight?: number;\n    /**\n     * 文字水平对齐方式\n     * 'left' | 'center' | 'right'\n     */\n    align?: string;\n    /**\n     * 文字垂直对齐方式\n     * 'top' | 'middle' | 'bottom'\n     */\n    verticalAlign?: string;\n    /**\n     * 折行方式\n     * 'break-word' | 'break-all'\n     */\n    wordBreak?: RichTextWordBreak;\n    /**\n     * 按照宽度限制自动折行或显示省略号(maxLineWidth)\n     * 默认设置为title宽度\n     */\n    maxLineWidth?: number;\n    /**\n     * 高度限制控制显示内容及省略号(heightLimit)\n     */\n    heightLimit?: number;\n    /**\n     * 按照行数限制显示内容及省略号(lineClamp)\n     */\n    lineClamp?: number;\n    /**\n     * 富文本配置（暂时保留旧设置）\n     */\n    character?: IRichTextCharacter[];\n  } & Partial<ITextGraphicAttribute> &\n    Partial<IRichTextGraphicAttribute>;\n}\n"]}

package/cjs/tooltip/tooltip.d.ts

@@ -1,5 +1,6 @@
 import { AbstractComponent } from '../core/base';
 import type { TooltipAttributes, TooltipRowAttrs, TooltipRowStyleAttrs } from './type';
+import type { ComponentOptions } from '../interface';
 export declare class Tooltip extends AbstractComponent<Required<TooltipAttributes>> {
     name: string;
     private _tooltipPanel;
@@ -8,7 +9,7 @@ export declare class Tooltip extends AbstractComponent<Required<TooltipAttribute
     private _tooltipTitle;
     private _tooltipContent;
     static defaultAttributes: Partial<TooltipAttributes>;
-    constructor(attributes: TooltipAttributes);
+    constructor(attributes: TooltipAttributes, options?: ComponentOptions);
     protected render(): void;
     setAttributes(params: Partial<Required<TooltipAttributes>>, forceUpdateTag?: boolean | undefined): void;
     static calculateTooltipPosition(attribute: Partial<TooltipAttributes>): Partial<TooltipAttributes>;

package/cjs/tooltip/tooltip.js

@@ -4,13 +4,15 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Tooltip = void 0;
 
-const vrender_core_1 = require("@visactor/vrender-core"), vutils_1 = require("@visactor/vutils"), base_1 = require("../core/base"), text_1 = require("../util/text"), util_1 = require("../util"), util_2 = require("./util"), config_1 = require("./config"), TOOLTIP_BACKGROUND_NAME = "tooltip-background", TOOLTIP_TITLE_NAME = "tooltip-title", TOOLTIP_CONTENT_NAME = "tooltip-content", TOOLTIP_SHAPE_NAME_SUFFIX = "shape", TOOLTIP_KEY_NAME_SUFFIX = "key", TOOLTIP_VALUE_NAME_SUFFIX = "value";
+const vrender_core_1 = require("@visactor/vrender-core"), vutils_1 = require("@visactor/vutils"), base_1 = require("../core/base"), text_1 = require("../util/text"), util_1 = require("../util"), util_2 = require("./util"), config_1 = require("./config"), constant_1 = require("../constant"), TOOLTIP_BACKGROUND_NAME = "tooltip-background", TOOLTIP_TITLE_NAME = "tooltip-title", TOOLTIP_CONTENT_NAME = "tooltip-content", TOOLTIP_SHAPE_NAME_SUFFIX = "shape", TOOLTIP_KEY_NAME_SUFFIX = "key", TOOLTIP_VALUE_NAME_SUFFIX = "value";
 
 class Tooltip extends base_1.AbstractComponent {
-    constructor(attributes) {
-        super((0, vutils_1.merge)({}, Tooltip.defaultAttributes, attributes)), this.name = "tooltip";
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : (0, vutils_1.merge)({}, Tooltip.defaultAttributes, attributes), options), 
+        this.name = "tooltip";
     }
     render() {
+        var _a;
         const {visible: visible, content: content, panel: panel, keyWidth: keyWidth, valueWidth: valueWidth, hasContentShape: hasContentShape, autoCalculatePosition: autoCalculatePosition, autoMeasure: autoMeasure} = this.attribute;
         if (!visible) return void this.hideAll();
         autoMeasure && Tooltip.measureTooltip(this.attribute), autoCalculatePosition && Tooltip.calculateTooltipPosition(this.attribute);
@@ -28,12 +30,26 @@ class Tooltip extends base_1.AbstractComponent {
             symbolType: "circle"
         }, titleAttr.shape, {
             visible: (0, util_1.isVisible)(titleAttr) && (0, util_1.isVisible)(titleAttr.shape)
-        }), "symbol"), titleAttr.value.multiLine ? this._tooltipTitle = this._tooltipTitleContainer.createOrUpdateChild("tooltip-title-value", Object.assign({
+        }), "symbol"), "object" != typeof titleAttr.value.text || null === titleAttr.value.text || "rich" !== titleAttr.value.text.type && "html" !== titleAttr.value.text.type ? titleAttr.value.multiLine ? this._tooltipTitle = this._tooltipTitleContainer.createOrUpdateChild("tooltip-title-value", Object.assign({
             visible: (0, util_1.isVisible)(titleAttr) && (0, util_1.isVisible)(titleAttr.value)
         }, (0, util_2.getRichTextAttribute)(titleAttr.value)), "richtext") : this._tooltipTitle = this._tooltipTitleContainer.createOrUpdateChild("tooltip-title-value", Object.assign({
-            text: "",
+            text: null !== (_a = titleAttr.value.text) && void 0 !== _a ? _a : "",
             visible: (0, util_1.isVisible)(titleAttr) && (0, util_1.isVisible)(titleAttr.value)
-        }, titleAttr.value), "text");
+        }, titleAttr.value), "text") : "rich" === titleAttr.value.text.type ? this._tooltipTitle = this._tooltipTitleContainer.createOrUpdateChild("tooltip-title-value", Object.assign({
+            visible: (0, util_1.isVisible)(titleAttr) && (0, util_1.isVisible)(titleAttr.value)
+        }, (0, util_2.getRichTextAttribute)(titleAttr.value)), "richtext") : "html" === titleAttr.value.text.type && (this._tooltipTitle = this._tooltipTitleContainer.createOrUpdateChild("tooltip-title-value", Object.assign({
+            html: Object.assign(Object.assign({
+                dom: titleAttr.value.text.text
+            }, constant_1.DEFAULT_HTML_TEXT_SPEC), titleAttr.value),
+            visible: (0, util_1.isVisible)(titleAttr) && (0, util_1.isVisible)(titleAttr.value),
+            width: titleAttr.value.width,
+            height: titleAttr.value.height,
+            wordBreak: titleAttr.value.wordBreak,
+            textAlign: titleAttr.value.textAlign,
+            textBaseline: titleAttr.value.textBaseline,
+            singleLine: !1,
+            textConfig: []
+        }, titleAttr.value), "richtext"));
         const titlePaddingLeft = (0, util_1.isVisible)(titleAttr.shape) ? titleAttr.shape.size + titleAttr.shape.spacing : 0, {textAlign: textAlign, textBaseline: textBaseline} = titleAttr.value, contentWidth = panel.width - padding[3] - padding[0] - titlePaddingLeft;
         "center" === textAlign ? this._tooltipTitle.setAttribute("x", titlePaddingLeft + contentWidth / 2) : "right" === textAlign || "end" === textAlign ? this._tooltipTitle.setAttribute("x", titlePaddingLeft + contentWidth) : this._tooltipTitle.setAttribute("x", titlePaddingLeft), 
         "bottom" === textBaseline ? this._tooltipTitle.setAttribute("y", titleAttr.height) : "middle" === textBaseline ? this._tooltipTitle.setAttribute("y", titleAttr.height / 2) : this._tooltipTitle.setAttribute("y", 0);
@@ -44,7 +60,7 @@ class Tooltip extends base_1.AbstractComponent {
             this._tooltipContent.setAttribute("x", padding[3]), this._tooltipContent.setAttribute("y", padding[0] + titleHeight);
             let lastYPos = 0;
             content.forEach(((item, i) => {
-                var _a;
+                var _a, _b, _c;
                 const itemAttr = Tooltip.getContentAttr(this.attribute, i);
                 if (!(0, util_1.isVisible)(itemAttr)) return;
                 const itemGroupName = `tooltip-content-${i}`, itemGroup = this._tooltipContent.createOrUpdateChild(itemGroupName, {
@@ -56,7 +72,7 @@ class Tooltip extends base_1.AbstractComponent {
                 if ((0, util_1.isVisible)(itemAttr.shape) && itemGroup.createOrUpdateChild(`${itemGroupName}-shape`, Object.assign({
                     visible: !0,
                     x: itemAttr.shape.size / 2,
-                    y: itemAttr.shape.size / 2 + ((null !== (_a = itemAttr.key.lineHeight) && void 0 !== _a ? _a : itemAttr.key.fontSize) - itemAttr.shape.size) / 2
+                    y: itemAttr.shape.size / 2 + ((null !== (_a = (0, vrender_core_1.calculateLineHeight)(itemAttr.key.lineHeight, itemAttr.key.fontSize)) && void 0 !== _a ? _a : itemAttr.key.fontSize) - itemAttr.shape.size) / 2
                 }, itemAttr.shape), "symbol"), hasContentShape && (x += itemAttr.shape.size + itemAttr.shape.spacing), 
                 (0, util_1.isVisible)(itemAttr.key)) {
                     let element;
@@ -64,11 +80,20 @@ class Tooltip extends base_1.AbstractComponent {
                         visible: !0
                     }, (0, util_2.getRichTextAttribute)(itemAttr.key)), {
                         textBaseline: "top"
-                    }), "richtext") : itemGroup.createOrUpdateChild(`${itemGroupName}-key`, Object.assign(Object.assign({
-                        visible: !0
+                    }), "richtext") : "object" != typeof itemAttr.key.text || null === itemAttr.key.text || "rich" !== itemAttr.key.text.type && "html" !== itemAttr.key.text.type ? itemGroup.createOrUpdateChild(`${itemGroupName}-key`, Object.assign(Object.assign({
+                        visible: !0,
+                        text: null !== (_b = itemAttr.key.text) && void 0 !== _b ? _b : ""
                     }, itemAttr.key), {
                         textBaseline: "top"
-                    }), "text");
+                    }), "text") : "rich" === itemAttr.key.text.type ? itemGroup.createOrUpdateChild(`${itemGroupName}-value`, Object.assign(Object.assign({
+                        visible: !0
+                    }, (0, util_2.getRichTextAttribute)(itemAttr.key)), {
+                        textBaseline: "top"
+                    }), "richtext") : itemGroup.createOrUpdateChild(`${itemGroupName}-value`, {
+                        html: Object.assign(Object.assign({
+                            dom: itemAttr.key.text.text
+                        }, constant_1.DEFAULT_HTML_TEXT_SPEC), itemAttr.key)
+                    }, "richtext");
                     const {textAlign: textAlign} = itemAttr.key;
                     "center" === textAlign ? element.setAttribute("x", x + keyWidth / 2) : "right" === textAlign || "end" === textAlign ? element.setAttribute("x", x + keyWidth) : element.setAttribute("x", x), 
                     element.setAttribute("y", 0), x += keyWidth + itemAttr.key.spacing;
@@ -79,11 +104,24 @@ class Tooltip extends base_1.AbstractComponent {
                         visible: !0
                     }, (0, util_2.getRichTextAttribute)(itemAttr.value)), {
                         textBaseline: "top"
-                    }), "richtext") : itemGroup.createOrUpdateChild(`${itemGroupName}-value`, Object.assign(Object.assign({
-                        visible: !0
+                    }), "richtext") : "object" != typeof itemAttr.value.text || null === itemAttr.value.text || "rich" !== itemAttr.value.text.type && "html" !== itemAttr.value.text.type ? itemGroup.createOrUpdateChild(`${itemGroupName}-value`, Object.assign(Object.assign({
+                        visible: !0,
+                        text: null !== (_c = itemAttr.value.text) && void 0 !== _c ? _c : ""
                     }, itemAttr.value), {
                         textBaseline: "top"
-                    }), "text");
+                    }), "text") : "rich" === itemAttr.value.text.type ? itemGroup.createOrUpdateChild(`${itemGroupName}-value`, Object.assign(Object.assign({
+                        visible: !0
+                    }, (0, util_2.getRichTextAttribute)(itemAttr.value)), {
+                        textBaseline: "top"
+                    }), "richtext") : itemGroup.createOrUpdateChild(`${itemGroupName}-value`, {
+                        html: Object.assign({
+                            dom: itemAttr.value.text.text,
+                            container: "",
+                            width: 30,
+                            height: 30,
+                            style: {}
+                        }, itemAttr.value)
+                    }, "richtext");
                     let textAlign = "right";
                     (0, vutils_1.isValid)(itemAttr.value.textAlign) ? textAlign = itemAttr.value.textAlign : (0, 
                     util_1.isVisible)(itemAttr.key) || (textAlign = "left"), element.setAttribute("textAlign", textAlign), 
@@ -117,7 +155,7 @@ class Tooltip extends base_1.AbstractComponent {
         vutils_1.normalizePadding)(attribute.padding), titleAttr = Tooltip.getTitleAttr(attribute);
         let maxWidth = 0, containerHeight = padding[0] + padding[2], titleMaxHeight = 0;
         const {value: titleValue, shape: titleShape} = titleAttr, {visible: titleHasShape = !1, symbolType: titleShapeType = ""} = null != titleShape ? titleShape : {};
-        if ((0, vutils_1.isValid)(titleValue)) {
+        if ((0, vutils_1.isValid)(titleValue) && "object" != typeof titleAttr.value.text) {
             const {width: width, height: height} = (0, text_1.initTextMeasure)(titleValue).quickMeasure(titleValue.text);
             maxWidth = width, titleMaxHeight = height;
         }