@pixui-dev/pixui-richtext-helper 0.2.17 → 0.2.19

package/dist/RichText.d.ts

@@ -16,6 +16,11 @@ export declare const RichText: {
      * @see RichTextCore.bindLinkClickEvents
      */
     bindLinkClickEvents: typeof RichTextCore.bindLinkClickEvents;
+    /**
+     * 统一转换已解析的 html 中的所有 px 单位为 em 单位
+     * @see RichTextCore.convertAllPxToEm
+     */
+    convertAllPxToEm: typeof RichTextCore.convertAllPxToEm;
 };
 export type { LinkClickParams };
 export { LinkNodeType };

package/dist/RichText.js

@@ -20,5 +20,10 @@ exports.RichText = {
      * @see RichTextCore.bindLinkClickEvents
      */
     bindLinkClickEvents: RichTextCore_1.RichTextCore.bindLinkClickEvents,
+    /**
+     * 统一转换已解析的 html 中的所有 px 单位为 em 单位
+     * @see RichTextCore.convertAllPxToEm
+     */
+    convertAllPxToEm: RichTextCore_1.RichTextCore.convertAllPxToEm,
 };
 exports.default = exports.RichText;

package/dist/RichTextCore.d.ts

@@ -37,6 +37,12 @@ export declare class RichTextCore {
      * 绑定链接点击事件
      */
     static bindLinkClickEvents(linkClickHandler: (params: LinkClickParams) => void): void;
+    /**
+     * 统一转换HTML中的所有px单位为em单位
+     * @param html 原始HTML字符串
+     * @returns 转换后的HTML字符串
+     */
+    static convertAllPxToEm(html: string): string;
     /*****************************************************
      *  内部流程函数
      *****************************************************/
@@ -49,12 +55,6 @@ export declare class RichTextCore {
      * 处理单个段落片段，返回转换后的片段 HTML
      */
     private static processSegment;
-    /**
-     * 统一转换HTML中的所有px单位为em单位
-     * @param html 原始HTML字符串
-     * @returns 转换后的HTML字符串
-     */
-    private static convertAllPxToEm;
     private static preprocess;
     private static fixImgSizeUnit;
     /** 合并 img 标签的 width 和 height 属性 */
@@ -92,6 +92,10 @@ export declare class RichTextCore {
     private static adjustLineHeightAndLetterSpacing;
     /** 把 div 的 text-align 转移到子 text 上 */
     private static transferTextAlign;
+    /**
+     * 对设置了 direction 的 text 下 key 追加 U+061C（仅处理 rtl）
+     */
+    private static ensureArabicOrUrduMarkForDirectedTextKeys;
     /** 删除空 text 节点；并在安全场景下清理空 key 节点（不影响占位/换行） */
     private static removeEmptyText;
     /** 补默认 heading 字体大小 */

package/dist/RichTextCore.js

@@ -297,6 +297,19 @@ var RichTextCore = /** @class */ (function () {
             });
         }, 100);
     };
+    /**
+     * 统一转换HTML中的所有px单位为em单位
+     * @param html 原始HTML字符串
+     * @returns 转换后的HTML字符串
+     */
+    RichTextCore.convertAllPxToEm = function (html) {
+        // 转换style属性中的px
+        html = html.replace(/style="([^"]*?)"/g, function (match, styleContent) {
+            var convertedStyle = convertStylePxToEm(styleContent);
+            return "style=\"".concat(convertedStyle, "\"");
+        });
+        return html;
+    };
     /*****************************************************
      *  内部流程函数
      *****************************************************/
@@ -426,6 +439,8 @@ var RichTextCore = /** @class */ (function () {
         this.adjustLineHeightAndLetterSpacing($, config);
         // 文本对齐与方向：从 div 下沉至子 <text>
         this.transferTextAlign($);
+        // 对设置了 direction: rtl 的 text 下的 key 检查是否有单独的不带阿语乌语字符的文字节点，没有的话附加一个阿语空格，绕过pixui排版问题
+        this.ensureArabicOrUrduMarkForDirectedTextKeys($);
         // 清理空 <text>
         this.removeEmptyText($);
         // this.fixHeadingFontSize($);
@@ -443,19 +458,6 @@ var RichTextCore = /** @class */ (function () {
         }
         return res;
     };
-    /**
-     * 统一转换HTML中的所有px单位为em单位
-     * @param html 原始HTML字符串
-     * @returns 转换后的HTML字符串
-     */
-    RichTextCore.convertAllPxToEm = function (html) {
-        // 转换style属性中的px
-        html = html.replace(/style="([^"]*?)"/g, function (match, styleContent) {
-            var convertedStyle = convertStylePxToEm(styleContent);
-            return "style=\"".concat(convertedStyle, "\"");
-        });
-        return html;
-    };
     // ------------------------------
     // 各独立处理步骤实现
     // ------------------------------
@@ -1165,6 +1167,32 @@ var RichTextCore = /** @class */ (function () {
             });
         });
     };
+    /**
+     * 对设置了 direction 的 text 下 key 追加 U+061C（仅处理 rtl）
+     */
+    RichTextCore.ensureArabicOrUrduMarkForDirectedTextKeys = function ($) {
+        var ARABIC_URDU_REGEX = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\uFB50-\uFDFF\uFE70-\uFEFF]/;
+        $("text").each(function () {
+            var styleObj = parseStyleString($(this).attr("style") || "");
+            var dir = (styleObj["direction"] || "").trim().toLowerCase();
+            if (dir !== "rtl")
+                return;
+            $(this)
+                .find("key")
+                .each(function () {
+                var $key = $(this);
+                var textContent = $key.text() || "";
+                if (!textContent.trim())
+                    return;
+                if (textContent.includes("\u061C"))
+                    return;
+                if (ARABIC_URDU_REGEX.test(textContent))
+                    return;
+                var html = $key.html() || "";
+                $key.html(html + "\u061C");
+            });
+        });
+    };
     /** 删除空 text 节点；并在安全场景下清理空 key 节点（不影响占位/换行） */
     RichTextCore.removeEmptyText = function ($) {
         $("text").each(function () {

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "0.2.17";
+export declare const LIB_VERSION = "0.2.19";

package/dist/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LIB_VERSION = void 0;
 /* Auto-generated by scripts/generate-version.js */
-exports.LIB_VERSION = "0.2.17";
+exports.LIB_VERSION = "0.2.19";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pixui-dev/pixui-richtext-helper",
-    "version": "0.2.17",
+    "version": "0.2.19",
     "description": "pixui richtext helper",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",