@pixui-dev/pixui-richtext-helper 0.2.10 → 0.2.11

package/dist/RichText.d.ts

@@ -1,4 +1,4 @@
-import { RichTextCore, LinkNodeType, LinkClickParams } from "./richtext/RichTextCore";
+import { RichTextCore, LinkNodeType, LinkClickParams } from "./RichTextCore";
 /**
  * 对外暴露的 RichText 组件。
  * 保持旧版使用方式不变，内部委托给 RichText_Refactor 实现。

package/dist/RichText.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkNodeType = exports.RichText = void 0;
-var RichTextCore_1 = require("./richtext/RichTextCore");
+var RichTextCore_1 = require("./RichTextCore");
 Object.defineProperty(exports, "LinkNodeType", { enumerable: true, get: function () { return RichTextCore_1.LinkNodeType; } });
 /**
  * 对外暴露的 RichText 组件。

package/dist/{richtext/RichTextCore.d.ts → RichTextCore.d.ts}

@@ -57,6 +57,8 @@ export declare class RichTextCore {
     private static convertAllPxToEm;
     private static preprocess;
     private static fixImgSizeUnit;
+    /** 合并 img 标签的 width 和 height 属性 */
+    private static consolidateImgSizeStyle;
     /** 给 COS 图片自动追加 imageMogr2/thumbnail 参数 */
     private static handleCosImageMogr2;
     /** 列表处理（将 ol/ul/li 替换为 div 结构） */
@@ -83,7 +85,7 @@ export declare class RichTextCore {
     private static handleTextIndent;
     /** 处理 line-height / letter-spacing 属性 */
     private static adjustLineHeightAndLetterSpacing;
-    /** 把 div 的 text-align 转移到子 text 上，如果出现ql-align-right的class，认为是text-align:right,优先级比style的低 */
+    /** 把 div 的 text-align 转移到子 text 上 */
     private static transferTextAlign;
     /** 删除空 text 节点 */
     private static removeEmptyText;

package/dist/{richtext/RichTextCore.js → RichTextCore.js}

@@ -15,23 +15,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -52,7 +42,12 @@ var LinkNodeType;
 (function (LinkNodeType) {
     LinkNodeType["IMG"] = "img";
     LinkNodeType["DIV"] = "div";
-})(LinkNodeType || (exports.LinkNodeType = LinkNodeType = {}));
+})(LinkNodeType = exports.LinkNodeType || (exports.LinkNodeType = {}));
+var textNodeStyle = [
+    { key: "direction", isNumber: false },
+    { key: "line-height", isNumber: true },
+    { key: "letter-spacing", isNumber: true },
+];
 /*****************************************************
  *  工具函数
  *****************************************************/
@@ -163,8 +158,9 @@ var RichTextCore = /** @class */ (function () {
         // 重置全局状态
         RichTextCore.linkNodes = [];
         RichTextCore.hrefIdCnt = 0;
-        var preEncodedStr = str.replace(/href="([^"]*?)"/g, function (_match, hrefVal) {
-            return "href=\"".concat(encodeURIComponent(hrefVal), "\"");
+        // href 属性先统一做 URI 编码
+        var preEncodedStr = str.replace(/href=(['"])(.*?)\1/g, function (_m, quote, hrefVal) {
+            return "href=".concat(quote).concat(encodeURIComponent(hrefVal)).concat(quote);
         });
         var $1 = cheerio.load(preEncodedStr, null, false);
         //检查html，如果有text节点，说明是转换过的，直接返回
@@ -179,7 +175,7 @@ var RichTextCore = /** @class */ (function () {
         var processedSegments = segments.map(function (seg) { return RichTextCore.processSegment(seg, config); });
         // ---------- 第 4 步：拼装 ----------
         var Result = processedSegments.join("");
-        console.log(Result);
+        // console.log(Result);
         return Result;
     };
     /**
@@ -337,6 +333,7 @@ var RichTextCore = /** @class */ (function () {
         this.preprocess($);
         this.fixImgSizeUnit($);
         this.handleCosImageMogr2($, config);
+        this.consolidateImgSizeStyle($);
         this.handleLists($, (config === null || config === void 0 ? void 0 : config.lineHeightScale) || 1);
         this.replaceBrWithPlaceholder($);
         this.handleAnchorTag($);
@@ -473,6 +470,31 @@ var RichTextCore = /** @class */ (function () {
             }
         });
     };
+    /** 合并 img 标签的 width 和 height 属性 */
+    RichTextCore.consolidateImgSizeStyle = function ($) {
+        $("img").each(function () {
+            var _this = this;
+            var styleObj = parseStyleString($(this).attr("style") || "");
+            var handleAttr = function (attrName) {
+                var attrVal = $(_this).attr(attrName);
+                if (!attrVal)
+                    return;
+                var valStr = attrVal.trim();
+                if (/^\d+$/.test(valStr)) {
+                    // 数字补 px
+                    valStr = "".concat(valStr, "px");
+                }
+                // 若 style 中已存在同键，则以 style 内优先
+                if (!styleObj[attrName]) {
+                    styleObj[attrName] = valStr;
+                }
+                $(_this).removeAttr(attrName);
+            };
+            handleAttr("width");
+            handleAttr("height");
+            $(this).attr("style", serializeStyleObject(styleObj));
+        });
+    };
     /** 给 COS 图片自动追加 imageMogr2/thumbnail 参数 */
     RichTextCore.handleCosImageMogr2 = function ($, config) {
         var maxW = config === null || config === void 0 ? void 0 : config.addCosUrlImageMogr2_w;
@@ -603,8 +625,8 @@ var RichTextCore = /** @class */ (function () {
                     "flex-direction: row",
                     "display: flex"], false)), "\" data-list-item=\"true\">") +
                     "<text style=\"".concat(mergeStyles("flex-shrink: 0", "width: 100%", "display: flex", "flex-direction: row"), "\">") +
-                    "<div style=\"".concat(mergeStyles("word-break: break-word", "flex-shrink: 0", "padding-right: 0.5em"), "\">").concat(it.marker, "</div>") +
-                    "<div style=\"".concat(mergeStyles("word-break: break-word", "flex-shrink: 0", "flex: 1"), "\">").concat(it.textContent, "</div>") +
+                    "<key style=\"".concat(mergeStyles("flex-shrink: 0", "padding-right: 0.5em"), "\">").concat(it.marker, "</key>") +
+                    "<key style=\"".concat(mergeStyles("flex-shrink: 0", "flex: 1"), "\">").concat(it.textContent, "</key>") +
                     "</text></div>");
             })
                 .join("");
