@hufe921/canvas-editor 0.9.47 → 0.9.49

package/CHANGELOG.md

@@ -1,3 +1,40 @@
+## [0.9.49](https://github.com/Hufe921/canvas-editor/compare/v0.9.48...v0.9.49) (2023-09-16)
+
+
+### Bug Fixes
+
+* control minimum width when scaling ([05ddc2d](https://github.com/Hufe921/canvas-editor/commit/05ddc2db290e58a4ec0fb1b00ad5d64ce7f4cf3a))
+* draw text element letter space error #282 ([c35f8ab](https://github.com/Hufe921/canvas-editor/commit/c35f8ab82c57849269a09fbad9d54d5085065d22)), closes [#282](https://github.com/Hufe921/canvas-editor/issues/282)
+* omitObject function missing reference ([c45317e](https://github.com/Hufe921/canvas-editor/commit/c45317eced93e3d79129aea24776a8629d058050))
+
+
+### Features
+
+* add set and get control value api #278 ([f754741](https://github.com/Hufe921/canvas-editor/commit/f754741f32de6c5d5c27d15dfc9fc31e284d29dc)), closes [#278](https://github.com/Hufe921/canvas-editor/issues/278)
+* text element width #277 ([bb64626](https://github.com/Hufe921/canvas-editor/commit/bb646266b10897c3097ada5932f9b7cef317aebe)), closes [#277](https://github.com/Hufe921/canvas-editor/issues/277)
+
+
+### Performance Improvements
+
+* adjusted the tab draw in the list style #283 ([fc0fdb2](https://github.com/Hufe921/canvas-editor/commit/fc0fdb2fe36966e3b8a51107d9929ca137e5681c)), closes [#283](https://github.com/Hufe921/canvas-editor/issues/283)
+
+
+
+## [0.9.48](https://github.com/Hufe921/canvas-editor/compare/v0.9.47...v0.9.48) (2023-09-09)
+
+
+### Bug Fixes
+
+* control minimum width boundary ([05caccc](https://github.com/Hufe921/canvas-editor/commit/05caccc74c7d723f4ac357d161acf45364368f4b))
+
+
+### Features
+
+* add control minimum width option ([4b2bbfb](https://github.com/Hufe921/canvas-editor/commit/4b2bbfbe9a9bfe0fcad276dc16eb01b7015e6205))
+* custom letter class #279 ([de76977](https://github.com/Hufe921/canvas-editor/commit/de769778c04266ed08c5721a01670cdbf0992d2b)), closes [#279](https://github.com/Hufe921/canvas-editor/issues/279)
+
+
+
 ## [0.9.47](https://github.com/Hufe921/canvas-editor/compare/v0.9.46...v0.9.47) (2023-09-02)
 
 

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.47";
+const version = "0.9.49";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -60,6 +60,18 @@ const maxHeightRadioMapping = {
   [MaxHeightRatio.ONE_THIRD]: 1 / 3,
   [MaxHeightRatio.QUARTER]: 1 / 4
 };
+const LETTER_CLASS = {
+  ENGLISH: "A-Za-z",
+  SPANISH: "A-Za-z\xC1\xC9\xCD\xD3\xDA\xE1\xE9\xED\xF3\xFA\xD1\xF1\xDC\xFC",
+  FRENCH: "A-Za-z\xC0\xC2\xC7\xE0\xE2\xE7\xC9\xE9\xC8\xE8\xCA\xEA\xCB\xEB\xCE\xEE\xCF\xEF\xD4\xF4\xD9\xF9\xDB\xFB\u0178\xFF",
+  GERMAN: "A-Za-z\xC4\xE4\xD6\xF6\xDC\xFC\xDF",
+  RUSSIAN: "\u0410-\u042F\u0430-\u044F\u0401\u0451",
+  PORTUGUESE: "A-Za-z\xC1\xC9\xCD\xD3\xDA\xE1\xE9\xED\xF3\xFA\xC3\xD5\xE3\xF5\xC7\xE7",
+  ITALIAN: "A-Za-z\xC0\xE0\xC8\xE8\xC9\xE9\xCC\xEC\xCD\xED\xCE\xEE\xD3\xF3\xD2\xF2\xD9\xF9",
+  DUTCH: "A-Za-z\xC0\xE0\xC1\xE1\xC2\xE2\xC4\xE4\xC8\xE8\xC9\xE9\xCA\xEA\xCB\xEB\xCC\xEC\xCD\xED\xCE\xEE\xCF\xEF\xD3\xF3\xD2\xF2\xD4\xF4\xD6\xF6\xD9\xF9\xDB\xFB\xDC\xFC",
+  SWEDISH: "A-Za-z\xC5\xE5\xC4\xE4\xD6\xF6",
+  GREEK: "\u0391\u03B1\u0392\u03B2\u0393\u03B3\u0394\u03B4\u0395\u03B5\u0396\u03B6\u0397\u03B7\u0398\u03B8\u0399\u03B9\u039A\u03BA\u039B\u03BB\u039C\u03BC\u039D\u03BD\u039E\u03BE\u039F\u03BF\u03A0\u03C0\u03A1\u03C1\u03A3\u03C3\u03C2\u03A4\u03C4\u03A5\u03C5\u03A6\u03C6\u03A7\u03C7\u03A8\u03C8\u03A9\u03C9"
+};
 var RowFlex;
 (function(RowFlex2) {
   RowFlex2["LEFT"] = "left";
@@ -67,9 +79,7 @@ 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");
@@ -247,14 +257,14 @@ function cloneProperty(properties, sourceElement, targetElement) {
     }
   }
 }
-function omitObject(object, keys) {
-  const cloneObject = deepClone(object);
+function omitObject(object, omitKeys) {
+  const newObject = {};
   for (const key in object) {
-    if (keys.includes(key)) {
-      delete cloneObject[key];
+    if (!omitKeys.includes(key)) {
+      newObject[key] = object[key];
     }
   }
-  return cloneObject;
+  return newObject;
 }
 function convertStringToBase64(input2) {
   const encoder = new TextEncoder();
@@ -4909,10 +4919,10 @@ class CheckboxControl {
   setValue() {
     return -1;
   }
-  setSelect() {
+  setSelect(context = {}) {
     const { control } = this.element;
-    const elementList = this.control.getElementList();
-    const { startIndex } = this.control.getRange();
+    const elementList = context.elementList || this.control.getElementList();
+    const { startIndex } = context.range || this.control.getRange();
     const startElement = elementList[startIndex];
     const data2 = [];
     let preIndex = startIndex;
@@ -5750,6 +5760,7 @@ function drop(evt, host) {
 }
 function dblclick(host, evt) {
   const draw = host.getDraw();
+  const LETTER_REG = draw.getLetterReg();
   const position = draw.getPosition();
   if (draw.getIsPagingMode()) {
     const positionContext = position.getPositionByXY({
@@ -6317,6 +6328,9 @@ class Position {
         const element = curRow.elementList[j];
         const metrics = element.metrics;
         const offsetY = element.imgDisplay !== ImageDisplay.INLINE && element.type === ElementType.IMAGE || element.type === ElementType.LATEX ? curRow.ascent - metrics.height : curRow.ascent;
+        if (element.left) {
+          x += element.left;
+        }
         const positionItem = {
           pageNo,
           index: index2,
@@ -6324,6 +6338,7 @@ class Position {
           rowIndex: startRowIndex + i,
           rowNo: i,
           metrics,
+          left: element.left || 0,
           ascent: offsetY,
           lineHeight: curRow.height,
           isFirstLetter: j === 0,
@@ -6437,10 +6452,10 @@ class Position {
     const isMainActive = zoneManager.isMainActive();
     const positionNo = isMainActive ? curPageNo : 0;
     for (let j = 0; j < positionList.length; j++) {
-      const { index: index2, pageNo, isFirstLetter, coordinate: { leftTop, rightTop, leftBottom } } = positionList[j];
+      const { index: index2, pageNo, left, isFirstLetter, coordinate: { leftTop, rightTop, leftBottom } } = positionList[j];
       if (positionNo !== pageNo)
         continue;
-      if (leftTop[0] <= x && rightTop[0] >= x && leftTop[1] <= y && leftBottom[1] >= y) {
+      if (leftTop[0] - left <= x && rightTop[0] >= x && leftTop[1] <= y && leftBottom[1] >= y) {
         let curPositionIndex2 = j;
         const element = elementList[j];
         if (element.type === ElementType.TABLE) {
@@ -6880,7 +6895,10 @@ class RangeManager {
     const size = curElement.size || this.options.defaultSize;
     const bold = !~curElementList.findIndex((el) => !el.bold);
     const italic = !~curElementList.findIndex((el) => !el.italic);
-    const underline = !~curElementList.findIndex((el) => !el.underline);
+    const underline = !~curElementList.findIndex((el) => {
+      var _a;
+      return !el.underline && !((_a = el.control) == null ? void 0 : _a.underline);
+    });
     const strikeout = !~curElementList.findIndex((el) => !el.strikeout);
     const color = curElement.color || null;
     const highlight = curElement.highlight || null;
@@ -7074,6 +7092,7 @@ class AbstractRichText {
     if (!isFirstRecord && this.fillColor && this.fillColor !== color) {
       this.render(ctx);
       this.clearFillInfo();
+      this.recordFillInfo(ctx, x, y, width, height, color);
       return;
     }
     if (isFirstRecord) {
@@ -7437,6 +7456,7 @@ class Underline extends AbstractRichText {
 }
 class TextParticle {
   constructor(draw) {
+    __publicField(this, "draw");
     __publicField(this, "ctx");
     __publicField(this, "curX");
     __publicField(this, "curY");
@@ -7444,6 +7464,7 @@ class TextParticle {
     __publicField(this, "curStyle");
     __publicField(this, "curColor");
     __publicField(this, "cacheMeasureText");
+    this.draw = draw;
     this.ctx = draw.getCtx();
     this.curX = -1;
     this.curY = -1;
@@ -7452,6 +7473,7 @@ class TextParticle {
     this.cacheMeasureText = new Map();
   }
   measureWord(ctx, elementList, curIndex) {
+    const LETTER_REG = this.draw.getLetterReg();
     let width = 0;
     let endElement = elementList[curIndex];
     let i = curIndex;
@@ -7475,6 +7497,18 @@ class TextParticle {
     return this.measureText(ctx, element).width;
   }
   measureText(ctx, element) {
+    if (element.width) {
+      const textMetrics2 = ctx.measureText(element.value);
+      return {
+        width: element.width,
+        actualBoundingBoxAscent: textMetrics2.actualBoundingBoxAscent,
+        actualBoundingBoxDescent: textMetrics2.actualBoundingBoxDescent,
+        actualBoundingBoxLeft: textMetrics2.actualBoundingBoxLeft,
+        actualBoundingBoxRight: textMetrics2.actualBoundingBoxRight,
+        fontBoundingBoxAscent: textMetrics2.fontBoundingBoxAscent,
+        fontBoundingBoxDescent: textMetrics2.fontBoundingBoxDescent
+      };
+    }
     const id = `${element.value}${ctx.font}`;
     const cacheTextMetrics = this.cacheMeasureText.get(id);
     if (cacheTextMetrics) {
@@ -8640,9 +8674,9 @@ class SelectControl {
     }
     return this.clearSelect();
   }
-  clearSelect() {
-    const elementList = this.control.getElementList();
-    const { startIndex } = this.control.getRange();
+  clearSelect(context = {}) {
+    const elementList = context.elementList || this.control.getElementList();
+    const { startIndex } = context.range || this.control.getRange();
     const startElement = elementList[startIndex];
     let leftIndex = -1;
     let rightIndex = -1;
@@ -8672,7 +8706,7 @@ class SelectControl {
     this.element.control.code = null;
     return preIndex;
   }
-  setSelect(code) {
+  setSelect(code, context = {}) {
     const control = this.element.control;
     const valueSets = control.valueSets;
     if (!Array.isArray(valueSets) || !valueSets.length)
@@ -8680,9 +8714,9 @@ class SelectControl {
     const valueSet = valueSets.find((v) => v.code === code);
     if (!valueSet)
       return;
-    const startIndex = this.clearSelect();
+    const startIndex = this.clearSelect(context);
     this.control.removePlaceholder(startIndex);
-    const elementList = this.control.getElementList();
+    const elementList = context.elementList || this.control.getElementList();
     const startElement = elementList[startIndex];
     const anchorElement = startElement.controlComponent === ControlComponent.PREFIX ? omitObject(startElement, EDITOR_ELEMENT_STYLE_ATTR) : startElement;
     const start = startIndex + 1;
@@ -8696,10 +8730,12 @@ class SelectControl {
       formatElementContext(elementList, [newElement], startIndex);
       draw.spliceElementList(elementList, start + i, 0, newElement);
     }
-    const newIndex = start + data2.length - 1;
-    this.control.repaintControl(newIndex);
     this.element.control.code = code;
-    this.destroy();
+    if (!context.range) {
+      const newIndex = start + data2.length - 1;
+      this.control.repaintControl(newIndex);
+      this.destroy();
+    }
   }
   _createSelectPopupDom() {
     const control = this.element.control;
@@ -8794,9 +8830,9 @@ class TextControl {
     }
     return data2;
   }
-  setValue(data2) {
-    const elementList = this.control.getElementList();
-    const range = this.control.getRange();
+  setValue(data2, context = {}) {
+    const elementList = context.elementList || this.control.getElementList();
+    const range = context.range || this.control.getRange();
     this.control.shrinkBoundary();
     const { startIndex, endIndex } = range;
     const draw = this.control.getDraw();
@@ -8817,6 +8853,17 @@ class TextControl {
     }
     return start + data2.length - 1;
   }
+  clearValue(context = {}) {
+    const elementList = context.elementList || this.control.getElementList();
+    const range = context.range || this.control.getRange();
+    const { startIndex, endIndex } = range;
+    this.control.getDraw().spliceElementList(elementList, startIndex + 1, endIndex - startIndex);
+    const value = this.getValue();
+    if (!value.length) {
+      this.control.addPlaceholder(startIndex);
+    }
+    return startIndex;
+  }
   keydown(evt) {
     const elementList = this.control.getElementList();
     const range = this.control.getRange();
@@ -8907,8 +8954,10 @@ class Control {
     const editorDataKeys = ["header", "main", "footer"];
     editorDataKeys.forEach((key) => {
       payload[key] = payload[key].filter((element) => {
-        if (element.type !== ElementType.CONTROL)
+        var _a;
+        if (element.type !== ElementType.CONTROL || ((_a = element.control) == null ? void 0 : _a.minWidth)) {
           return true;
+        }
         return element.controlComponent !== ControlComponent.PREFIX && element.controlComponent !== ControlComponent.POSTFIX && element.controlComponent !== ControlComponent.PLACEHOLDER;
       });
     });
@@ -9193,6 +9242,135 @@ class Control {
     }
     return this.activeControl.cut();
   }
+  getValueByConceptId(payload) {
+    var _a;
+    const { conceptId } = payload;
+    const elementList = [
+      ...this.draw.getHeaderElementList(),
+      ...this.draw.getOriginalMainElementList(),
+      ...this.draw.getFooterElementList()
+    ];
+    const result = [];
+    let i = 0;
+    while (i < elementList.length) {
+      const element = elementList[i];
+      i++;
+      if (((_a = element == null ? void 0 : element.control) == null ? void 0 : _a.conceptId) !== conceptId)
+        continue;
+      const { type, code, valueSets } = element.control;
+      let j = i;
+      let textControlValue = "";
+      while (j < elementList.length) {
+        const nextElement = elementList[j];
+        if (nextElement.controlId !== element.controlId)
+          break;
+        if (type === ControlType.TEXT && nextElement.controlComponent === ControlComponent.VALUE) {
+          textControlValue += nextElement.value;
+        }
+        j++;
+      }
+      if (type === ControlType.TEXT) {
+        result.push({
+          value: textControlValue || null,
+          innerText: textControlValue || null
+        });
+      } else if (type === ControlType.SELECT || type === ControlType.CHECKBOX) {
+        const innerText = code == null ? void 0 : code.split(",").map((selectCode) => {
+          var _a2;
+          return (_a2 = valueSets == null ? void 0 : valueSets.find((valueSet) => valueSet.code === selectCode)) == null ? void 0 : _a2.value;
+        }).filter(Boolean).join("");
+        result.push({
+          value: code || null,
+          innerText: innerText || null
+        });
+      }
+      i = j;
+    }
+    return result;
+  }
+  setValueByConceptId(payload) {
+    var _a;
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
+    let isExistSet = false;
+    const { conceptId, value } = payload;
+    const data2 = [
+      this.draw.getHeaderElementList(),
+      this.draw.getOriginalMainElementList(),
+      this.draw.getFooterElementList()
+    ];
+    for (const elementList of data2) {
+      let i = 0;
+      while (i < elementList.length) {
+        const element = elementList[i];
+        i++;
+        if (((_a = element == null ? void 0 : element.control) == null ? void 0 : _a.conceptId) !== conceptId)
+          continue;
+        isExistSet = true;
+        const { type } = element.control;
+        let currentEndIndex = i;
+        while (currentEndIndex < elementList.length) {
+          const nextElement = elementList[currentEndIndex];
+          if (nextElement.controlId !== element.controlId)
+            break;
+          currentEndIndex++;
+        }
+        const fakeRange = {
+          startIndex: i - 1,
+          endIndex: currentEndIndex - 2
+        };
+        const controlContext = {
+          range: fakeRange,
+          elementList
+        };
+        if (type === ControlType.TEXT) {
+          const formatValue = [{ value }];
+          formatElementList(formatValue, {
+            isHandleFirstElement: false,
+            editorOptions: this.draw.getOptions()
+          });
+          const text = new TextControl(element, this);
+          if (value) {
+            text.setValue(formatValue, controlContext);
+          } else {
+            text.clearValue(controlContext);
+          }
+        } else if (type === ControlType.SELECT) {
+          const select = new SelectControl(element, this);
+          if (value) {
+            select.setSelect(value, controlContext);
+          } else {
+            select.clearSelect(controlContext);
+          }
+        } else if (type === ControlType.CHECKBOX) {
+          const checkbox = new CheckboxControl(element, this);
+          const checkboxElementList = elementList.slice(fakeRange.startIndex + 1, fakeRange.endIndex + 1);
+          const codes = (value == null ? void 0 : value.split(",")) || [];
+          for (const checkElement of checkboxElementList) {
+            if (checkElement.controlComponent === ControlComponent.CHECKBOX) {
+              const checkboxItem = checkElement.checkbox;
+              checkboxItem.value = codes.includes(checkboxItem.code);
+            }
+          }
+          checkbox.setSelect(controlContext);
+        }
+        let newEndIndex = i;
+        while (newEndIndex < elementList.length) {
+          const nextElement = elementList[newEndIndex];
+          if (nextElement.controlId !== element.controlId)
+            break;
+          newEndIndex++;
+        }
+        i = newEndIndex;
+      }
+    }
+    if (isExistSet) {
+      this.draw.render({
+        isSetCursor: false
+      });
+    }
+  }
 }
 class CheckboxParticle {
   constructor(draw) {
@@ -10816,6 +10994,14 @@ class ListParticle {
     const startElement = elementList[0];
     if (startElement.value !== ZERO || startElement.listWrap)
       return;
+    let tabWidth = 0;
+    const { defaultTabWidth, scale, defaultFont, defaultSize } = this.options;
+    for (let i = 1; i < elementList.length; i++) {
+      const element = elementList[i];
+      if ((element == null ? void 0 : element.type) !== ElementType.TAB)
+        break;
+      tabWidth += defaultTabWidth * scale;
+    }
     let text = "";
     if (startElement.listType === ListType.UL) {
       text = ulStyleMapping[startElement.listStyle] || ulStyleMapping[UlStyle.DISC];
@@ -10825,9 +11011,8 @@ class ListParticle {
     if (!text)
       return;
     const { coordinate: { leftTop: [startX, startY] } } = position;
-    const x = startX - offsetX;
+    const x = startX - offsetX + tabWidth;
     const y = startY + ascent;
-    const { defaultFont, defaultSize, scale } = this.options;
     ctx.save();
     ctx.font = `${defaultSize * scale}px ${defaultFont}`;
     ctx.fillText(text, x, y);
@@ -11125,6 +11310,8 @@ class Draw {
     __publicField(this, "scrollObserver");
     __publicField(this, "selectionObserver");
     __publicField(this, "imageObserver");
+    __publicField(this, "LETTER_REG");
+    __publicField(this, "WORD_LIKE_REG");
     __publicField(this, "rowList");
     __publicField(this, "pageRowList");
     __publicField(this, "painterStyle");
@@ -11189,6 +11376,9 @@ class Draw {
     this.globalEvent = new GlobalEvent(this, this.canvasEvent);
     this.globalEvent.register();
     this.workerManager = new WorkerManager(this);
+    const { letterClass } = options;
+    this.LETTER_REG = new RegExp(`[${letterClass.join("")}]`);
+    this.WORD_LIKE_REG = new RegExp(`${letterClass.map((letter) => `[^${letter}][${letter}]`).join("|")}`);
     this.rowList = [];
     this.pageRowList = [];
     this.painterStyle = null;
@@ -11202,6 +11392,9 @@ class Draw {
       isSetCursor: false
     });
   }
+  getLetterReg() {
+    return this.LETTER_REG;
+  }
   getMode() {
     return this.mode;
   }
@@ -11837,7 +12030,7 @@ class Draw {
     return `${el.italic ? "italic " : ""}${el.bold ? "bold " : ""}${size * scale}px ${font}`;
   }
   computeRowList(innerWidth, elementList) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const { defaultSize, defaultRowMargin, scale, tdPadding, defaultTabWidth } = this.options;
     const defaultBasicRowMarginHeight = this.getDefaultBasicRowMarginHeight();
     const canvas = document.createElement("canvas");
@@ -11856,6 +12049,7 @@ class Draw {
     }
     let listId;
     let listIndex = 0;
+    let controlRealWidth = 0;
     for (let i = 0; i < elementList.length; i++) {
       const curRow = rowList[rowList.length - 1];
       const element = elementList[i];
@@ -12062,13 +12256,30 @@ class Draw {
         metrics,
         style: this._getFont(element, scale)
       });
+      if ((_d = rowElement.control) == null ? void 0 : _d.minWidth) {
+        if (rowElement.controlComponent) {
+          controlRealWidth += metrics.width;
+        }
+        if (rowElement.controlComponent === ControlComponent.POSTFIX) {
+          const extraWidth = rowElement.control.minWidth - controlRealWidth;
+          if (extraWidth > 0) {
+            const rowRemainingWidth = availableWidth - curRow.width - metrics.width;
+            const left = Math.min(rowRemainingWidth, extraWidth) * scale;
+            rowElement.left = left;
+            curRow.width += left;
+          } else {
+            rowElement.left = 0;
+          }
+          controlRealWidth = 0;
+        }
+      }
       const preElement = elementList[i - 1];
       let nextElement = elementList[i + 1];
       let curRowWidth = curRow.width + metrics.width;
       if (this.options.wordBreak === WordBreak.BREAK_WORD) {
         if ((!(preElement == null ? void 0 : preElement.type) || (preElement == null ? void 0 : preElement.type) === ElementType.TEXT) && (!element.type || element.type === ElementType.TEXT)) {
           const word = `${(preElement == null ? void 0 : preElement.value) || ""}${element.value}`;
-          if (WORD_LIKE_REG.test(word)) {
+          if (this.WORD_LIKE_REG.test(word)) {
             const { width, endElement } = this.textParticle.measureWord(ctx, elementList, i);
             curRowWidth += width;
             nextElement = endElement;
@@ -12102,7 +12313,7 @@ class Draw {
           startIndex: i,
           elementList: [rowElement],
           ascent,
-          rowFlex: (_d = elementList[i + 1]) == null ? void 0 : _d.rowFlex,
+          rowFlex: (_e = elementList[i + 1]) == null ? void 0 : _e.rowFlex,
           isPageBreak: element.type === ElementType.PAGE_BREAK
         };
         if (element.listId) {
@@ -12167,6 +12378,7 @@ class Draw {
     this.textParticle.complete();
   }
   drawRow(ctx, payload) {
+    var _a, _b;
     const { rowList, pageNo, elementList, positionList, startIndex, zone } = payload;
     const isPrintMode = this.mode === EditorMode.PRINT;
     const { scale, tdPadding, defaultBasicRowMarginHeight, defaultRowMargin, group: group2 } = this.options;
@@ -12238,11 +12450,16 @@ class Draw {
           this.blockParticle.render(pageNo, element, x, y);
         } else {
           this.textParticle.record(ctx, element, x, y + offsetY);
+          if (element.width || element.letterSpacing) {
+            this.textParticle.complete();
+          }
         }
-        if (element.underline) {
+        if (element.underline || ((_a = element.control) == null ? void 0 : _a.underline)) {
           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) {
+          const left = element.left || 0;
+          const color = element.controlComponent === ControlComponent.PLACEHOLDER ? void 0 : element.color;
+          this.underline.recordFillInfo(ctx, x - left, y + curRow.height - rowMargin, metrics.width + left, 0, color);
+        } else if ((preElement == null ? void 0 : preElement.underline) || ((_b = preElement == null ? void 0 : preElement.control) == null ? void 0 : _b.underline)) {
           this.underline.render(ctx);
         }
         if (element.strikeout) {
@@ -12594,6 +12811,7 @@ class Command {
     __publicField(this, "executeSetGroup");
     __publicField(this, "executeDeleteGroup");
     __publicField(this, "executeLocationGroup");
+    __publicField(this, "executeSetControlValue");
     __publicField(this, "getCatalog");
     __publicField(this, "getImage");
     __publicField(this, "getOptions");
@@ -12609,6 +12827,7 @@ class Command {
     __publicField(this, "getSearchNavigateInfo");
     __publicField(this, "getLocale");
     __publicField(this, "getGroupIds");
+    __publicField(this, "getControlValue");
     this.executeMode = adapt.mode.bind(adapt);
     this.executeCut = adapt.cut.bind(adapt);
     this.executeCopy = adapt.copy.bind(adapt);
@@ -12703,6 +12922,8 @@ class Command {
     this.getSearchNavigateInfo = adapt.getSearchNavigateInfo.bind(adapt);
     this.getLocale = adapt.getLocale.bind(adapt);
     this.getGroupIds = adapt.getGroupIds.bind(adapt);
+    this.executeSetControlValue = adapt.setControlValue.bind(adapt);
+    this.getControlValue = adapt.getControlValue.bind(adapt);
   }
 }
 const defaultWatermarkOption = {
@@ -14537,6 +14758,15 @@ class CommandAdapt {
       isSubmitHistory: false
     });
   }
+  getControlValue(payload) {
+    return this.draw.getControl().getValueByConceptId(payload);
+  }
+  setControlValue(payload) {
+    const isReadonly = this.draw.isReadonly();
+    if (isReadonly)
+      return;
+    this.draw.getControl().setValueByConceptId(payload);
+  }
 }
 class Listener {
   constructor() {
@@ -15515,7 +15745,8 @@ class Editor {
       historyMaxRecordCount: 100,
       wordBreak: WordBreak.BREAK_WORD,
       printPixelRatio: 3,
-      maskMargin: [0, 0, 0, 0]
+      maskMargin: [0, 0, 0, 0],
+      letterClass: [LETTER_CLASS.ENGLISH]
     }, options), {
       header: headerOptions,
       footer: footerOptions,
@@ -15574,5 +15805,5 @@ class Editor {
     this.use = plugin.use.bind(plugin);
   }
 }
-export { BlockType, Command, ControlType, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, ImageDisplay, KeyMap, ListStyle, ListType, MaxHeightRatio, NumberType, PageMode, PaperDirection, RowFlex, TableBorder, TdBorder, TitleLevel, VerticalAlign, WordBreak, Editor as default };
+export { BlockType, Command, ControlType, EDITOR_COMPONENT, Editor, EditorComponent, EditorMode, EditorZone, ElementType, ImageDisplay, KeyMap, LETTER_CLASS, ListStyle, ListType, MaxHeightRatio, NumberType, PageMode, PaperDirection, RowFlex, TableBorder, TdBorder, TitleLevel, VerticalAlign, WordBreak, Editor as default };
 //# sourceMappingURL=canvas-editor.es.js.map