@hufe921/canvas-editor 0.9.44 → 0.9.46

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.44";
+const version = "0.9.46";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -38,6 +38,7 @@ var NumberType;
 const ZERO = "\u200B";
 const WRAP = "\n";
 const NBSP = " ";
+const NON_BREAKING_SPACE = " ";
 const PUNCTUATION_LIST = [
   "\xB7",
   "\u3001",
@@ -66,6 +67,12 @@ var RowFlex;
   RowFlex2["RIGHT"] = "right";
   RowFlex2["ALIGNMENT"] = "alignment";
 })(RowFlex || (RowFlex = {}));
+const LETTER_REG = /[a-zA-Z]/;
+const NUMBER_LIKE_REG = /[0-9.]/;
+const WORD_LIKE_REG = /[^a-zA-Z][a-zA-Z]/;
+const SURROGATE_PAIR_REG = /[\uD800-\uDBFF][\uDC00-\uDFFF]/;
+const EMOJI_REG = /[#*0-9]\uFE0F?\u20E3|[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23ED-\u23EF\u23F1\u23F2\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB\u25FC\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692\u2694-\u2697\u2699\u269B\u269C\u26A0\u26A7\u26AA\u26B0\u26B1\u26BD\u26BE\u26C4\u26C8\u26CF\u26D1\u26E9\u26F0-\u26F5\u26F7\u26F8\u26FA\u2702\u2708\u2709\u270F\u2712\u2714\u2716\u271D\u2721\u2733\u2734\u2744\u2747\u2757\u2763\u27A1\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B55\u3030\u303D\u3297\u3299]\uFE0F?|[\u261D\u270C\u270D](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\u270A\u270B](?:\uD83C[\uDFFB-\uDFFF])?|[\u23E9-\u23EC\u23F0\u23F3\u25FD\u2693\u26A1\u26AB\u26C5\u26CE\u26D4\u26EA\u26FD\u2705\u2728\u274C\u274E\u2753-\u2755\u2795-\u2797\u27B0\u27BF\u2B50]|\u26D3\uFE0F?(?:\u200D\uD83D\uDCA5)?|\u26F9(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\u2764\uFE0F?(?:\u200D(?:\uD83D\uDD25|\uD83E\uDE79))?|\uD83C(?:[\uDC04\uDD70\uDD71\uDD7E\uDD7F\uDE02\uDE37\uDF21\uDF24-\uDF2C\uDF36\uDF7D\uDF96\uDF97\uDF99-\uDF9B\uDF9E\uDF9F\uDFCD\uDFCE\uDFD4-\uDFDF\uDFF5\uDFF7]\uFE0F?|[\uDF85\uDFC2\uDFC7](?:\uD83C[\uDFFB-\uDFFF])?|[\uDFC4\uDFCA](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDFCB\uDFCC](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDCCF\uDD8E\uDD91-\uDD9A\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF43\uDF45-\uDF4A\uDF4C-\uDF7C\uDF7E-\uDF84\uDF86-\uDF93\uDFA0-\uDFC1\uDFC5\uDFC6\uDFC8\uDFC9\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF8-\uDFFF]|\uDDE6\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF]|\uDDE7\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF]|\uDDE8\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF]|\uDDE9\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF]|\uDDEA\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA]|\uDDEB\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7]|\uDDEC\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE]|\uDDED\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA]|\uDDEE\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9]|\uDDEF\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5]|\uDDF0\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF]|\uDDF1\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE]|\uDDF2\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF]|\uDDF3\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF]|\uDDF4\uD83C\uDDF2|\uDDF5\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE]|\uDDF6\uD83C\uDDE6|\uDDF7\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC]|\uDDF8\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF]|\uDDF9\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF]|\uDDFA\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF]|\uDDFB\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA]|\uDDFC\uD83C[\uDDEB\uDDF8]|\uDDFD\uD83C\uDDF0|\uDDFE\uD83C[\uDDEA\uDDF9]|\uDDFF\uD83C[\uDDE6\uDDF2\uDDFC]|\uDF44(?:\u200D\uD83D\uDFEB)?|\uDF4B(?:\u200D\uD83D\uDFE9)?|\uDFC3(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?|\uDFF3\uFE0F?(?:\u200D(?:\u26A7\uFE0F?|\uD83C\uDF08))?|\uDFF4(?:\u200D\u2620\uFE0F?|\uDB40\uDC67\uDB40\uDC62\uDB40(?:\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDC73\uDB40\uDC63\uDB40\uDC74|\uDC77\uDB40\uDC6C\uDB40\uDC73)\uDB40\uDC7F)?)|\uD83D(?:[\uDC3F\uDCFD\uDD49\uDD4A\uDD6F\uDD70\uDD73\uDD76-\uDD79\uDD87\uDD8A-\uDD8D\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA\uDECB\uDECD-\uDECF\uDEE0-\uDEE5\uDEE9\uDEF0\uDEF3]\uFE0F?|[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDC8F\uDC91\uDCAA\uDD7A\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC](?:\uD83C[\uDFFB-\uDFFF])?|[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4\uDEB5](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD74\uDD90](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\uDC00-\uDC07\uDC09-\uDC14\uDC16-\uDC25\uDC27-\uDC3A\uDC3C-\uDC3E\uDC40\uDC44\uDC45\uDC51-\uDC65\uDC6A\uDC79-\uDC7B\uDC7D-\uDC80\uDC84\uDC88-\uDC8E\uDC90\uDC92-\uDCA9\uDCAB-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDDA4\uDDFB-\uDE2D\uDE2F-\uDE34\uDE37-\uDE41\uDE43\uDE44\uDE48-\uDE4A\uDE80-\uDEA2\uDEA4-\uDEB3\uDEB7-\uDEBF\uDEC1-\uDEC5\uDED0-\uDED2\uDED5-\uDED7\uDEDC-\uDEDF\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB\uDFF0]|\uDC08(?:\u200D\u2B1B)?|\uDC15(?:\u200D\uD83E\uDDBA)?|\uDC26(?:\u200D(?:\u2B1B|\uD83D\uDD25))?|\uDC3B(?:\u200D\u2744\uFE0F?)?|\uDC41\uFE0F?(?:\u200D\uD83D\uDDE8\uFE0F?)?|\uDC68(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDC68\uDC69]\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFE])))?))?|\uDC69(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?[\uDC68\uDC69]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?|\uDC69\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?))|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFE])))?))?|\uDC6F(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDD75(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDE2E(?:\u200D\uD83D\uDCA8)?|\uDE35(?:\u200D\uD83D\uDCAB)?|\uDE36(?:\u200D\uD83C\uDF2B\uFE0F?)?|\uDE42(?:\u200D[\u2194\u2195]\uFE0F?)?|\uDEB6(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?)|\uD83E(?:[\uDD0C\uDD0F\uDD18-\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5\uDEC3-\uDEC5\uDEF0\uDEF2-\uDEF8](?:\uD83C[\uDFFB-\uDFFF])?|[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD\uDDCF\uDDD4\uDDD6-\uDDDD](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDDDE\uDDDF](?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD0D\uDD0E\uDD10-\uDD17\uDD20-\uDD25\uDD27-\uDD2F\uDD3A\uDD3F-\uDD45\uDD47-\uDD76\uDD78-\uDDB4\uDDB7\uDDBA\uDDBC-\uDDCC\uDDD0\uDDE0-\uDDFF\uDE70-\uDE7C\uDE80-\uDE88\uDE90-\uDEBD\uDEBF-\uDEC2\uDECE-\uDEDB\uDEE0-\uDEE8]|\uDD3C(?:\u200D[\u2640\u2642]\uFE0F?|\uD83C[\uDFFB-\uDFFF])?|\uDDCE(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?|\uDDD1(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1|\uDDD1\u200D\uD83E\uDDD2(?:\u200D\uD83E\uDDD2)?|\uDDD2(?:\u200D\uD83E\uDDD2)?))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?))?|\uDEF1(?:\uD83C(?:\uDFFB(?:\u200D\uD83E\uDEF2\uD83C[\uDFFC-\uDFFF])?|\uDFFC(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFD-\uDFFF])?|\uDFFD(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])?|\uDFFE(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFD\uDFFF])?|\uDFFF(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFE])?))?)/g;
+const UNICODE_SYMBOL_REG = new RegExp(`${EMOJI_REG.source}|${SURROGATE_PAIR_REG.source}`, "g");
 function debounce(func, delay) {
   let timer;
   return function(...args) {
@@ -114,8 +121,20 @@ function getUUID() {
 }
 function splitText(text) {
   const data2 = [];
-  for (const t of text) {
-    data2.push(t);
+  const symbolMap = new Map();
+  for (const match of text.matchAll(UNICODE_SYMBOL_REG)) {
+    symbolMap.set(match.index, match[0]);
+  }
+  let t = 0;
+  while (t < text.length) {
+    const symbol = symbolMap.get(t);
+    if (symbol) {
+      data2.push(symbol);
+      t += symbol.length;
+    } else {
+      data2.push(text[t]);
+      t++;
+    }
   }
   return data2;
 }
@@ -256,6 +275,12 @@ function findScrollContainer(element) {
   }
   return document.documentElement;
 }
+function isArrayEqual(arr1, arr2) {
+  if (arr1.length !== arr2.length) {
+    return false;
+  }
+  return !arr1.some((item) => !arr2.includes(item));
+}
 const CURSOR_AGENT_HEIGHT = 12;
 const defaultCursorOption = {
   width: 1,
@@ -315,7 +340,8 @@ const EDITOR_ELEMENT_COPY_ATTR = [
   "url",
   "hyperlinkId",
   "dateId",
-  "dateFormat"
+  "dateFormat",
+  "groupIds"
 ];
 const EDITOR_ELEMENT_ZIP_ATTR = [
   "type",
@@ -344,7 +370,8 @@ const EDITOR_ELEMENT_ZIP_ATTR = [
   "level",
   "listType",
   "listStyle",
-  "listWrap"
+  "listWrap",
+  "groupIds"
 ];
 const TABLE_CONTEXT_ATTR = [
   "tdId",
@@ -3831,6 +3858,9 @@ function isSameElementExceptValue(source, target) {
     const key = sourceKeys[s];
     if (key === "value")
       continue;
+    if (key === "groupIds" && Array.isArray(source[key]) && Array.isArray(target[key]) && isArrayEqual(source[key], target[key])) {
+      continue;
+    }
     if (source[key] !== target[key]) {
       return false;
     }
@@ -4092,6 +4122,9 @@ function convertElementToDom(element, options) {
   if (element.highlight) {
     dom.style.backgroundColor = element.highlight;
   }
+  if (element.underline) {
+    dom.style.textDecoration = "underline";
+  }
   dom.innerText = element.value.replace(new RegExp(`${ZERO}`, "g"), "\n");
   return dom;
 }
@@ -4193,6 +4226,10 @@ function createDomFromElementList(elementList, options) {
           checkbox.setAttribute("checked", "true");
         }
         clipboardDom.append(checkbox);
+      } else if (element.type === ElementType.TAB) {
+        const tab = document.createElement("span");
+        tab.innerHTML = `${NON_BREAKING_SPACE}${NON_BREAKING_SPACE}`;
+        clipboardDom.append(tab);
       } else if (!element.type || element.type === ElementType.LATEX || TEXTLIKE_ELEMENT_TYPE.includes(element.type)) {
         let text = "";
         if (element.type === ElementType.CONTROL) {
@@ -4244,6 +4281,9 @@ function convertTextNodeToElement(textNode) {
   if (style.backgroundColor !== "rgba(0, 0, 0, 0)") {
     element.highlight = style.backgroundColor;
   }
+  if (style.textDecorationLine === "underline") {
+    element.underline = true;
+  }
   return element;
 }
 function getElementListByHTML(htmlText, options) {
@@ -4495,6 +4535,9 @@ class CursorAgent {
     this.canvasEvent.input(evt.data);
   }
   _paste(evt) {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
     const clipboardData = evt.clipboardData;
     if (!clipboardData)
       return;
@@ -5557,6 +5600,8 @@ function input(data2, host) {
     const nextElement = elementList[endIndex + 1];
     if (copyElement.type === TEXT || !copyElement.type && copyElement.value !== ZERO || copyElement.type === HYPERLINK && (nextElement == null ? void 0 : nextElement.type) === HYPERLINK || copyElement.type === DATE && (nextElement == null ? void 0 : nextElement.type) === DATE || copyElement.type === SUBSCRIPT && (nextElement == null ? void 0 : nextElement.type) === SUBSCRIPT || copyElement.type === SUPERSCRIPT && (nextElement == null ? void 0 : nextElement.type) === SUPERSCRIPT) {
       EDITOR_ELEMENT_COPY_ATTR.forEach((attr) => {
+        if (attr === "groupIds" && !(nextElement == null ? void 0 : nextElement.groupIds))
+          return;
         const value2 = copyElement[attr];
         if (value2 !== void 0) {
           newElement[attr] = value2;
@@ -5706,9 +5751,6 @@ function drop(evt, host) {
     host.input(data2);
   }
 }
-const LETTER_REG = /[a-zA-Z]/;
-const NUMBER_LIKE_REG = /[0-9.]/;
-const WORD_LIKE_REG = /[^a-zA-Z][a-zA-Z]/;
 function dblclick(host, evt) {
   const draw = host.getDraw();
   const position = draw.getPosition();
@@ -6176,6 +6218,7 @@ var EditorComponent;
   EditorComponent2["CONTEXTMENU"] = "contextmenu";
   EditorComponent2["POPUP"] = "popup";
   EditorComponent2["CATALOG"] = "catalog";
+  EditorComponent2["COMMENT"] = "comment";
 })(EditorComponent || (EditorComponent = {}));
 var EditorContext;
 (function(EditorContext2) {
@@ -6752,7 +6795,7 @@ class RangeManager {
     }
     return rangeRow;
   }
-  getRangeElementList() {
+  getRangeParagraphElementList() {
     const { startIndex, endIndex } = this.range;
     if (!~startIndex && !~endIndex)
       return null;
@@ -6852,6 +6895,7 @@ class RangeManager {
     const painter = !!this.draw.getPainterStyle();
     const undo = this.historyManager.isCanUndo();
     const redo = this.historyManager.isCanRedo();
+    const groupIds = curElement.groupIds || null;
     const rangeStyle = {
       type,
       undo,
@@ -6870,7 +6914,8 @@ class RangeManager {
       dashArray,
       level,
       listType,
-      listStyle
+      listStyle,
+      groupIds
     };
     if (rangeStyleChangeListener) {
       rangeStyleChangeListener(rangeStyle);
@@ -6908,7 +6953,8 @@ class RangeManager {
       dashArray: [],
       level: null,
       listType: null,
-      listStyle: null
+      listStyle: null,
+      groupIds: null
     };
     if (rangeStyleChangeListener) {
       rangeStyleChangeListener(rangeStyle);
@@ -7000,9 +7046,9 @@ class Background {
     __publicField(this, "draw");
     this.draw = draw;
   }
-  render(ctx) {
-    const width = this.draw.getOriginalWidth();
-    const height = this.draw.getOriginalHeight();
+  render(ctx, pageNo) {
+    const width = this.draw.getCanvasWidth(pageNo);
+    const height = this.draw.getCanvasHeight(pageNo);
     ctx.save();
     ctx.fillStyle = "#ffffff";
     ctx.fillRect(0, 0, width, height);
@@ -7382,7 +7428,7 @@ class Underline extends AbstractRichText {
     const { x, y, width } = this.fillRect;
     ctx.save();
     ctx.strokeStyle = this.fillColor || underlineColor;
-    const adjustY = y + 0.5;
+    const adjustY = Math.floor(y + 2 * ctx.lineWidth) + 0.5;
     ctx.beginPath();
     ctx.moveTo(x, adjustY);
     ctx.lineTo(x + width, adjustY);
@@ -7830,9 +7876,15 @@ class TableParticle {
                 continue;
               if (pTdX > x)
                 break;
-              if (pTd.x === x && pTdY + pTdHeight > y) {
-                x += pTdWidth;
-                offsetXIndex += pTd.colspan;
+              if (pTdX === x && pTdY + pTdHeight > y) {
+                const nextPTd = pTr.tdList[pD + 1];
+                if (nextPTd && pTd.colIndex + pTd.colspan !== nextPTd.colIndex) {
+                  x = nextPTd.x;
+                  offsetXIndex = nextPTd.colIndex;
+                } else {
+                  x += pTdWidth;
+                  offsetXIndex += pTd.colspan;
+                }
               }
             }
           }
@@ -9164,7 +9216,17 @@ class CheckboxParticle {
     ctx.restore();
   }
 }
-const encodedJs$1 = "KCgpPT57KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBjOyhmdW5jdGlvbih0KXt0LlRFWFQ9InRleHQiLHQuVEFCTEU9InRhYmxlIix0LkhZUEVSTElOSz0iaHlwZXJsaW5rIix0LkNPTlRST0w9ImNvbnRyb2wifSkoY3x8KGM9e30pKTt2YXIgdTsoZnVuY3Rpb24odCl7dC5WQUxVRT0idmFsdWUifSkodXx8KHU9e30pKTtjb25zdCBoPSJcdTIwMEIiLGc9YApgO2Z1bmN0aW9uIHAodCl7bGV0IGw9IiIsbz0wO2Zvcig7bzx0Lmxlbmd0aDspe2NvbnN0IG49dFtvXTtpZihuLnR5cGU9PT1jLlRBQkxFKXtpZihuLnRyTGlzdClmb3IobGV0IGk9MDtpPG4udHJMaXN0Lmxlbmd0aDtpKyspe2NvbnN0IHM9bi50ckxpc3RbaV07Zm9yKGxldCBlPTA7ZTxzLnRkTGlzdC5sZW5ndGg7ZSsrKXtjb25zdCByPXMudGRMaXN0W2VdO2wrPXAoci52YWx1ZSl9fX1lbHNlIGlmKG4udHlwZT09PWMuSFlQRVJMSU5LKXtjb25zdCBpPW4uaHlwZXJsaW5rSWQscz1bXTtmb3IoO288dC5sZW5ndGg7KXtjb25zdCBlPXRbb107aWYoaSE9PWUuaHlwZXJsaW5rSWQpe28tLTticmVha31kZWxldGUgZS50eXBlLHMucHVzaChlKSxvKyt9bCs9cChzKX1lbHNlIGlmKG4udHlwZT09PWMuQ09OVFJPTCl7Y29uc3QgaT1uLmNvbnRyb2xJZCxzPVtdO2Zvcig7bzx0Lmxlbmd0aDspe2NvbnN0IGU9dFtvXTtpZihpIT09ZS5jb250cm9sSWQpe28tLTticmVha31lLmNvbnRyb2xDb21wb25lbnQ9PT11LlZBTFVFJiYoZGVsZXRlIGUudHlwZSxzLnB1c2goZSkpLG8rK31sKz1wKHMpfSghbi50eXBlfHxuLnR5cGU9PT1jLlRFWFQpJiYobCs9bi52YWx1ZSksbysrfXJldHVybiBsfWZ1bmN0aW9uIGQodCl7Y29uc3QgbD1bXSxvPS9bMC05XS8sbj0vW0EtWmEtel0vLGk9L1xzLztsZXQgcz0hMSxlPSExLHI9IiI7ZnVuY3Rpb24gYSgpe3ImJihsLnB1c2gocikscj0iIil9Zm9yKGNvbnN0IGYgb2YgdCluLnRlc3QoZik/KHN8fGEoKSxyKz1mLHM9ITAsZT0hMSk6by50ZXN0KGYpPyhlfHxhKCkscis9ZixzPSExLGU9ITApOihhKCkscz0hMSxlPSExLGkudGVzdChmKXx8bC5wdXNoKGYpKTtyZXR1cm4gYSgpLGx9b25tZXNzYWdlPXQ9Pntjb25zdCBsPXQuZGF0YSxuPXAobCkucmVwbGFjZShuZXcgUmVnRXhwKGBeJHtofWApLCIiKS5yZXBsYWNlKG5ldyBSZWdFeHAoaCwiZyIpLGcpLGk9ZChuKTtwb3N0TWVzc2FnZShpLmxlbmd0aCl9fSkoKTt9KSgpOwo=";
+const encodedJs$2 = "KCgpPT57KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBjOyhmdW5jdGlvbih0KXt0LlRFWFQ9InRleHQiLHQuVEFCTEU9InRhYmxlIix0LkhZUEVSTElOSz0iaHlwZXJsaW5rIix0LkNPTlRST0w9ImNvbnRyb2wifSkoY3x8KGM9e30pKTt2YXIgdTsoZnVuY3Rpb24odCl7dC5WQUxVRT0idmFsdWUifSkodXx8KHU9e30pKTtjb25zdCBoPSJcdTIwMEIiLGc9YApgO2Z1bmN0aW9uIHAodCl7bGV0IGw9IiIsbz0wO2Zvcig7bzx0Lmxlbmd0aDspe2NvbnN0IG49dFtvXTtpZihuLnR5cGU9PT1jLlRBQkxFKXtpZihuLnRyTGlzdClmb3IobGV0IGk9MDtpPG4udHJMaXN0Lmxlbmd0aDtpKyspe2NvbnN0IHM9bi50ckxpc3RbaV07Zm9yKGxldCBlPTA7ZTxzLnRkTGlzdC5sZW5ndGg7ZSsrKXtjb25zdCByPXMudGRMaXN0W2VdO2wrPXAoci52YWx1ZSl9fX1lbHNlIGlmKG4udHlwZT09PWMuSFlQRVJMSU5LKXtjb25zdCBpPW4uaHlwZXJsaW5rSWQscz1bXTtmb3IoO288dC5sZW5ndGg7KXtjb25zdCBlPXRbb107aWYoaSE9PWUuaHlwZXJsaW5rSWQpe28tLTticmVha31kZWxldGUgZS50eXBlLHMucHVzaChlKSxvKyt9bCs9cChzKX1lbHNlIGlmKG4udHlwZT09PWMuQ09OVFJPTCl7Y29uc3QgaT1uLmNvbnRyb2xJZCxzPVtdO2Zvcig7bzx0Lmxlbmd0aDspe2NvbnN0IGU9dFtvXTtpZihpIT09ZS5jb250cm9sSWQpe28tLTticmVha31lLmNvbnRyb2xDb21wb25lbnQ9PT11LlZBTFVFJiYoZGVsZXRlIGUudHlwZSxzLnB1c2goZSkpLG8rK31sKz1wKHMpfSghbi50eXBlfHxuLnR5cGU9PT1jLlRFWFQpJiYobCs9bi52YWx1ZSksbysrfXJldHVybiBsfWZ1bmN0aW9uIGQodCl7Y29uc3QgbD1bXSxvPS9bMC05XS8sbj0vW0EtWmEtel0vLGk9L1xzLztsZXQgcz0hMSxlPSExLHI9IiI7ZnVuY3Rpb24gYSgpe3ImJihsLnB1c2gocikscj0iIil9Zm9yKGNvbnN0IGYgb2YgdCluLnRlc3QoZik/KHN8fGEoKSxyKz1mLHM9ITAsZT0hMSk6by50ZXN0KGYpPyhlfHxhKCkscis9ZixzPSExLGU9ITApOihhKCkscz0hMSxlPSExLGkudGVzdChmKXx8bC5wdXNoKGYpKTtyZXR1cm4gYSgpLGx9b25tZXNzYWdlPXQ9Pntjb25zdCBsPXQuZGF0YSxuPXAobCkucmVwbGFjZShuZXcgUmVnRXhwKGBeJHtofWApLCIiKS5yZXBsYWNlKG5ldyBSZWdFeHAoaCwiZyIpLGcpLGk9ZChuKTtwb3N0TWVzc2FnZShpLmxlbmd0aCl9fSkoKTt9KSgpOwo=";
+const blob$2 = typeof window !== "undefined" && window.Blob && new Blob([atob(encodedJs$2)], { type: "text/javascript;charset=utf-8" });
+function WorkerWrapper$2() {
+  const objURL = blob$2 && (window.URL || window.webkitURL).createObjectURL(blob$2);
+  try {
+    return objURL ? new Worker(objURL) : new Worker("data:application/javascript;base64," + encodedJs$2, { type: "module" });
+  } finally {
+    objURL && (window.URL || window.webkitURL).revokeObjectURL(objURL);
+  }
+}
+const encodedJs$1 = "KCgpPT57KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBnOyhmdW5jdGlvbihlKXtlLlRJVExFPSJ0aXRsZSJ9KShnfHwoZz17fSkpO3ZhciBvOyhmdW5jdGlvbihlKXtlLkZJUlNUPSJmaXJzdCIsZS5TRUNPTkQ9InNlY29uZCIsZS5USElSRD0idGhpcmQiLGUuRk9VUlRIPSJmb3VydGgiLGUuRklGVEg9ImZpZnRoIixlLlNJWFRIPSJzaXh0aCJ9KShvfHwobz17fSkpO2NvbnN0IHU9e1tvLkZJUlNUXToxLFtvLlNFQ09ORF06Mixbby5USElSRF06Myxbby5GT1VSVEhdOjQsW28uRklGVEhdOjUsW28uU0lYVEhdOjZ9LEk9Ilx1MjAwQiI7ZnVuY3Rpb24gZihlKXtjb25zdCBhPVtdO2xldCBzPTA7Zm9yKDtzPGUubGVuZ3RoOyl7Y29uc3QgdD1lW3NdO2lmKHQudGl0bGVJZCl7Y29uc3Qgbj10LnRpdGxlSWQsbD10LmxldmVsLGM9e3R5cGU6Zy5USVRMRSx2YWx1ZToiIixsZXZlbDpsLHRpdGxlSWQ6bn0saT1bXTtmb3IoO3M8ZS5sZW5ndGg7KXtjb25zdCB2PWVbc107aWYobiE9PXYudGl0bGVJZCl7cy0tO2JyZWFrfWkucHVzaCh2KSxzKyt9Yy52YWx1ZT1pLm1hcCh2PT52LnZhbHVlKS5qb2luKCIiKS5yZXBsYWNlKG5ldyBSZWdFeHAoSSwiZyIpLCIiKSxhLnB1c2goYyl9cysrfWlmKCFhLmxlbmd0aClyZXR1cm4gbnVsbDtjb25zdCBoPSh0LG4pPT57Y29uc3QgbD1uLnN1YkNhdGFsb2dbbi5zdWJDYXRhbG9nLmxlbmd0aC0xXSxjPXVbbD09bnVsbD92b2lkIDA6bC5sZXZlbF0saT11W3QubGV2ZWxdO2wmJmk+Yz9oKHQsbCk6bi5zdWJDYXRhbG9nLnB1c2goe2lkOnQudGl0bGVJZCxuYW1lOnQudmFsdWUsbGV2ZWw6dC5sZXZlbCxzdWJDYXRhbG9nOltdfSl9LHI9W107Zm9yKGxldCB0PTA7dDxhLmxlbmd0aDt0Kyspe2NvbnN0IG49YVt0XSxsPXJbci5sZW5ndGgtMV0sYz11W2w9PW51bGw/dm9pZCAwOmwubGV2ZWxdLGk9dVtuLmxldmVsXTtsJiZpPmM/aChuLGwpOnIucHVzaCh7aWQ6bi50aXRsZUlkLG5hbWU6bi52YWx1ZSxsZXZlbDpuLmxldmVsLHN1YkNhdGFsb2c6W119KX1yZXR1cm4gcn1vbm1lc3NhZ2U9ZT0+e2NvbnN0IGE9ZS5kYXRhLHM9ZihhKTtwb3N0TWVzc2FnZShzKX19KSgpO30pKCk7Cg==";
 const blob$1 = typeof window !== "undefined" && window.Blob && new Blob([atob(encodedJs$1)], { type: "text/javascript;charset=utf-8" });
 function WorkerWrapper$1() {
   const objURL = blob$1 && (window.URL || window.webkitURL).createObjectURL(blob$1);
@@ -9174,7 +9236,7 @@ function WorkerWrapper$1() {
     objURL && (window.URL || window.webkitURL).revokeObjectURL(objURL);
   }
 }
-const encodedJs = "KCgpPT57KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBnOyhmdW5jdGlvbihlKXtlLlRJVExFPSJ0aXRsZSJ9KShnfHwoZz17fSkpO3ZhciBvOyhmdW5jdGlvbihlKXtlLkZJUlNUPSJmaXJzdCIsZS5TRUNPTkQ9InNlY29uZCIsZS5USElSRD0idGhpcmQiLGUuRk9VUlRIPSJmb3VydGgiLGUuRklGVEg9ImZpZnRoIixlLlNJWFRIPSJzaXh0aCJ9KShvfHwobz17fSkpO2NvbnN0IHU9e1tvLkZJUlNUXToxLFtvLlNFQ09ORF06Mixbby5USElSRF06Myxbby5GT1VSVEhdOjQsW28uRklGVEhdOjUsW28uU0lYVEhdOjZ9LEk9Ilx1MjAwQiI7ZnVuY3Rpb24gZihlKXtjb25zdCBhPVtdO2xldCBzPTA7Zm9yKDtzPGUubGVuZ3RoOyl7Y29uc3QgdD1lW3NdO2lmKHQudGl0bGVJZCl7Y29uc3Qgbj10LnRpdGxlSWQsbD10LmxldmVsLGM9e3R5cGU6Zy5USVRMRSx2YWx1ZToiIixsZXZlbDpsLHRpdGxlSWQ6bn0saT1bXTtmb3IoO3M8ZS5sZW5ndGg7KXtjb25zdCB2PWVbc107aWYobiE9PXYudGl0bGVJZCl7cy0tO2JyZWFrfWkucHVzaCh2KSxzKyt9Yy52YWx1ZT1pLm1hcCh2PT52LnZhbHVlKS5qb2luKCIiKS5yZXBsYWNlKG5ldyBSZWdFeHAoSSwiZyIpLCIiKSxhLnB1c2goYyl9cysrfWlmKCFhLmxlbmd0aClyZXR1cm4gbnVsbDtjb25zdCBoPSh0LG4pPT57Y29uc3QgbD1uLnN1YkNhdGFsb2dbbi5zdWJDYXRhbG9nLmxlbmd0aC0xXSxjPXVbbD09bnVsbD92b2lkIDA6bC5sZXZlbF0saT11W3QubGV2ZWxdO2wmJmk+Yz9oKHQsbCk6bi5zdWJDYXRhbG9nLnB1c2goe2lkOnQudGl0bGVJZCxuYW1lOnQudmFsdWUsbGV2ZWw6dC5sZXZlbCxzdWJDYXRhbG9nOltdfSl9LHI9W107Zm9yKGxldCB0PTA7dDxhLmxlbmd0aDt0Kyspe2NvbnN0IG49YVt0XSxsPXJbci5sZW5ndGgtMV0sYz11W2w9PW51bGw/dm9pZCAwOmwubGV2ZWxdLGk9dVtuLmxldmVsXTtsJiZpPmM/aChuLGwpOnIucHVzaCh7aWQ6bi50aXRsZUlkLG5hbWU6bi52YWx1ZSxsZXZlbDpuLmxldmVsLHN1YkNhdGFsb2c6W119KX1yZXR1cm4gcn1vbm1lc3NhZ2U9ZT0+e2NvbnN0IGE9ZS5kYXRhLHM9ZihhKTtwb3N0TWVzc2FnZShzKX19KSgpO30pKCk7Cg==";
+const encodedJs = "KCgpPT57KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBuOyhmdW5jdGlvbihvKXtvLlRBQkxFPSJ0YWJsZSJ9KShufHwobj17fSkpO2Z1bmN0aW9uIGMobyl7Y29uc3QgdD1bXTtmb3IoY29uc3QgcyBvZiBvKXtpZihzLnR5cGU9PT1uLlRBQkxFKXtjb25zdCBlPXMudHJMaXN0O2ZvcihsZXQgcj0wO3I8ZS5sZW5ndGg7cisrKXtjb25zdCBpPWVbcl07Zm9yKGxldCB1PTA7dTxpLnRkTGlzdC5sZW5ndGg7dSsrKXtjb25zdCBkPWkudGRMaXN0W3VdO3QucHVzaCguLi5jKGQudmFsdWUpKX19fWlmKCEhcy5ncm91cElkcylmb3IoY29uc3QgZSBvZiBzLmdyb3VwSWRzKXQuaW5jbHVkZXMoZSl8fHQucHVzaChlKX1yZXR1cm4gdH1vbm1lc3NhZ2U9bz0+e2NvbnN0IHQ9by5kYXRhLHM9Yyh0KTtwb3N0TWVzc2FnZShzKX19KSgpO30pKCk7Cg==";
 const blob = typeof window !== "undefined" && window.Blob && new Blob([atob(encodedJs)], { type: "text/javascript;charset=utf-8" });
 function WorkerWrapper() {
   const objURL = blob && (window.URL || window.webkitURL).createObjectURL(blob);
@@ -9189,9 +9251,11 @@ class WorkerManager {
     __publicField(this, "draw");
     __publicField(this, "wordCountWorker");
     __publicField(this, "catalogWorker");
+    __publicField(this, "groupWorker");
     this.draw = draw;
-    this.wordCountWorker = new WorkerWrapper$1();
-    this.catalogWorker = new WorkerWrapper();
+    this.wordCountWorker = new WorkerWrapper$2();
+    this.catalogWorker = new WorkerWrapper$1();
+    this.groupWorker = new WorkerWrapper();
   }
   getWordCount() {
     return new Promise((resolve, reject) => {
@@ -9217,6 +9281,18 @@ class WorkerManager {
       this.catalogWorker.postMessage(elementList);
     });
   }
+  getGroupIds() {
+    return new Promise((resolve, reject) => {
+      this.groupWorker.onmessage = (evt) => {
+        resolve(evt.data);
+      };
+      this.groupWorker.onerror = (evt) => {
+        reject(evt);
+      };
+      const elementList = this.draw.getOriginalMainElementList();
+      this.groupWorker.postMessage(elementList);
+    });
+  }
 }
 class Previewer {
   constructor(draw) {
@@ -10389,6 +10465,9 @@ class I18n {
     const sourceLang = this.langMap.get(locale);
     this.langMap.set(locale, mergeObject(sourceLang || zhCN, lang));
   }
+  getLocale() {
+    return this.currentLocale;
+  }
   setLocale(locale) {
     this.currentLocale = locale;
   }
@@ -10801,6 +10880,167 @@ class Placeholder {
     ctx.restore();
   }
 }
+class Group {
+  constructor(draw) {
+    __publicField(this, "draw");
+    __publicField(this, "options");
+    __publicField(this, "range");
+    __publicField(this, "fillRectMap");
+    this.draw = draw;
+    this.options = draw.getOptions();
+    this.range = draw.getRange();
+    this.fillRectMap = new Map();
+  }
+  setGroup() {
+    if (this.draw.isReadonly() || this.draw.getZone().getZone() !== EditorZone.MAIN) {
+      return null;
+    }
+    const selection = this.range.getSelection();
+    if (!selection)
+      return null;
+    const groupId = getUUID();
+    selection.forEach((el) => {
+      if (!Array.isArray(el.groupIds)) {
+        el.groupIds = [];
+      }
+      el.groupIds.push(groupId);
+    });
+    this.draw.render({
+      isSetCursor: false,
+      isCompute: false
+    });
+    return groupId;
+  }
+  getElementListByGroupId(elementList, groupId) {
+    var _a, _b;
+    const groupElementList = [];
+    for (let e = 0; e < elementList.length; e++) {
+      const element = elementList[e];
+      if (element.type === ElementType.TABLE) {
+        const trList = element.trList;
+        for (let r = 0; r < trList.length; r++) {
+          const tr = trList[r];
+          for (let d = 0; d < tr.tdList.length; d++) {
+            const td = tr.tdList[d];
+            const tdGroupElementList = this.getElementListByGroupId(td.value, groupId);
+            if (tdGroupElementList.length) {
+              groupElementList.push(...tdGroupElementList);
+              return groupElementList;
+            }
+          }
+        }
+      }
+      if ((_a = element == null ? void 0 : element.groupIds) == null ? void 0 : _a.includes(groupId)) {
+        groupElementList.push(element);
+        const nextElement = elementList[e + 1];
+        if (!((_b = nextElement == null ? void 0 : nextElement.groupIds) == null ? void 0 : _b.includes(groupId)))
+          break;
+      }
+    }
+    return groupElementList;
+  }
+  deleteGroup(groupId) {
+    if (this.draw.isReadonly())
+      return;
+    const elementList = this.draw.getOriginalMainElementList();
+    const groupElementList = this.getElementListByGroupId(elementList, groupId);
+    if (!groupElementList.length)
+      return;
+    for (let e = 0; e < groupElementList.length; e++) {
+      const element = groupElementList[e];
+      const groupIds = element.groupIds;
+      const groupIndex = groupIds.findIndex((id) => id === groupId);
+      groupIds.splice(groupIndex, 1);
+      if (!groupIds.length) {
+        delete element.groupIds;
+      }
+    }
+    this.draw.render({
+      isSetCursor: false,
+      isCompute: false
+    });
+  }
+  getContextByGroupId(elementList, groupId) {
+    var _a, _b;
+    for (let e = 0; e < elementList.length; e++) {
+      const element = elementList[e];
+      if (element.type === ElementType.TABLE) {
+        const trList = element.trList;
+        for (let r = 0; r < trList.length; r++) {
+          const tr = trList[r];
+          for (let d = 0; d < tr.tdList.length; d++) {
+            const td = tr.tdList[d];
+            const range = this.getContextByGroupId(td.value, groupId);
+            if (range) {
+              return __spreadProps(__spreadValues({}, range), {
+                isTable: true,
+                index: e,
+                trIndex: r,
+                tdIndex: d,
+                tdId: td.id,
+                trId: tr.id,
+                tableId: element.tableId
+              });
+            }
+          }
+        }
+      }
+      const nextElement = elementList[e + 1];
+      if (((_a = element.groupIds) == null ? void 0 : _a.includes(groupId)) && !((_b = nextElement == null ? void 0 : nextElement.groupIds) == null ? void 0 : _b.includes(groupId))) {
+        return {
+          isTable: false,
+          startIndex: e,
+          endIndex: e
+        };
+      }
+    }
+    return null;
+  }
+  clearFillInfo() {
+    this.fillRectMap.clear();
+  }
+  recordFillInfo(element, x, y, width, height) {
+    const groupIds = element.groupIds;
+    if (!groupIds)
+      return;
+    for (const groupId of groupIds) {
+      const fillRect = this.fillRectMap.get(groupId);
+      if (!fillRect) {
+        this.fillRectMap.set(groupId, {
+          x,
+          y,
+          width,
+          height
+        });
+      } else {
+        fillRect.width += width;
+      }
+    }
+  }
+  render(ctx) {
+    var _a;
+    if (!this.fillRectMap.size)
+      return;
+    const range = this.range.getRange();
+    const elementList = this.draw.getElementList();
+    const anchorGroupIds = (_a = elementList[range.endIndex]) == null ? void 0 : _a.groupIds;
+    const { group: { backgroundColor, opacity, activeOpacity, activeBackgroundColor } } = this.options;
+    ctx.save();
+    this.fillRectMap.forEach((fillRect, groupId) => {
+      const { x, y, width, height } = fillRect;
+      if (anchorGroupIds == null ? void 0 : anchorGroupIds.includes(groupId)) {
+        ctx.globalAlpha = activeOpacity;
+        ctx.fillStyle = activeBackgroundColor;
+      } else {
+        ctx.globalAlpha = opacity;
+        ctx.fillStyle = backgroundColor;
+      }
+      ctx.fillRect(x, y, width, height);
+    });
+    ctx.restore();
+    this.clearFillInfo();
+  }
+}
 class Draw {
   constructor(rootContainer, options, data2, listener, eventBus) {
     __publicField(this, "container");
@@ -10824,6 +11064,7 @@ class Draw {
     __publicField(this, "margin");
     __publicField(this, "background");
     __publicField(this, "search");
+    __publicField(this, "group");
     __publicField(this, "underline");
     __publicField(this, "strikeout");
     __publicField(this, "highlight");
@@ -10882,6 +11123,7 @@ class Draw {
     this.margin = new Margin(this);
     this.background = new Background(this);
     this.search = new Search(this);
+    this.group = new Group(this);
     this.underline = new Underline(this);
     this.strikeout = new Strikeout(this);
     this.highlight = new Highlight(this);
@@ -11104,6 +11346,9 @@ class Draw {
   getSearch() {
     return this.search;
   }
+  getGroup() {
+    return this.group;
+  }
   getHistoryManager() {
     return this.historyManager;
   }
@@ -11887,7 +12132,7 @@ class Draw {
   drawRow(ctx, payload) {
     const { rowList, pageNo, elementList, positionList, startIndex, zone } = payload;
     const isPrintMode = this.mode === EditorMode.PRINT;
-    const { scale, tdPadding } = this.options;
+    const { scale, tdPadding, defaultBasicRowMarginHeight, defaultRowMargin, group: group2 } = this.options;
     const { isCrossRowCol, tableId } = this.range.getRange();
     let index2 = startIndex;
     for (let i = 0; i < rowList.length; i++) {
@@ -11958,7 +12203,8 @@ class Draw {
           this.textParticle.record(ctx, element, x, y + offsetY);
         }
         if (element.underline) {
-          this.underline.recordFillInfo(ctx, x, y + curRow.height, metrics.width, 0, element.color);
+          const rowMargin = defaultBasicRowMarginHeight * (element.rowMargin || defaultRowMargin) * scale;
+          this.underline.recordFillInfo(ctx, x, y + curRow.height - rowMargin, metrics.width, 0, element.color);
         } else if (preElement == null ? void 0 : preElement.underline) {
           this.underline.render(ctx);
         }
@@ -11993,6 +12239,9 @@ class Draw {
             }
           }
         }
+        if (!group2.disabled && element.groupIds) {
+          this.group.recordFillInfo(element, x, y, metrics.width, curRow.height);
+        }
         index2++;
         if (element.type === ElementType.TABLE) {
           const tdGap = tdPadding * 2;
@@ -12017,6 +12266,7 @@ class Draw {
         this.listParticle.drawListStyle(ctx, curRow, positionList[curRow.startIndex]);
       }
       this._drawRichText(ctx);
+      this.group.render(ctx);
       if (!isPrintMode) {
         if (rangeRecord.width && rangeRecord.height) {
           const { x, y, width, height } = rangeRecord;
@@ -12042,7 +12292,7 @@ class Draw {
     const ctx = this.ctxList[pageNo];
     ctx.globalAlpha = !this.zone.isMainActive() ? inactiveAlpha : 1;
     this._clearPage(pageNo);
-    this.background.render(ctx);
+    this.background.render(ctx, pageNo);
     this.margin.render(ctx, pageNo);
     const index2 = rowList[0].startIndex;
     this.drawRow(ctx, {
@@ -12115,7 +12365,7 @@ class Draw {
   render(payload) {
     var _a;
     const { header, footer } = this.options;
-    const { isSubmitHistory = true, isSetCursor = true, isCompute = true, isLazy = true, isInit = false } = payload || {};
+    const { isSubmitHistory = true, isSetCursor = true, isCompute = true, isLazy = true, isInit = false, isSourceHistory = false } = payload || {};
     let { curIndex } = payload || {};
     const innerWidth = this.getInnerWidth();
     const isPagingMode = this.getIsPagingMode();
@@ -12189,7 +12439,11 @@ class Draw {
         self.footer.setElementList(deepClone(oldFooterElementList));
         self.elementList = deepClone(oldElementList);
         self.range.setRange(startIndex, endIndex);
-        self.render({ curIndex, isSubmitHistory: false });
+        self.render({
+          curIndex,
+          isSubmitHistory: false,
+          isSourceHistory: true
+        });
       });
     }
     nextTick(() => {
@@ -12205,7 +12459,7 @@ class Draw {
       if (this.eventBus.isSubscribe("pageSizeChange")) {
         this.eventBus.emit("pageSizeChange", this.pageRowList.length);
       }
-      if (isSubmitHistory && !isInit) {
+      if ((isSubmitHistory || isSourceHistory) && !isInit) {
         if (this.listener.contentChange) {
           this.listener.contentChange();
         }
@@ -12298,6 +12552,9 @@ class Command {
     __publicField(this, "executeLocationCatalog");
     __publicField(this, "executeWordTool");
     __publicField(this, "executeSetHTML");
+    __publicField(this, "executeSetGroup");
+    __publicField(this, "executeDeleteGroup");
+    __publicField(this, "executeLocationGroup");
     __publicField(this, "getCatalog");
     __publicField(this, "getImage");
     __publicField(this, "getValue");
@@ -12306,8 +12563,12 @@ class Command {
     __publicField(this, "getWordCount");
     __publicField(this, "getRangeText");
     __publicField(this, "getRangeContext");
+    __publicField(this, "getRangeRow");
+    __publicField(this, "getRangeParagraph");
     __publicField(this, "getPaperMargin");
     __publicField(this, "getSearchNavigateInfo");
+    __publicField(this, "getLocale");
+    __publicField(this, "getGroupIds");
     this.executeMode = adapt.mode.bind(adapt);
     this.executeCut = adapt.cut.bind(adapt);
     this.executeCopy = adapt.copy.bind(adapt);
@@ -12382,6 +12643,9 @@ class Command {
     this.executeLocationCatalog = adapt.locationCatalog.bind(adapt);
     this.executeWordTool = adapt.wordTool.bind(adapt);
     this.executeSetHTML = adapt.setHTML.bind(adapt);
+    this.executeSetGroup = adapt.setGroup.bind(adapt);
+    this.executeDeleteGroup = adapt.deleteGroup.bind(adapt);
+    this.executeLocationGroup = adapt.locationGroup.bind(adapt);
     this.getImage = adapt.getImage.bind(adapt);
     this.getValue = adapt.getValue.bind(adapt);
     this.getHTML = adapt.getHTML.bind(adapt);
@@ -12389,9 +12653,13 @@ class Command {
     this.getWordCount = adapt.getWordCount.bind(adapt);
     this.getRangeText = adapt.getRangeText.bind(adapt);
     this.getRangeContext = adapt.getRangeContext.bind(adapt);
+    this.getRangeRow = adapt.getRangeRow.bind(adapt);
+    this.getRangeParagraph = adapt.getRangeParagraph.bind(adapt);
     this.getCatalog = adapt.getCatalog.bind(adapt);
     this.getPaperMargin = adapt.getPaperMargin.bind(adapt);
     this.getSearchNavigateInfo = adapt.getSearchNavigateInfo.bind(adapt);
+    this.getLocale = adapt.getLocale.bind(adapt);
+    this.getGroupIds = adapt.getGroupIds.bind(adapt);
   }
 }
 const defaultWatermarkOption = {
@@ -12702,7 +12970,10 @@ class CommandAdapt {
     selection.forEach((el) => {
       el.underline = !!~noUnderlineIndex;
     });
-    this.draw.render({ isSetCursor: false });
+    this.draw.render({
+      isSetCursor: false,
+      isCompute: false
+    });
   }
   strikeout() {
     const isReadonly = this.draw.isReadonly();
@@ -12715,7 +12986,10 @@ class CommandAdapt {
     selection.forEach((el) => {
       el.strikeout = !!~noStrikeoutIndex;
     });
-    this.draw.render({ isSetCursor: false });
+    this.draw.render({
+      isSetCursor: false,
+      isCompute: false
+    });
   }
   superscript() {
     const isReadonly = this.draw.isReadonly();
@@ -12805,7 +13079,7 @@ class CommandAdapt {
     if (!~startIndex && !~endIndex)
       return;
     const elementList = this.draw.getElementList();
-    const changeElementList = startIndex === endIndex ? this.range.getRangeElementList() : elementList.slice(startIndex + 1, endIndex + 1);
+    const changeElementList = startIndex === endIndex ? this.range.getRangeParagraphElementList() : elementList.slice(startIndex + 1, endIndex + 1);
     if (!changeElementList || !changeElementList.length)
       return;
     const titleId = getUUID();
@@ -12840,7 +13114,7 @@ class CommandAdapt {
     const { startIndex, endIndex } = this.range.getRange();
     if (!~startIndex && !~endIndex)
       return;
-    const changeElementList = this.range.getRangeElementList();
+    const changeElementList = this.range.getRangeParagraphElementList();
     if (!changeElementList || !changeElementList.length)
       return;
     const isUnsetList = changeElementList.find((el) => el.listType === listType && el.listStyle === listStyle);
@@ -14010,6 +14284,14 @@ class CommandAdapt {
       endPageNo
     });
   }
+  getRangeRow() {
+    const rowElementList = this.range.getRangeRowElementList();
+    return rowElementList ? zipElementList(rowElementList) : null;
+  }
+  getRangeParagraph() {
+    const paragraphElementList = this.range.getRangeParagraphElementList();
+    return paragraphElementList ? zipElementList(paragraphElementList) : null;
+  }
   pageMode(payload) {
     this.draw.setPageMode(payload);
   }
@@ -14085,6 +14367,9 @@ class CommandAdapt {
   setLocale(payload) {
     this.i18n.setLocale(payload);
   }
+  getLocale() {
+    return this.i18n.getLocale();
+  }
   getCatalog() {
     return this.workerManager.getCatalog();
   }
@@ -14146,6 +14431,43 @@ class CommandAdapt {
       footer: getElementList(footer)
     });
   }
+  setGroup() {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return null;
+    return this.draw.getGroup().setGroup();
+  }
+  deleteGroup(groupId) {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
+    this.draw.getGroup().deleteGroup(groupId);
+  }
+  getGroupIds() {
+    return this.draw.getWorkerManager().getGroupIds();
+  }
+  locationGroup(groupId) {
+    const elementList = this.draw.getOriginalMainElementList();
+    const context = this.draw.getGroup().getContextByGroupId(elementList, groupId);
+    if (!context)
+      return;
+    const { isTable, index: index2, trIndex, tdIndex, tdId, trId, tableId, endIndex } = context;
+    this.position.setPositionContext({
+      isTable,
+      index: index2,
+      trIndex,
+      tdIndex,
+      tdId,
+      trId,
+      tableId
+    });
+    this.range.setRange(endIndex, endIndex);
+    this.draw.render({
+      curIndex: endIndex,
+      isCompute: false,
+      isSubmitHistory: false
+    });
+  }
 }
 class Listener {
   constructor() {
@@ -14595,6 +14917,7 @@ class ContextMenu {
     const elementList = this.draw.getElementList();
     const startElement = elementList[startIndex] || null;
     const endElement = elementList[endIndex] || null;
+    const zone = this.draw.getZone().getZone();
     return {
       startElement,
       endElement,
@@ -14602,7 +14925,8 @@ class ContextMenu {
       editorHasSelection,
       editorTextFocus,
       isInTable,
-      isCrossRowCol
+      isCrossRowCol,
+      zone
     };
   }
   _createContextMenuContainer() {
@@ -15015,6 +15339,13 @@ class EventBus {
     return !!eventSet && eventSet.size > 0;
   }
 }
+const defaultGroupOption = {
+  opacity: 0.1,
+  backgroundColor: "#E99D00",
+  activeOpacity: 0.5,
+  activeBackgroundColor: "#E99D00",
+  disabled: false
+};
 class Editor {
   constructor(container, data2, options = {}) {
     __publicField(this, "command");
@@ -15032,6 +15363,7 @@ class Editor {
     const cursorOptions = __spreadValues(__spreadValues({}, defaultCursorOption), options.cursor);
     const titleOptions = __spreadValues(__spreadValues({}, defaultTitleOption), options.title);
     const placeholderOptions = __spreadValues(__spreadValues({}, defaultPlaceholderOption), options.placeholder);
+    const groupOptions = __spreadValues(__spreadValues({}, defaultGroupOption), options.group);
     const editorOptions = __spreadProps(__spreadValues({
       mode: EditorMode.EDIT,
       defaultType: "TEXT",
@@ -15080,7 +15412,8 @@ class Editor {
       checkbox: checkboxOptions,
       cursor: cursorOptions,
       title: titleOptions,
-      placeholder: placeholderOptions
+      placeholder: placeholderOptions,
+      group: groupOptions
     });
     let headerElementList = [];
     let mainElementList = [];