@@ -676,7 +698,7 @@ var RichTextCore = /** @class */ (function () {
                 if (this.type === "text") {
                     var text = this.data.trim();
                     if (text.length > 0) {
-                        $(this).replaceWith("<text style=\"".concat(mergeStyles("word-break: break-word", "flex-shrink: 0", "flex-direction: row"), "\">").concat(text, "</text>"));
+                        $(this).replaceWith("<text style=\"".concat(mergeStyles("flex-shrink: 0", "flex-direction: row"), "\">").concat(text, "</text>"));
                     }
                 }
             });
@@ -797,19 +819,29 @@ var RichTextCore = /** @class */ (function () {
                 var inListItem = $(this).closest("[data-list-item='true']").length > 0;
                 if (inListItem)
                     return;
-                var text = $(this).html();
                 var style = $(this).attr("style") || "";
-                // 检查是否包含link节点
-                var hasLink = $(this).find('[id^="PA_RichTextHrefId_"]').length > 0;
-                if (hasLink) {
-                    // 如果包含link节点，需要特殊处理以保持link在正确位置
-                    var $tempDiv = $("<div style=\"".concat(mergeStyles(style, "word-break: break-word", "flex-shrink: 0", "flex-direction: row"), "\">").concat(text, "</div>"));
-                    $(this).replaceWith($tempDiv);
-                }
-                else {
-                    // 普通text节点直接转换
-                    $(this).replaceWith("<div style=\"".concat(mergeStyles(style, "word-break: break-word", "flex-shrink: 0", "flex-direction: row"), "\">").concat(text, "</div>"));
-                }
+                var keyStyle = mergeStyles(style, "flex-shrink: 0");
+                var fragments = [];
+                $(this)
+                    .contents()
+                    .each(function () {
+                    // 纯文本 → 包进 key
+                    if (this.type === "text") {
+                        var txt = this.data;
+                        if (txt && txt.trim()) {
+                            fragments.push("<key style=\"".concat(keyStyle, "\">").concat(txt, "</key>"));
+                        }
+                        else {
+                            // 保留空白字符
+                            fragments.push(txt);
+                        }
+                    }
+                    else {
+                        // 其它节点（img、link等）保持原样
+                        fragments.push($.html(this));
+                    }
+                });
+                $(this).replaceWith(fragments.join(""));
             });
             var tagHtml = $(node).html() || "";
             var tagStyle = $(node).attr("style") || "";
@@ -836,7 +868,7 @@ var RichTextCore = /** @class */ (function () {
             if (textIndent) {
                 var repeatCnt = parseInt(textIndent);
                 if (repeatCnt > 0) {
-                    var spacer = "<div style=\"".concat(mergeStyles("color: transparent", "flex-shrink: 0", "font-size: 16px"), "\" class='pixui-richtext-indent-placeholder'>").concat("一".repeat(repeatCnt), "</div>");
+                    var spacer = "<div style=\"".concat(mergeStyles("color: transparent", "flex-shrink: 0", "font-size: 1em"), "\" class='pixui-richtext-indent-placeholder'>").concat("一".repeat(repeatCnt), "</div>");
                     var textChild = $(this).children("text").first();
                     if (textChild.length > 0) {
                         var first = textChild.children().first();
@@ -851,64 +883,83 @@ var RichTextCore = /** @class */ (function () {
     };
     /** 处理 line-height / letter-spacing 属性 */
     RichTextCore.adjustLineHeightAndLetterSpacing = function ($, config) {
+        var stylesToHandle = textNodeStyle;
         $("text").each(function () {
             var $text = $(this);
-            var maxLineHeightVal = 0;
-            var lineHeightUnit = "";
-            $text.children("div").each(function () {
-                var lhRaw = ($(this).css("line-height") || "").trim();
-                var match = lhRaw.match(/^([0-9.]+)([a-z%]*)$/i);
-                if (match) {
-                    var val = parseFloat(match[1]);
-                    if (!isNaN(val)) {
-                        maxLineHeightVal = Math.max(maxLineHeightVal, val);
+            stylesToHandle.forEach(function (_a) {
+                var key = _a.key, isNumber = _a.isNumber;
+                var aggregatedNumber = -Infinity; // for max comparison
+                var unit = "";
+                var chosenValue;
+                $text.children("div, key").each(function () {
+                    var styleObj = parseStyleString($(this).attr("style") || "");
+                    var valRaw = styleObj[key];
+                    if (valRaw !== undefined) {
+                        if (isNumber) {
+                            var match = valRaw.trim().match(/^([0-9.]+)([a-z%]*)$/i);
+                            if (match) {
+                                var numVal = parseFloat(match[1]);
+                                if (!isNaN(numVal) && numVal > aggregatedNumber) {
+                                    aggregatedNumber = numVal;
+                                    unit = match[2] || unit;
+                                }
+                            }
+                        }
+                        else {
+                            if (chosenValue === undefined) {
+                                chosenValue = valRaw;
+                            }
+                        }
+                        // 移除子节点上该样式
+                        delete styleObj[key];
+                        $(this).attr("style", serializeStyleObject(styleObj));
                     }
-                    if (!lineHeightUnit && match[2])
-                        lineHeightUnit = match[2];
+                });
+                // 将聚合结果写入父 text
+                var currentStyle = $text.attr("style") || "";
+                if (isNumber && aggregatedNumber !== -Infinity) {
+                    var finalVal = aggregatedNumber;
+                    // line-height 需要乘以 scale
+                    if (key === "line-height") {
+                        var scale = (config === null || config === void 0 ? void 0 : config.lineHeightScale) || 1;
+                        finalVal = aggregatedNumber * scale;
+                    }
+                    var finalUnit = unit || (key === "letter-spacing" ? "em" : "");
+                    $text.attr("style", mergeStyles(currentStyle, "".concat(key, ": ").concat(finalVal).concat(finalUnit)));
                 }
-                if (lhRaw) {
-                    var styleObj = parseStyleString($(this).attr("style") || "");
-                    delete styleObj["line-height"];
-                    $(this).attr("style", serializeStyleObject(styleObj));
+                else if (!isNumber && chosenValue !== undefined) {
+                    $text.attr("style", mergeStyles(currentStyle, "".concat(key, ": ").concat(chosenValue)));
                 }
             });
-            var scale = (config === null || config === void 0 ? void 0 : config.lineHeightScale) || 1;
-            if (maxLineHeightVal > 0) {
-                var currentStyle = $text.attr("style") || "";
-                $text.attr("style", mergeStyles(currentStyle, "line-height: ".concat(maxLineHeightVal * scale).concat(lineHeightUnit)));
-            }
-        });
-        $("text").each(function () {
-            var $text = $(this);
-            var maxLS = 0;
-            $text.children("div").each(function () {
-                var ls = $(this).css("letter-spacing") || "0";
-                var lsNum = parseInt(ls);
-                maxLS = Math.max(maxLS, lsNum);
-            });
-            if (maxLS > 0) {
-                var currentStyle = $text.attr("style") || "";
-                $text.attr("style", mergeStyles(currentStyle, "letter-spacing: ".concat(maxLS, "em")));
-            }
         });
     };
-    /** 把 div 的 text-align 转移到子 text 上，如果出现ql-align-right的class，认为是text-align:right,优先级比style的低 */
+    /** 把 div 的 text-align 转移到子 text 上 */
     RichTextCore.transferTextAlign = function ($) {
         $("div").each(function () {
-            var ta = $(this).css("text-align") || "";
-            if (ta) {
-                $(this)
-                    .children("text")
-                    .each(function () {
-                    var currentStyle = $(this).attr("style") || "";
-                    $(this).attr("style", mergeStyles(currentStyle, "text-align: ".concat(ta)));
+            var styleObj = parseStyleString($(this).attr("style") || "");
+            var keysToTransfer = ["text-align", "direction"];
+            var transferVals = {};
+            keysToTransfer.forEach(function (k) {
+                if (styleObj[k] !== undefined) {
+                    transferVals[k] = styleObj[k];
+                    delete styleObj[k];
+                }
+            });
+            if (Object.keys(transferVals).length === 0)
+                return;
+            // 写回 div 剩余 style
+            $(this).attr("style", serializeStyleObject(styleObj));
+            // 传递到子 text
+            $(this)
+                .children("text")
+                .each(function () {
+                var current = $(this).attr("style") || "";
+                Object.entries(transferVals).forEach(function (_a) {
+                    var k = _a[0], v = _a[1];
+                    current = mergeStyles(current, "".concat(k, ": ").concat(v));
                 });
-                // 清除div的text-align
-                var currentStyle = $(this).attr("style") || "";
-                var styleObj = parseStyleString(currentStyle);
-                delete styleObj["text-align"];
-                $(this).attr("style", serializeStyleObject(styleObj));
-            }
+                $(this).attr("style", current);
+            });
         });
     };
     /** 删除空 text 节点 */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pixui-dev/pixui-richtext-helper",
-    "version": "0.2.10",
+    "version": "0.2.11",
     "description": "pixui richtext helper",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
@@ -25,4 +25,4 @@
     "dependencies": {
         "cheerio": "1.0.0-rc.10"
     }
-}
+}

package/readme.md

@@ -28,6 +28,7 @@ componentDidMount() { // 在节点渲染后绑定点击事件
 ```
 
 ## 注意
+
 组件在转换长富文本（节点数量较多，参考节点数量大于100）的时候可能会比较慢阻塞活动显示，如果需要转换很长的富文本，建议询问管理端是否可以提供预转换服务，或者活动在前置虚拟机中预先转换以后保存到本地，活动中直接使用转换以后的结果。
 
 ### 自定义节点样式
@@ -77,42 +78,62 @@ componentDidMount() { // 在节点渲染后绑定点击事件
 
 版本更新记录
 
-0.1.1-beta.5 
+0.1.1-beta.5
+
 1. 新增：防止重复转换
 
 0.2.0
+
 1. 组件默认样式长度单位修改为em
 2. 图片节点统一补充PA_RichTextImgTag的class
 3. 将列表的margin-left统一修改为padding-left
 4. 修复某些情况下多余的span标签
 
 0.2.1
+
 1. 组件代码结构调整
 
 0.2.2
+
 1. 去掉某些节点默认的lineheight:1
 2. 超链接改为直接在节点中记录数据，方便预加载流程在不同的环境调用convert和bind
 
 0.2.3
+
 1. line-height 的单位支持浮点数
 
 0.2.4
+
 1. 拆分margin中的margin-left转换为padding-left
 2. 修复在嵌套节点中加br不会被拆成不同段落的问题
 
 0.2.5
+
 1. 修复img节点丢失的问题
 
 0.2.6
+
 1. 修复在超链接中添加转义符导致跳转信息不完整的问题
 2. 修复带超链接的img节点中出现一些多余的属性
 3. 增加将富文本中的px单位的属性统一替换为em单位的选项
 
 0.2.7
+
 1. 增加addCosUrlImageMogr2_w参数
 
 0.2.8
+
 1. 补充首行缩进占位符的class
 
 0.2.9
-1. 增加对class ql-direction-rtl -> style="direction: rtl;"和class ql-align-right -> style="text-align: right;"的转换支持
+
+1. 增加对class ql-direction-rtl -> style="direction: rtl;"的转换支持
+
+0.2.10
+
+1. 增加对class ql-align-right -> style="text-align: right;"的转换支持
+
+0.2.11
+
+1. 修复图片原始尺寸和样式尺寸不一样，某些pixui版本尺寸不对的问题
+2. 修复direction属性不生效的问题

package/dist/RichTextUtils.d.ts

@@ -1,41 +0,0 @@
-/**
- * pixui富文本转换工具
- * 将管理端下发的富文本转换成pixui的innerHtml可以使用的格式，被转换的富文本只应该包括文本和图片及相关的样式。
- * 将富文本内容转换为：
- * 段落div/h节点（不带样式，用来形成一个段落） -> text（只带text节点样式，pixui的段落需要在text节点下才能表现正常）->  <div>（带有文本的样式） 文本1 </div> <div>（带有文本的样式） 文本2 </div> <img>（带有图片的样式） 图片1 </img> <div>（带有文本的样式） 文本3 </div> (每个子div带有这一小段文本/图片的样式，这一段所有text节点下的div/img会被text节点正确的换行排列)
- */
-export declare namespace RichText {
-    /**
-     * 富文本中的超链接节点类型
-     */
-    enum LinkNodeType {
-        IMG = "img",
-        DIV = "div"
-    }
-    /**
-     * 富文本超链接点击回调参数
-     */
-    interface LinkClickParams {
-        /** 节点类型 */
-        type: LinkNodeType;
-        /** 原始href内容 */
-        href: string;
-        /** 节点id */
-        id: string;
-    }
-    /**
-     * 富文本组件，将富文本转换成pixui的innerHtml可以使用的格式
-     * @param str 管理端下发的富文本
-     * @param config 配置
-     * @param config.lineHeightScale 行高缩放
-     * @returns pixui的innerHtml可以使用的格式
-     */
-    const convertRichTextToPixuiStyle: (str: string, config?: {
-        lineHeightScale?: number;
-    }) => string;
-    /**
-     * 为富文本中的链接节点绑定点击事件
-     * @param linkClickHandler 点击事件回调函数
-     */
-    const bindLinkClickEvents: (linkClickHandler: (params: LinkClickParams) => void) => void;
-}

package/dist/RichTextUtils.js

@@ -1,533 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RichText = void 0;
-var cheerio = __importStar(require("cheerio"));
-/**
- * pixui富文本转换工具
- * 将管理端下发的富文本转换成pixui的innerHtml可以使用的格式，被转换的富文本只应该包括文本和图片及相关的样式。
- * 将富文本内容转换为：
- * 段落div/h节点（不带样式，用来形成一个段落） -> text（只带text节点样式，pixui的段落需要在text节点下才能表现正常）->  <div>（带有文本的样式） 文本1 </div> <div>（带有文本的样式） 文本2 </div> <img>（带有图片的样式） 图片1 </img> <div>（带有文本的样式） 文本3 </div> (每个子div带有这一小段文本/图片的样式，这一段所有text节点下的div/img会被text节点正确的换行排列)
- */
-var RichText;
-(function (RichText) {
-    /**
-     * 富文本中的超链接节点类型
-     */
-    var LinkNodeType;
-    (function (LinkNodeType) {
-        LinkNodeType["IMG"] = "img";
-        LinkNodeType["DIV"] = "div";
-    })(LinkNodeType = RichText.LinkNodeType || (RichText.LinkNodeType = {}));
-    // 存储需要绑定点击事件的节点信息
-    var linkNodes = [];
-    // 添加工具函数来正确处理CSS样式拼接
-    var mergeStyles = function () {
-        var styles = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            styles[_i] = arguments[_i];
-        }
-        return styles
-            .filter(function (style) { return style && style.trim(); })
-            .map(function (style) {
-            var trimmed = style.trim();
-            return trimmed.endsWith(";") ? trimmed : trimmed + ";";
-        })
-            .join(" ")
-            .replace(/\s*;\s*$/, ";"); // 确保最后只有一个分号
-    };
-    /**
-     * 富文本组件，将富文本转换成pixui的innerHtml可以使用的格式
-     * @param str 管理端下发的富文本
-     * @param config 配置
-     * @param config.lineHeightScale 行高缩放
-     * @returns pixui的innerHtml可以使用的格式
-     */
-    RichText.convertRichTextToPixuiStyle = function (str, config) {
-        //将富文本内容转换为一个 段落div/h -> text -> 文字样式div/img -> 文本 的结构，保证pixui可以正常显示
-        var $ = cheerio.load(str, null, false);
-        var hrefIdCnt = 0;
-        linkNodes = []; // 重置链接节点信息
-        // 节点处理
-        {
-            var _loop_1 = function (i) {
-                var indent = "ql-indent-".concat(i);
-                var extStyle = "padding-left: ".concat(i * 2, "rem");
-                $(".".concat(indent)).each(function () {
-                    var oriStyle = $(this).attr("style") || "";
-                    $(this).attr("style", mergeStyles(oriStyle, extStyle));
-                    $(this).removeClass(indent);
-                });
-            };
-            //合并ql-indent class到style中
-            for (var i = 1; i <= 10; i++) {
-                _loop_1(i);
-            }
-            $("img").each(function () {
-                //给纯数字的width,height添加px单位
-                var width = $(this).attr("width");
-                var height = $(this).attr("height");
-                if (width && width + "" == parseInt(width) + "") {
-                    $(this).attr("width", "".concat(width, "px"));
-                }
-                if (height && height + "" == parseInt(height) + "") {
-                    $(this).attr("height", "".concat(height, "px"));
-                }
-            });
-            // 处理列表项
-            {
-                /**
-                 * pixui不支持ol,ul,li节点，将其递归转换成div并处理嵌套层级
-                 * 记录每个列表容器的位置，在原位置插入转换后的结构
-                 */
-                // 第一步：找到所有顶层列表容器并标记其位置
-                var topLevelLists_1 = [];
-                // 递归收集列表项的函数
-                var collectListItems_1 = function ($container, currentLevel) {
-                    if (currentLevel === void 0) { currentLevel = 0; }
-                    var items = [];
-                    $container.children().each(function () {
-                        var $child = $(this);
-                        if ($child.is("li")) {
-                            var isOrdered = $child.parent().is("ol");
-                            var orderIndex = 1;
-                            if (isOrdered) {
-                                // 计算在同一个ol中的序号
-                                orderIndex = $child.prevAll("li").length + 1;
-                            }
-                            // 生成marker
-                            var marker = isOrdered ? "".concat(orderIndex, ".") : "•";
-                            // 计算缩进
-                            var paddingLeft = currentLevel * 2; // 每层缩进2rem
-                            // 获取li的直接文本内容，不包括嵌套的子列表
-                            var $liClone = $child.clone();
-                            $liClone.find("ol, ul").remove();
-                            var textContent = $liClone.text().trim() || "";
-                            var style = $child.attr("style") || "";
-                            items.push({
-                                level: currentLevel,
-                                isOrdered: isOrdered,
-                                orderIndex: orderIndex,
-                                marker: marker,
-                                paddingLeft: paddingLeft,
-                                textContent: textContent,
-                                style: style,
-                            });
-                            // 递归处理li内的子列表（只处理真正嵌套在当前li内的列表）
-                            $child.find("ol, ul").each(function () {
-                                // 确保这个列表是当前li的直接子元素，而不是更深层的
-                                var $nestedList = $(this);
-                                if ($nestedList.parent().closest("li")[0] === $child[0]) {
-                                    var childItems = collectListItems_1($nestedList, currentLevel + 1);
-                                    items.push.apply(items, childItems);
-                                }
-                            });
-                        }
-                    });
-                    return items;
-                };
-                // 找到所有顶层列表（直接在body下或其他容器中的ol/ul）
-                $("ol, ul").each(function () {
-                    var $list = $(this);
-                    // 检查是否为顶层列表（不在其他列表内部）
-                    if ($list.parents("ol, ul").length === 0) {
-                        // 创建占位符标记原始位置
-                        var placeholder = $("<div data-list-placeholder=\"true\"></div>");
-                        $list.before(placeholder);
-                        // 收集该列表的所有项目
-                        var items = collectListItems_1($list, 1);
-                        topLevelLists_1.push({
-                            element: $list,
-                            placeholder: placeholder,
-                            items: items,
-                        });
-                    }
-                });
-                // 第二步：移除所有ol/ul/li结构
-                $("ol, ul, li").remove();
-                // 第三步：在每个占位符位置插入转换后的列表项
-                topLevelLists_1.forEach(function (listInfo) {
-                    var placeholder = listInfo.placeholder, items = listInfo.items;
-                    // 为该列表生成HTML
-                    var listHtml = items
-                        .map(function (item) {
-                        return ("<div style=\"".concat(mergeStyles(item.style, "padding-left: ".concat(item.paddingLeft, "rem"), "flex-shrink: 0", "width: 100%", "flex-direction: row", "display: flex"), "\" data-list-item=\"true\">") +
-                            "<text style=\"".concat(mergeStyles("flex-shrink: 0", "width: 100%", "line-height: 1", "display: flex", "flex-direction: row"), "\">") +
-                            "<div style=\"".concat(mergeStyles("word-break: break-word", "flex-shrink: 0", "margin-right: 0.5rem"), "\">").concat(item.marker, "</div>") +
-                            "<div style=\"".concat(mergeStyles("word-break: break-word", "flex-shrink: 0", "flex: 1"), "\">").concat(item.textContent, "</div>") +
-                            "</text>" +
-                            "</div>");
-                    })
-                        .join("");
-                    // 在占位符位置插入列表HTML
-                    placeholder.after(listHtml);
-                    // 移除占位符
-                    placeholder.remove();
-                });
-            }
-            //pixui连续的br不生效，用透明文字占位
-            $("br").each(function () {
-                $(this).replaceWith("<span style=\"".concat(mergeStyles("color: transparent", "flex-shrink: 0", "font-size: 20px"), "\" class='pixui-richtext-br-placeholder'>1</span>"));
-            });
-            //将 a 标签替换为简单div，处理 href，预处理内部样式标签并合并样式
-            $("a").each(function (i, ele) {
-                var id = "PA_RichTextHrefId_".concat(hrefIdCnt++);
-                var href = $(this).attr("href");
-                var originalStyle = $(this).attr("style") || "";
-                var textContent = $(this).text(); // 获取纯文本内容
-                // 收集内部样式标签的样式
-                var mergedStyles = [];
-                if ($(this).find("strong").length > 0) {
-                    mergedStyles.push("font-weight: bold;");
-                }
-                if ($(this).find("em").length > 0) {
-                    mergedStyles.push("font-style: italic;");
-                }
-                if ($(this).find("u").length > 0) {
-                    mergedStyles.push("text-decoration: underline;");
-                }
-                if ($(this).find("s").length > 0) {
-                    mergedStyles.push("text-decoration: line-through;");
-                }
-                // 收集内部span等标签的style属性
-                $(this)
-                    .find("strong, em, u, s, span")
-                    .each(function () {
-                    var innerStyle = $(this).attr("style");
-                    if (innerStyle) {
-                        mergedStyles.push(innerStyle);
-                    }
-                });
-                // 合并所有样式
-                var finalStyle = originalStyle;
-                if (mergedStyles.length > 0) {
-                    finalStyle = mergeStyles.apply(void 0, __spreadArray([originalStyle], mergedStyles, false));
-                }
-                if (href) {
-                    linkNodes.push({
-                        type: LinkNodeType.DIV,
-                        href: href,
-                        id: id,
-                    });
-                }
-                // 转换为简单div，样式已合并
-                $(this).replaceWith("<div style=\"".concat(finalStyle, "\" id=\"").concat(id, "\" class=\"PA_RichTextHref_ATag\" >").concat(textContent, "</div>"));
-            });
-            //找到所有的文字节点，外层包裹text标签
-            $("*").each(function () {
-                // 跳过链接节点内部的文本处理
-                var nodeId = $(this).attr("id") || "";
-                if (nodeId.startsWith("PA_RichTextHrefId_")) {
-                    return; // 跳过链接节点，不处理其内部文本
-                }
-                // 跳过列表项，因为已经处理完成
-                var isListItem = $(this).attr("data-list-item") === "true";
-                if (isListItem) {
-                    return; // 跳过列表项
-                }
-                $(this)
-                    .contents()
-                    .each(function () {
-                    // 检查当前文本节点是否在链接节点内部
-                    var linkParent = $(this).closest("[id^='PA_RichTextHrefId_']");
-                    if (linkParent.length > 0) {
-                        return; // 跳过链接节点内部的文本
-                    }
-                    // 检查当前文本节点是否在列表项内部
-                    var listParent = $(this).closest("[data-list-item='true']");
-                    if (listParent.length > 0) {
-                        return; // 跳过列表项内部的文本
-                    }
-                    if (this.type === "text") {
-                        var text = this.data.trim();
-                        if (text.length > 0) {
-                            $(this).replaceWith("<text style=\"".concat(mergeStyles("word-break: break-word", "flex-shrink: 0", "flex-direction: row"), "\">").concat(text, "</text>"));
-                        }
-                    }
-                });
-            });
-            //将strong em u s标签替换成text标签
-            $("strong").each(function () {
-                var html = $(this).html();
-                var style = $(this).attr("style") || "";
-                $(this).replaceWith("<text style=\"".concat(mergeStyles(style, "font-weight: bold", "flex-shrink: 0"), "\">").concat(html, "</text>"));
-            });
-            $("em").each(function () {
-                var html = $(this).html();
-                var style = $(this).attr("style") || "";
-                $(this).replaceWith("<text style=\"".concat(mergeStyles(style, "font-style: italic", "flex-shrink: 0"), "\">").concat(html, "</text>"));
-            });
-            $("u").each(function () {
-                var html = $(this).html();
-                var style = $(this).attr("style") || "";
-                $(this).replaceWith("<text style=\"".concat(mergeStyles(style, "text-decoration: underline", "flex-shrink: 0"), "\">").concat(html, "</text>"));
-            });
-            $("s").each(function () {
-                var html = $(this).html();
-                var style = $(this).attr("style") || "";
-                $(this).replaceWith("<text style=\"".concat(mergeStyles(style, "text-decoration: line-through", "flex-shrink: 0"), "\">").concat(html, "</text>"));
-            });
-            $("span").each(function () {
-                var html = $(this).html();
-                var style = $(this).attr("style") || "";
-                $(this).replaceWith("<text style=\"".concat(mergeStyles(style, "flex-shrink: 0"), "\">").concat(html, "</text>"));
-            });
-            //p换成div
-            $("p").each(function () {
-                var html = $(this).html();
-                var style = $(this).attr("style") || "";
-                $(this).replaceWith("<div style=\"".concat(mergeStyles(style, "flex-shrink: 0", "width:100%"), "\">").concat(html, "</div>"));
-            });
-            //处理 img 上的 href
-            $("img").each(function (i, ele) {
-                var id = "PA_RichTextHrefId_".concat(hrefIdCnt++);
-                $(this).attr("id", id);
-                var href = $(this).attr("href");
-                if (href) {
-                    linkNodes.push({
-                        type: LinkNodeType.IMG,
-                        href: href,
-                        id: id,
-                    });
-                }
-                $(this).attr("href", "");
-                $(this).attr("class", "PA_RichTextHref_ImgTag");
-                $(this).attr("data-href", href);
-            });
-            //补充 flex-shrink: 0
-            ["h1", "h2", "h3", "h4", "h5", "h6", "a", "img", "div"].forEach(function (tag) {
-                $("".concat(tag)).each(function () {
-                    // 跳过列表项内部的节点
-                    var isListItem = $(this).attr("data-list-item") === "true";
-                    var inListItem = $(this).closest("[data-list-item='true']").length > 0;
-                    if (!isListItem && !inListItem) {
-                        var style = $(this).attr("style") || "";
-                        $(this).attr("style", mergeStyles(style, "flex-shrink: 0"));
-                    }
-                });
-            });
-        }
-        // 层级处理
-        {
-            //一行中的文字配置了不同样式的时候文字节点会嵌套，导致pixui样式异常。将嵌套的text节点摊平，同时合并内外的style
-            while ($("text > text").length > 0) {
-                $("text").each(function () {
-                    var $this = $(this);
-                    var parentStyle = $this.attr("style") || "";
-                    $this.children("text").each(function () {
-                        var $child = $(this);
-                        var childStyle = $child.attr("style") || "";
-                        // 合并style属性，将父节点的style附加到子节点上
-                        var mergedStyle = mergeStyles(parentStyle, childStyle);
-                        // 更新子元素的style属性
-                        $child.attr("style", mergedStyle);
-                    });
-                    //去掉父节点
-                    if ($this.children("text").length > 0) {
-                        $this.replaceWith($this.html() || "");
-                    }
-                });
-            }
-            //!!一行的text节点会并列在父节点下无法换行，将其修改为div节点，外层再包一个text节点
-            // 会变成<段落div><text><单独一种样式div>文字
-            var nodearr_1 = [];
-            ["h1", "h2", "h3", "h4", "h5", "h6", "div"].map(function (tag) {
-                // text的父节点
-                $("".concat(tag)).each(function () {
-                    var nodeId = $(this).attr("id") || "";
-                    var isListItem = $(this).attr("data-list-item") === "true";
-                    var inListItem = $(this).closest("[data-list-item='true']").length > 0;
-                    // 跳过链接节点、列表项本身以及列表项内部的节点
-                    if (!nodeId.startsWith("PA_RichTextHrefId_") && !isListItem && !inListItem) {
-                        nodearr_1.push(this);
-                    }
-                });
-            });
-            nodearr_1.forEach(function (node) {
-                var tag = $(node).prop("tagName");
-                var nodeId = $(node).attr("id") || ""; // 保存节点ID
-                // 处理text子节点，将text内容转换为div
-                $(node)
-                    .children("text")
-                    .each(function () {
-                    // 检查是否在列表项内部
-                    var inListItem = $(this).closest("[data-list-item='true']").length > 0;
-                    if (inListItem) {
-                        return; // 跳过列表项内部的text节点
-                    }
-                    var text = $(this).html();
-                    var style = $(this).attr("style") || "";
-                    $(this).replaceWith("<div style=\"".concat(mergeStyles(style, "word-break: break-word", "flex-shrink: 0", "flex-direction: row"), "\">").concat(text, "</div>"));
-                });
-                var taghtml = $(node).html() || "";
-                var tagstyle = $(node).attr("style") || "";
-                // 构建标准结构 - 为所有节点构建div-text-div-文字结构
-                if (taghtml && taghtml.trim()) {
-                    var idAttr = nodeId ? " id=\"".concat(nodeId, "\"") : "";
-                    // 保留所有自定义属性
-                    var customAttrs = "";
-                    var attributes = $(node).get(0).attribs || {};
-                    for (var _i = 0, _a = Object.entries(attributes); _i < _a.length; _i++) {
-                        var _b = _a[_i], key = _b[0], value = _b[1];
-                        if (key !== "style" && key !== "id") {
-                            customAttrs += " ".concat(key, "=\"").concat(value, "\"");
-                        }
-                    }
-                    //自己的子节点外套一个text，自己不变
-                    $(node).replaceWith("<".concat(tag, " style=\"").concat(mergeStyles(tagstyle, "flex-direction: row"), "\"").concat(idAttr).concat(customAttrs, "><text style=\"").concat(mergeStyles("flex-shrink: 0", "width: 100%"), "\">").concat(taghtml, "</text></").concat(tag, ">"));
-                }
-            });
-            //text-indent 处理首行缩进
-            $("*").each(function () {
-                var textIndent = $(this).css("text-indent");
-                if (textIndent) {
-                    /**
-                     * 创建透明字符占位，样式会加在段落的p节点上，将透明字符添加到text节点下保证换行以后状态正确。
-                     * 状态为<div style=text-indent:xxx><text><透明字符节点/><div style=样式>文字</div></text></div>
-                     * 属性是几 em 就加几个字符
-                     * */
-                    var $spacerText = $("<div style=\"".concat(mergeStyles("color: transparent", "flex-shrink: 0", "font-size: 16px"), "\">").concat("一".repeat(parseInt(textIndent)), "</div>"));
-                    // 寻找子节点中的text节点
-                    var textChild = $(this).children("text").first();
-                    if (textChild.length > 0) {
-                        var firstTextChild = textChild.children().first();
-                        if (firstTextChild.length > 0) {
-                            // 如果text节点有子节点，在第一个子节点前插入
-                            firstTextChild.before($spacerText);
-                        }
-                        else {
-                            // 如果text节点没有子节点，直接添加
-                            textChild.append($spacerText);
-                        }
-                    }
-                }
-            });
-            //pixui 的 line-height只在 text 上生效，所以将所有的 div 上的 line-height 转移到父 text 上
-            //当前的结构为 div > text > div,只处理一层就行
-            //遍历每个 text 的子 div，将其中最大的 line-height 转移到 text 上
-            $("text").each(function () {
-                var $text = $(this);
-                var maxLineHeight = 0;
-                $text.children("div").each(function () {
-                    var lineHeight = parseInt($(this).css("line-height") || "1");
-                    maxLineHeight = Math.max(maxLineHeight, lineHeight);
-                });
-                var lineHeightScale = (config === null || config === void 0 ? void 0 : config.lineHeightScale) || 1;
-                // pixui 中的实际显示的距离可能与网页中实际显示的距离差距较大
-                if (maxLineHeight > 0) {
-                    $text.css("line-height", maxLineHeight * lineHeightScale + "");
-                }
-            });
-            //将div中的letter-spacing转移到text上
-            $("text").each(function () {
-                var $text = $(this);
-                var maxLetterSpacing = 0;
-                $text.children("div").each(function () {
-                    var letterSpacing = $(this).css("letter-spacing") || "0";
-                    var letterSpacingNum = parseInt(letterSpacing);
-                    maxLetterSpacing = Math.max(maxLetterSpacing, letterSpacingNum);
-                });
-                if (maxLetterSpacing > 0) {
-                    $text.css("letter-spacing", maxLetterSpacing + "rem");
-                }
-            });
-            //将div中的text-align转移到text子节点上
-            $("div").each(function () {
-                var textAlign = $(this).css("text-align") || "";
-                textAlign != "" &&
-                    $(this)
-                        .children("text")
-                        .each(function () {
-                        $(this).css("text-align", textAlign);
-                    });
-                $(this).css("text-align", "");
-            });
-            //去除空的text节点
-            $("text").each(function () {
-                var t = $(this).html() || "";
-                if (t.trim() == "") {
-                    $(this).remove();
-                }
-            });
-            var hTagRem_1 = ["2rem", "1.5rem", "1.17rem", "1rem", "0.83rem", "0.67rem"];
-            ["h1", "h2", "h3", "h4", "h5", "h6"].map(function (tag) {
-                return $("".concat(tag)).each(function () {
-                    var idx = parseInt(tag.replace("h", "")) - 1;
-                    var style = $(this).attr("style") || "";
-                    //如果没有fontsize
-                    if (!style.includes("font-size")) {
-                        $(this).attr("style", mergeStyles(style, "font-size:".concat(hTagRem_1[idx])));
-                    }
-                });
-            });
-            //一些标签会没有结束/,手动补充
-            //手动替换nbsp
-            var res = $.html();
-            res = res.replaceAll(/<img([^>]+)>/g, "<img$1 />").replaceAll(/&nbsp;/g, " ");
-            console.log(res);
-            return res;
-        }
-    };
-    /**
-     * 为富文本中的链接节点绑定点击事件
-     * @param linkClickHandler 点击事件回调函数
-     */
-    RichText.bindLinkClickEvents = function (linkClickHandler) {
-        linkNodes.forEach(function (nodeInfo) {
-            var element = document.getElementById(nodeInfo.id);
-            if (element) {
-                element.onclick = function (e) {
-                    e.stopPropagation();
-                    e.preventDefault();
-                    linkClickHandler({
-                        type: nodeInfo.type,
-                        href: nodeInfo.href,
-                        id: nodeInfo.id,
-                    });
-                    return false;
-                };
-            }
-        });
-    };
-})(RichText || (exports.RichText = RichText = {}));