@formulaxjs/kity-runtime 0.3.0 → 0.5.0

package/dist/index.global.js

@@ -1,9 +1,17 @@
 "use strict";
 var FormulaX = (() => {
+  var __create = Object.create;
   var __defProp = Object.defineProperty;
   var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
   var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getProtoOf = Object.getPrototypeOf;
   var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+  }) : x)(function(x) {
+    if (typeof require !== "undefined") return require.apply(this, arguments);
+    throw Error('Dynamic require of "' + x + '" is not supported');
+  });
   var __esm = (fn, res) => function __init() {
     return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
   };
@@ -19,98 +27,42 @@ var FormulaX = (() => {
     }
     return to;
   };
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+    // If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    mod
+  ));
   var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-  // public/assets/images/toolbar/btn.png
-  var btn_default;
-  var init_btn = __esm({
-    "public/assets/images/toolbar/btn.png"() {
-      btn_default = "./btn-5DANP6JY.png";
-    }
-  });
-
-  // public/assets/images/toolbar/other.png
-  var other_default;
-  var init_other = __esm({
-    "public/assets/images/toolbar/other.png"() {
-      other_default = "./other-OMWJFGL5.png";
-    }
-  });
-
-  // public/assets/styles/editor.css?url
-  var editor_default;
-  var init_editor = __esm({
-    "public/assets/styles/editor.css?url"() {
-      editor_default = "./editor-JT5KLVXX.css?url";
-    }
-  });
-
-  // public/resource/KF_AMS_BB.woff
-  var KF_AMS_BB_default;
-  var init_KF_AMS_BB = __esm({
-    "public/resource/KF_AMS_BB.woff"() {
-      KF_AMS_BB_default = "./KF_AMS_BB-5QF7FUSO.woff";
-    }
-  });
-
-  // public/resource/KF_AMS_CAL.woff
-  var KF_AMS_CAL_default;
-  var init_KF_AMS_CAL = __esm({
-    "public/resource/KF_AMS_CAL.woff"() {
-      KF_AMS_CAL_default = "./KF_AMS_CAL-NXRNLAZN.woff";
-    }
-  });
-
-  // public/resource/KF_AMS_FRAK.woff
-  var KF_AMS_FRAK_default;
-  var init_KF_AMS_FRAK = __esm({
-    "public/resource/KF_AMS_FRAK.woff"() {
-      KF_AMS_FRAK_default = "./KF_AMS_FRAK-CO33WWN4.woff";
-    }
-  });
-
-  // public/resource/KF_AMS_MAIN.woff
-  var KF_AMS_MAIN_default;
-  var init_KF_AMS_MAIN = __esm({
-    "public/resource/KF_AMS_MAIN.woff"() {
-      KF_AMS_MAIN_default = "./KF_AMS_MAIN-25QJVAWY.woff";
-    }
-  });
-
-  // public/resource/KF_AMS_ROMAN.woff
-  var KF_AMS_ROMAN_default;
-  var init_KF_AMS_ROMAN = __esm({
-    "public/resource/KF_AMS_ROMAN.woff"() {
-      KF_AMS_ROMAN_default = "./KF_AMS_ROMAN-243BR7HH.woff";
-    }
-  });
-
   // src/asset-manifest.ts
-  var kityFontAssets, kityToolbarAssets, kityStyleAssets, kityAssetManifest;
+  var import_btn, import_other, import_editor, import_KF_AMS_BB, import_KF_AMS_CAL, import_KF_AMS_FRAK, import_KF_AMS_MAIN, import_KF_AMS_ROMAN, kityFontAssets, kityToolbarAssets, kityStyleAssets, kityAssetManifest;
   var init_asset_manifest = __esm({
     "src/asset-manifest.ts"() {
       "use strict";
-      init_btn();
-      init_other();
-      init_editor();
-      init_KF_AMS_BB();
-      init_KF_AMS_CAL();
-      init_KF_AMS_FRAK();
-      init_KF_AMS_MAIN();
-      init_KF_AMS_ROMAN();
+      import_btn = __toESM(__require("./btn.png"), 1);
+      import_other = __toESM(__require("./other.png"), 1);
+      import_editor = __toESM(__require("./editor.css?url"), 1);
+      import_KF_AMS_BB = __toESM(__require("./KF_AMS_BB.woff"), 1);
+      import_KF_AMS_CAL = __toESM(__require("./KF_AMS_CAL.woff"), 1);
+      import_KF_AMS_FRAK = __toESM(__require("./KF_AMS_FRAK.woff"), 1);
+      import_KF_AMS_MAIN = __toESM(__require("./KF_AMS_MAIN.woff"), 1);
+      import_KF_AMS_ROMAN = __toESM(__require("./KF_AMS_ROMAN.woff"), 1);
       kityFontAssets = {
-        KF_AMS_BB: KF_AMS_BB_default,
-        KF_AMS_CAL: KF_AMS_CAL_default,
-        KF_AMS_FRAK: KF_AMS_FRAK_default,
-        KF_AMS_MAIN: KF_AMS_MAIN_default,
-        KF_AMS_ROMAN: KF_AMS_ROMAN_default
+        KF_AMS_BB: import_KF_AMS_BB.default,
+        KF_AMS_CAL: import_KF_AMS_CAL.default,
+        KF_AMS_FRAK: import_KF_AMS_FRAK.default,
+        KF_AMS_MAIN: import_KF_AMS_MAIN.default,
+        KF_AMS_ROMAN: import_KF_AMS_ROMAN.default
       };
       kityToolbarAssets = {
-        btn: btn_default,
-        other: other_default
+        btn: import_btn.default,
+        other: import_other.default
       };
       kityStyleAssets = {
-        editor: editor_default
+        editor: import_editor.default
       };
       kityAssetManifest = {
         fonts: kityFontAssets,
@@ -5072,6 +5024,87 @@ var FormulaX = (() => {
     }
   });
 
+  // src/i18n.ts
+  function normalizeFormulaXLocale(locale) {
+    if (locale === "zh_CN") {
+      return "zh_CN";
+    }
+    return DEFAULT_FORMULAX_LOCALE;
+  }
+  function translateFormulaXText(namespace, value, locale) {
+    if (locale === "zh_CN") {
+      return value;
+    }
+    const normalizedValue = value.replace(/<br\s*\/?>/gi, "").trim();
+    const translatedValue = FORMULAX_TRANSLATIONS[locale]?.[namespace]?.[normalizedValue];
+    if (!translatedValue) {
+      return value;
+    }
+    const lineBreakMatch = value.match(/<br\s*\/?>/i);
+    if (/<br\s*\/?>/i.test(translatedValue)) {
+      return translatedValue;
+    }
+    return lineBreakMatch ? `${translatedValue}${lineBreakMatch[0]}` : translatedValue;
+  }
+  function getFormulaXRuntimeMessage(key, locale = DEFAULT_FORMULAX_LOCALE) {
+    const normalizedLocale = normalizeFormulaXLocale(locale);
+    return FORMULAX_RUNTIME_MESSAGES[normalizedLocale][key] ?? FORMULAX_RUNTIME_MESSAGES[DEFAULT_FORMULAX_LOCALE][key];
+  }
+  var FORMULAX_LOCALES, DEFAULT_FORMULAX_LOCALE, FORMULAX_TRANSLATIONS, FORMULAX_RUNTIME_MESSAGES;
+  var init_i18n = __esm({
+    "src/i18n.ts"() {
+      "use strict";
+      FORMULAX_LOCALES = ["en_US", "zh_CN"];
+      DEFAULT_FORMULAX_LOCALE = "en_US";
+      FORMULAX_TRANSLATIONS = {
+        en_US: {
+          toolbar: {
+            \u9884\u8BBE: "Presets",
+            \u9884\u8BBE\u516C\u5F0F: "Presets",
+            \u4E8C\u6B21\u516C\u5F0F: "Quadratic",
+            \u4E8C\u9879\u5F0F\u5B9A\u7406: "Binomial",
+            \u52FE\u80A1\u5B9A\u7406: "Pythagorean",
+            \u57FA\u7840\u6570\u5B66: "Basic math",
+            \u5E0C\u814A\u5B57\u6BCD: "Greek",
+            \u6C42\u53CD\u5173\u7CFB\u8FD0\u7B97\u7B26: "Negated operators",
+            \u5B57\u6BCD\u7C7B\u7B26\u53F7: "Letter symbols",
+            \u7BAD\u5934: "Arrows",
+            \u624B\u5199\u4F53: "Script",
+            \u5206\u6570: "Fraction",
+            \u5E38\u7528\u5206\u6570: "Common fractions",
+            \u4E0A\u4E0B\u6807: "Scripts",
+            \u4E0A\u6807\u548C\u4E0B\u6807: "Super/subscripts",
+            \u5E38\u7528\u7684\u4E0A\u6807\u548C\u4E0B\u6807: "Common super/subscripts",
+            \u6839\u5F0F: "Radicals",
+            \u5E38\u7528\u6839\u5F0F: "Common radicals",
+            \u79EF\u5206: "Integrals",
+            \u5927\u578B\u8FD0\u7B97\u7B26: "Large<br/>ops",
+            \u6C42\u548C: "Summations",
+            \u62EC\u53F7: "Brackets",
+            \u65B9\u62EC\u53F7: "Brackets",
+            \u51FD\u6570: "Functions",
+            \u4E09\u89D2\u51FD\u6570: "Trig functions",
+            \u5E38\u7528\u51FD\u6570: "Common functions",
+            \u5C0F\u5199: "Lowercase",
+            \u5927\u5199: "Uppercase",
+            \u53D8\u4F53: "Variants",
+            \u82B1\u4F53: "Fraktur",
+            \u53CC\u7EBF: "Double-struck",
+            \u7F57\u9A6C: "Roman"
+          }
+        }
+      };
+      FORMULAX_RUNTIME_MESSAGES = {
+        en_US: {
+          "editor.placeholder.root": "Type formula here"
+        },
+        zh_CN: {
+          "editor.placeholder.root": "\u8BF7\u8F93\u5165\u516C\u5F0F"
+        }
+      };
+    }
+  });
+
   // src/vendor/kity-formula/binary-expression.ts
   var BinaryExpressionModule, createBinaryExpressionClass;
   var init_binary_expression = __esm({
@@ -5936,15 +5969,13 @@ var FormulaX = (() => {
   });
 
   // src/vendor/kity-formula/font-installer.ts
-  var MAIN_FONT_FAMILY, FontInstallerModule, createFontInstallerClass;
+  var FontInstallerModule, createFontInstallerClass;
   var init_font_installer = __esm({
     "src/vendor/kity-formula/font-installer.ts"() {
       "use strict";
-      MAIN_FONT_FAMILY = "KF AMS MAIN";
       FontInstallerModule = class {
         static create(kity26, FontManager, fontConfig, checkerTemplate) {
           let nodeList = [];
-          let checkerNode = null;
           return kity26.createClass("FontInstaller", {
             constructor: function(doc, resource) {
               const normalized = typeof resource === "string" ? { path: resource } : resource ?? {};
@@ -5954,26 +5985,22 @@ var FormulaX = (() => {
             },
             mount: function(callback) {
               const fontList = FontManager.getFontList();
+              let count = 0;
               kity26.Utils.each(fontList, (fontInfo) => {
+                count += 1;
                 fontInfo.meta.src = resolveFontSource(this.fonts, this.resource, fontInfo.meta.src);
                 this.createFontStyle(fontInfo);
-                if (fontInfo.meta.fontFamily === MAIN_FONT_FAMILY) {
-                  checkerNode = createFontCheckerNode(this.doc);
-                  return;
-                }
                 applyFonts(this.doc, fontInfo);
+                count -= 1;
+                if (count === 0) {
+                  complete(this.doc, callback);
+                }
               });
-              complete(this.doc, callback);
             },
             createFontStyle: function(fontInfo) {
-              const styleId = createFontStyleId(fontInfo);
-              if (this.doc.getElementById(styleId)) {
-                return;
-              }
               const stylesheet = this.doc.createElement("style");
               const tpl = '@font-face{\nfont-family: "${fontFamily}";\nsrc: url("${src}");\n}';
               stylesheet.setAttribute("type", "text/css");
-              stylesheet.id = styleId;
               stylesheet.innerHTML = tpl.replace("${fontFamily}", fontInfo.meta.fontFamily).replace("${src}", fontInfo.meta.src);
               this.doc.head.appendChild(stylesheet);
             }
@@ -5990,29 +6017,34 @@ var FormulaX = (() => {
             }
             return resourceBase + originalSrc;
           }
-          function createFontStyleId(fontInfo) {
-            const raw = `${fontInfo.meta.fontFamily}::${fontInfo.meta.src}`;
-            let hash = 0;
-            for (let index = 0; index < raw.length; index += 1) {
-              hash = (hash << 5) - hash + raw.charCodeAt(index) | 0;
-            }
-            return `formulax-kity-font-${Math.abs(hash).toString(36)}`;
-          }
-          function waitForFontsReady(doc) {
+          function waitForFontsReady(doc, fontList) {
             const view = doc.defaultView ?? window;
             if (view.document.fonts) {
-              return view.document.fonts.ready.then(() => void 0);
+              const fontLoadPromises = fontList.map((fontInfo) => {
+                return view.document.fonts.load(`50px "${fontInfo.meta.fontFamily}"`);
+              });
+              return Promise.all(fontLoadPromises).then(() => view.document.fonts.ready).then(() => {
+                return new Promise((resolve) => {
+                  requestAnimationFrame(() => {
+                    requestAnimationFrame(() => {
+                      resolve();
+                    });
+                  });
+                });
+              });
             }
             return Promise.resolve();
           }
           function complete(doc, callback) {
             const view = doc.defaultView ?? window;
-            waitForFontsReady(doc).then(() => {
-              return waitForNextFrames(view, 2);
-            }).then(() => {
-              initFontSystemInfo(doc);
-              removeTmpNode();
-              callback();
+            const fontList = FontManager.getFontList();
+            const fontArray = Object.values(fontList);
+            waitForFontsReady(doc, fontArray).then(() => {
+              view.setTimeout(() => {
+                initFontSystemInfo(doc);
+                removeTmpNode();
+                callback();
+              }, 100);
             }).catch(() => {
               view.setTimeout(() => {
                 initFontSystemInfo(doc);
@@ -6033,37 +6065,12 @@ var FormulaX = (() => {
             doc.body.appendChild(node);
             nodeList.push(node);
           }
-          function createFontCheckerNode(doc) {
-            if (checkerNode) {
-              return checkerNode;
-            }
-            const node = doc.createElement("div");
-            node.style.cssText = "position: absolute; top: 0; left: -100000px;";
-            node.innerHTML = checkerTemplate.join("");
-            doc.body.appendChild(node);
-            checkerNode = node;
-            return node;
-          }
-          function waitForNextFrames(view, frameCount) {
-            if (typeof view.requestAnimationFrame !== "function") {
-              return Promise.resolve();
-            }
-            return new Promise((resolve) => {
-              const step = (remaining) => {
-                if (remaining <= 0) {
-                  resolve();
-                  return;
-                }
-                view.requestAnimationFrame(() => {
-                  step(remaining - 1);
-                });
-              };
-              step(frameCount);
-            });
-          }
           function initFontSystemInfo(doc) {
-            const activeCheckerNode = checkerNode ?? createFontCheckerNode(doc);
-            const rectBox = activeCheckerNode.getElementsByTagName("text")[0].getBBox();
+            const tmpNode = doc.createElement("div");
+            tmpNode.style.cssText = "position: absolute; top: 0; left: -100000px;";
+            tmpNode.innerHTML = checkerTemplate.join("");
+            doc.body.appendChild(tmpNode);
+            const rectBox = tmpNode.getElementsByTagName("text")[0].getBBox();
             fontConfig.spaceHeight = rectBox.height;
             fontConfig.topSpace = -rectBox.y - fontConfig.baseline;
             fontConfig.bottomSpace = fontConfig.spaceHeight - fontConfig.topSpace - fontConfig.baseHeight;
@@ -6072,8 +6079,7 @@ var FormulaX = (() => {
             fontConfig.meanlinePosition = (fontConfig.topSpace + fontConfig.meanline) / fontConfig.spaceHeight;
             fontConfig.ascenderPosition = fontConfig.topSpace / fontConfig.spaceHeight;
             fontConfig.descenderPosition = (fontConfig.topSpace + fontConfig.baseHeight) / fontConfig.spaceHeight;
-            activeCheckerNode.parentNode?.removeChild(activeCheckerNode);
-            checkerNode = null;
+            doc.body.removeChild(tmpNode);
           }
           function removeTmpNode() {
             kity26.Utils.each(nodeList, (node) => {
@@ -6156,11 +6162,11 @@ var FormulaX = (() => {
         bg;
         exp;
         config;
-        constructor(kity26, exp, config2) {
+        constructor(kity26, exp, config) {
           this.wrap = new kity26.Group();
           this.bg = new kity26.Rect(0, 0, 0, 0).fill("transparent");
           this.exp = exp;
-          this.config = config2;
+          this.config = config;
           this.wrap.setAttr("data-type", "kf-exp-wrap");
           this.bg.setAttr("data-type", "kf-exp-wrap-bg");
           this.wrap.addShape(this.bg);
@@ -6189,14 +6195,14 @@ var FormulaX = (() => {
         static create(kity26, GTYPE2, FontManager, FontInstaller, FPaper, Output) {
           const Formula = kity26.createClass("Formula", {
             base: FPaper,
-            constructor: function(container, config2) {
+            constructor: function(container, config) {
               if (this.__FORMULAX_PRESERVE_CALL_BASE__) {
                 this.callBase(container);
               }
               FPaper.call(this, container);
               this.expressions = [];
               this.fontInstaller = new FontInstaller(this);
-              this.config = kity26.Utils.extend({}, DEFAULT_OPTIONS, config2);
+              this.config = kity26.Utils.extend({}, DEFAULT_OPTIONS, config);
               this.initEnvironment();
               this.initInnerFont();
             },
@@ -13661,7 +13667,7 @@ var FormulaX = (() => {
       value: function() {
         const kf7 = window2.kf;
         const CONSTRUCT_MAPPING = {};
-        const CURSOR_CHAR3 = "\uF155";
+        const CURSOR_CHAR4 = "\uF155";
         class Assembly {
           formula;
           constructor(formula) {
@@ -13698,7 +13704,7 @@ var FormulaX = (() => {
           if (tree.name.indexOf("text") === -1) {
             for (let i2 = 0, len = operand.length; i2 < len; i2 += 1) {
               currentOperand = operand[i2];
-              if (currentOperand === CURSOR_CHAR3) {
+              if (currentOperand === CURSOR_CHAR4) {
                 cursorLocation.push(i2);
                 if (!Object.prototype.hasOwnProperty.call(selectInfo, "startOffset")) {
                   selectInfo.startOffset = i2;
@@ -14992,8 +14998,8 @@ var FormulaX = (() => {
     }
     return serviceObject;
   }
-  var defaultOptions, components, kity2, kf, KFEditor, editor_default2;
-  var init_editor2 = __esm({
+  var defaultOptions, components, kity2, kf, KFEditor, editor_default;
+  var init_editor = __esm({
     "src/legacy/editor.ts"() {
       "use strict";
       init_legacy_utils();
@@ -15104,7 +15110,7 @@ var FormulaX = (() => {
           components[name] = component;
         }
       });
-      editor_default2 = KFEditor;
+      editor_default = KFEditor;
     }
   });
 
@@ -15113,13 +15119,13 @@ var FormulaX = (() => {
   var init_factory = __esm({
     "src/legacy/factory.ts"() {
       "use strict";
-      init_editor2();
+      init_editor();
       init_runtime_interop();
       EditorWrapper = class {
         callbacks = [];
         editor;
         constructor(container, options) {
-          this.editor = new editor_default2(container, options);
+          this.editor = new editor_default(container, options);
           this.editor.ready(() => {
             this.trigger();
           });
@@ -16687,6 +16693,7 @@ var FormulaX = (() => {
         to: "\u2192",
         downarrow: "\u2193",
         leftrightarrow: "\u2194",
+        updownarrow: "\u2195",
         therefore: "\u2234",
         because: "\u2235",
         "+": "+",
@@ -16803,7 +16810,7 @@ var FormulaX = (() => {
         Uparrow: "\u21D1",
         Downarrow: "\u21D3",
         Leftrightarrow: "\u21D4",
-        Updownarrow: "\u21F3",
+        Updownarrow: "\u21D5",
         longleftarrow: "\u27F5",
         longrightarrow: "\u27F6",
         longleftrightarrow: "\u27F7",
@@ -16870,6 +16877,26 @@ var FormulaX = (() => {
     }
     Object.keys(list).forEach((key) => callback(list[key], key));
   }
+  function translateToolbarText(value, locale) {
+    return translateFormulaXText("toolbar", value, locale);
+  }
+  function localizeToolbarConfig(value, locale) {
+    if (Array.isArray(value)) {
+      return value.map((item) => localizeToolbarConfig(item, locale));
+    }
+    if (!value || typeof value !== "object") {
+      return value;
+    }
+    const result = {};
+    for (const [key, currentValue] of Object.entries(value)) {
+      if ((key === "label" || key === "title") && typeof currentValue === "string") {
+        result[key] = translateToolbarText(currentValue, locale);
+        continue;
+      }
+      result[key] = localizeToolbarConfig(currentValue, locale);
+    }
+    return result;
+  }
   function getUnicodeContents(keySet) {
     let result = [];
     each(keySet, function(key) {
@@ -16889,7 +16916,13 @@ var FormulaX = (() => {
     });
     return result;
   }
-  var UI_ELE_TYPE, BOX_TYPE2, OTHER_POSITION, config, toolbar_config_default;
+  function createToolbarConfig(locale = DEFAULT_FORMULAX_LOCALE) {
+    return localizeToolbarConfig(
+      baseToolbarConfig,
+      normalizeFormulaXLocale(locale)
+    );
+  }
+  var UI_ELE_TYPE, BOX_TYPE2, OTHER_POSITION, baseToolbarConfig, toolbar_config_default;
   var init_toolbar_config = __esm({
     "src/legacy/toolbar-config.ts"() {
       "use strict";
@@ -16898,10 +16931,11 @@ var FormulaX = (() => {
       init_other_position();
       init_toolbar_assets();
       init_formula_symbols();
+      init_i18n();
       UI_ELE_TYPE = legacyEleType;
       BOX_TYPE2 = legacyBoxType;
       OTHER_POSITION = legacyOtherPosition;
-      config = [{
+      baseToolbarConfig = [{
         type: UI_ELE_TYPE.DRAPDOWN_BOX,
         options: {
           button: {
@@ -17307,7 +17341,7 @@ var FormulaX = (() => {
       }];
       (function() {
         let tmp = [], otherImageSrc = resolveToolbarAssetPath("other.png"), currentConf = [];
-        each(config, function(conf) {
+        each(baseToolbarConfig, function(conf) {
           if (conf.type === UI_ELE_TYPE.DELIMITER) {
             return;
           }
@@ -17379,7 +17413,7 @@ var FormulaX = (() => {
           "aleph",
           "beth",
           "blacksquare"
-        ], configList = config[2].options.box.group[0].items;
+        ], configList = baseToolbarConfig[2].options.box.group[0].items;
         configList.push({
           title: "\u57FA\u7840\u6570\u5B66",
           content: getUnicodeContents(list)
@@ -17395,7 +17429,7 @@ var FormulaX = (() => {
         }, {
           title: "\u53D8\u4F53",
           values: ["digamma", "varepsilon", "varkappa", "varphi", "varpi", "varrho", "varsigma", "vartheta"]
-        }], greekConfigList = config[2].options.box.group[1].items;
+        }], greekConfigList = baseToolbarConfig[2].options.box.group[1].items;
         greekConfigList.push({
           title: greekList[0].title,
           content: getUnicodeContents(greekList[0].values)
@@ -17444,7 +17478,7 @@ var FormulaX = (() => {
             "nVDash",
             "nexists"
           ]
-        }], greekConfigList = config[2].options.box.group[2].items;
+        }], greekConfigList = baseToolbarConfig[2].options.box.group[2].items;
         greekConfigList.push({
           title: greekList[0].title,
           content: getUnicodeContents(greekList[0].values)
@@ -17470,7 +17504,7 @@ var FormulaX = (() => {
           "Game",
           "Im",
           "Re"
-        ], configList = config[2].options.box.group[3].items;
+        ], configList = baseToolbarConfig[2].options.box.group[3].items;
         configList.push({
           title: "\u5B57\u6BCD\u7C7B\u7B26\u53F7",
           content: getUnicodeContents(list)
@@ -17538,7 +17572,7 @@ var FormulaX = (() => {
           "twoheadleftarrow",
           "twoheadrightarrow",
           "rightsquigarrow"
-        ], configList = config[2].options.box.group[4].items;
+        ], configList = baseToolbarConfig[2].options.box.group[4].items;
         configList.push({
           title: "\u7BAD\u5934",
           content: getUnicodeContents(list)
@@ -17717,7 +17751,7 @@ var FormulaX = (() => {
             "y",
             "z"
           ]
-        }], configList = config[2].options.box.group[5].items;
+        }], configList = baseToolbarConfig[2].options.box.group[5].items;
         each(list[0].values, function(item, index) {
           list[0].values[index] = "mathcal{" + item + "}";
         });
@@ -17747,7 +17781,7 @@ var FormulaX = (() => {
           content: getUnicodeContents(list[3].values)
         });
       })();
-      toolbar_config_default = config;
+      toolbar_config_default = createToolbarConfig;
     }
   });
 
@@ -17790,6 +17824,7 @@ var FormulaX = (() => {
       init_toolbar();
       init_scrollbar();
       init_toolbar_config();
+      init_i18n();
       $$8 = createLegacyUiUtils();
       VIEW_STATE = legacyUiDef.VIEW_STATE;
       DEFAULT_EDIT_AREA_HEIGHT = 100;
@@ -17820,7 +17855,8 @@ var FormulaX = (() => {
           this.initScrollEvent();
         },
         initComponents() {
-          this.components.toolbar = new toolbar_default(this, this.kfEditor, toolbar_config_default);
+          const toolbarConfig = toolbar_config_default(normalizeFormulaXLocale(this.options.locale));
+          this.components.toolbar = new toolbar_default(this, this.kfEditor, toolbarConfig);
           this.components.scrollbar = new scrollbar_default(this, this.kfEditor);
         },
         updateContainerSize(container, toolbar, editArea) {
@@ -18129,6 +18165,9 @@ var FormulaX = (() => {
       operand: []
     };
   }
+  function getRootPlaceholderText() {
+    return legacySysconf.rootPlaceholder.content;
+  }
   function processRootGroup(parser, tree) {
     if (!parser.isResetId) {
       tree.attr["data-type"] = legacyGroupType.VIRTUAL;
@@ -18176,7 +18215,7 @@ var FormulaX = (() => {
     if (isRoot) {
       processRootGroup(parser, tree);
     } else if (parentTree?.attr?.["data-root"] && tree.name === "placeholder" && onlyPlaceholder(parentTree.operand)) {
-      tree.attr.label = ROOT_P_TEXT;
+      tree.attr.label = getRootPlaceholderText();
     }
     for (let i2 = 0; i2 < tree.operand.length; i2 += 1) {
       const currentOperand = tree.operand[i2];
@@ -18188,7 +18227,7 @@ var FormulaX = (() => {
     }
     return tree;
   }
-  var CURSOR_CHAR, ROOT_P_TEXT, COMBINATION_NAME, PID_PREFIX, pidSeed, kity14, kf5, BaseComponent, Parser, parser_default;
+  var CURSOR_CHAR, COMBINATION_NAME, PID_PREFIX, pidSeed, kity14, kf5, BaseComponent, Parser, parser_default;
   var init_parser = __esm({
     "src/legacy/parser.ts"() {
       "use strict";
@@ -18199,7 +18238,6 @@ var FormulaX = (() => {
       init_kf_ext_extension();
       init_vgroup_def();
       CURSOR_CHAR = legacySysconf.cursorCharacter;
-      ROOT_P_TEXT = legacySysconf.rootPlaceholder.content;
       COMBINATION_NAME = "combination";
       PID_PREFIX = "_kf_editor_";
       pidSeed = 0;
@@ -19087,6 +19125,21 @@ var FormulaX = (() => {
   });
 
   // src/legacy/syntax.ts
+  function clampOffset(offset, maxOffset) {
+    return Math.max(0, Math.min(offset, maxOffset));
+  }
+  function normalizeCursorRecord(objTree, cursor) {
+    const fallbackGroupId = objTree.mapping.root.strGroup.attr.id;
+    const targetGroupId = cursor.groupId && objTree.mapping[cursor.groupId] ? cursor.groupId : fallbackGroupId;
+    const operandCount = objTree.mapping[targetGroupId].strGroup.operand.length;
+    const startOffset = clampOffset(cursor.startOffset, operandCount);
+    const endOffset = clampOffset(cursor.endOffset, operandCount);
+    return {
+      groupId: targetGroupId,
+      startOffset: Math.min(startOffset, endOffset),
+      endOffset: Math.max(startOffset, endOffset)
+    };
+  }
   var CURSOR_CHAR2, kity19, SyntaxComponent, syntax_default;
   var init_syntax = __esm({
     "src/legacy/syntax.ts"() {
@@ -19147,10 +19200,14 @@ var FormulaX = (() => {
         },
         updateObjTree(objTree) {
           const selectInfo = objTree.select;
+          this.objTree = objTree;
           if (selectInfo?.groupId) {
             this.updateCursor(selectInfo.groupId, selectInfo.startOffset, selectInfo.endOffset);
+            return;
+          }
+          if (this.record.cursor.groupId !== null) {
+            this.record.cursor = normalizeCursorRecord(objTree, this.record.cursor);
           }
-          this.objTree = objTree;
         },
         hasCursorInfo() {
           return this.record.cursor.groupId !== null;
@@ -19196,7 +19253,8 @@ var FormulaX = (() => {
           return this.objTree;
         },
         getGroupObject(id) {
-          return this.objTree.mapping[id].objGroup || null;
+          const groupInfo = this.objTree.mapping[id];
+          return groupInfo ? groupInfo.objGroup : null;
         },
         getCursorRecord() {
           return kity19.Utils.extend({}, this.record.cursor);
@@ -19272,7 +19330,7 @@ var FormulaX = (() => {
           return this.hasRootplaceholder();
         },
         serialization() {
-          const cursor = this.record.cursor;
+          const cursor = normalizeCursorRecord(this.objTree, this.record.cursor);
           const objGroup = this.objTree.mapping[cursor.groupId];
           const curStrGroup = objGroup.strGroup;
           let strStartIndex = Math.min(cursor.endOffset, cursor.startOffset);
@@ -19308,11 +19366,12 @@ var FormulaX = (() => {
             endOffset = startOffset;
             startOffset = tmp;
           }
-          this.record.cursor = {
+          const nextCursor = {
             groupId,
             startOffset,
             endOffset
           };
+          this.record.cursor = this.objTree ? normalizeCursorRecord(this.objTree, nextCursor) : nextCursor;
         },
         leftMove() {
           this.components.move.leftMove();
@@ -19353,12 +19412,20 @@ var FormulaX = (() => {
   });
 
   // src/legacy/input.ts
-  var KEY_CODE, kity20, InputComponent, input_default;
+  function insertCursorMarkers(value, selectionStart, selectionEnd) {
+    const normalizedStart = Math.max(0, Math.min(selectionStart ?? value.length, value.length));
+    const normalizedEnd = Math.max(0, Math.min(selectionEnd ?? normalizedStart, value.length));
+    const rangeStart = Math.min(normalizedStart, normalizedEnd);
+    const rangeEnd = Math.max(normalizedStart, normalizedEnd);
+    return value.slice(0, rangeStart) + CURSOR_CHAR3 + value.slice(rangeStart, rangeEnd) + CURSOR_CHAR3 + value.slice(rangeEnd);
+  }
+  var KEY_CODE, CURSOR_CHAR3, kity20, InputComponent, input_default;
   var init_input = __esm({
     "src/legacy/input.ts"() {
       "use strict";
       init_legacy_utils();
       init_legacy_input_filter();
+      init_legacy_sysconf();
       init_runtime_interop();
       KEY_CODE = {
         LEFT: 37,
@@ -19366,6 +19433,7 @@ var FormulaX = (() => {
         DELETE: 8,
         INPUT: 229
       };
+      CURSOR_CHAR3 = legacySysconf.cursorCharacter;
       kity20 = getLegacyKity();
       InputComponent = kity20.createClass("InputComponent", {
         constructor(parentComponent, kfEditor) {
@@ -19538,7 +19606,12 @@ var FormulaX = (() => {
           return `${e.shiftKey ? "s+" : ""}${e.keyCode}`;
         },
         processingInput() {
-          this.restruct(this.inputBox.value);
+          const latexWithCursor = insertCursorMarkers(
+            this.inputBox.value,
+            this.inputBox.selectionStart,
+            this.inputBox.selectionEnd
+          );
+          this.restruct(latexWithCursor);
           this.kfEditor.requestService("ui.update.canvas.view");
         },
         restruct(latexStr) {
@@ -20044,26 +20117,26 @@ var FormulaX = (() => {
   var start_exports = {};
   __export(start_exports, {
     Factory: () => factory_default,
-    KFEditor: () => editor_default2,
+    KFEditor: () => editor_default,
     default: () => start_default,
     installKityEditorStart: () => installKityEditorStart
   });
   function installKityEditorStart(target = window) {
     const runtimeTarget = target;
     if (!installed3) {
-      editor_default2.registerComponents("ui", ui_default);
-      editor_default2.registerComponents("parser", parser_default);
-      editor_default2.registerComponents("render", render_default);
-      editor_default2.registerComponents("position", position_default);
-      editor_default2.registerComponents("syntax", syntax_default);
-      editor_default2.registerComponents("control", controller_default);
-      editor_default2.registerComponents("print", printer_default);
+      editor_default.registerComponents("ui", ui_default);
+      editor_default.registerComponents("parser", parser_default);
+      editor_default.registerComponents("render", render_default);
+      editor_default.registerComponents("position", position_default);
+      editor_default.registerComponents("syntax", syntax_default);
+      editor_default.registerComponents("control", controller_default);
+      editor_default.registerComponents("print", printer_default);
       installed3 = true;
     }
     runtimeTarget.kf = runtimeTarget.kf ?? {};
     runtimeTarget.kf.EditorFactory = factory_default;
     return {
-      KFEditor: editor_default2,
+      KFEditor: editor_default,
       Factory: factory_default
     };
   }
@@ -20071,7 +20144,7 @@ var FormulaX = (() => {
   var init_start = __esm({
     "src/boot/start.ts"() {
       "use strict";
-      init_editor2();
+      init_editor();
       init_factory();
       init_ui();
       init_parser();
@@ -20088,6 +20161,8 @@ var FormulaX = (() => {
   // src/index.ts
   var index_exports = {};
   __export(index_exports, {
+    DEFAULT_FORMULAX_LOCALE: () => DEFAULT_FORMULAX_LOCALE,
+    FORMULAX_LOCALES: () => FORMULAX_LOCALES,
     FormulaXEditor: () => FormulaXEditor,
     addEvent: () => addEvent,
     createElement: () => createElement,
@@ -20097,6 +20172,7 @@ var FormulaX = (() => {
     delegateEvent: () => delegateEvent,
     ensureKityRuntime: () => ensureKityRuntime,
     getClassList: () => getClassList,
+    getFormulaXRuntimeMessage: () => getFormulaXRuntimeMessage,
     getRectBox: () => getRectBox,
     installLegacyKityData: () => installLegacyKityData,
     kityAssetManifest: () => kityAssetManifest,
@@ -20117,9 +20193,11 @@ var FormulaX = (() => {
     legacyUiDef: () => legacyUiDef,
     legacyUiUtils: () => legacyUiUtils,
     mountKityEditor: () => mountKityEditor,
+    normalizeFormulaXLocale: () => normalizeFormulaXLocale,
     normalizeMouseEvent: () => normalizeMouseEvent,
     publish: () => publish,
-    subscribe: () => subscribe
+    subscribe: () => subscribe,
+    translateFormulaXText: () => translateFormulaXText
   });
   init_asset_manifest();
 
@@ -23603,6 +23681,7 @@ var FormulaX = (() => {
 
   // src/create-editor.ts
   init_toolbar_assets();
+  init_i18n();
   var DEFAULT_LATEX = "x=\\frac{-b\\pm\\sqrt{b^2-4ac}}{2a}";
   var DEFAULT_EDITOR_HEIGHT = "auto";
   var KITY_STYLE_ID = "formulax-kity-editor-styles";
@@ -23753,8 +23832,10 @@ var FormulaX = (() => {
     const createEditorStart = markFormulaXPerf("fx:create-kity-editor:total");
     const fontsize = options.render?.fontsize ?? 40;
     const editorHeight = normalizeCssSize(options.height, DEFAULT_EDITOR_HEIGHT);
+    const locale = normalizeFormulaXLocale(options.locale ?? DEFAULT_FORMULAX_LOCALE);
     const assets = resolveEditorAssets(options.assets);
     try {
+      legacySysconf.rootPlaceholder.content = getFormulaXRuntimeMessage("editor.placeholder.root", locale);
       const stylesheetInserted = ensureKityStylesheet(document, assets.styles.editor);
       if (stylesheetInserted) {
         const stylesheetInsertedMark = markFormulaXPerf("fx:kity-css:link-inserted");
@@ -23781,6 +23862,9 @@ var FormulaX = (() => {
         render: {
           fontsize
         },
+        ui: {
+          locale
+        },
         resource: {
           path: "",
           fonts: assets.fonts
@@ -23863,6 +23947,7 @@ var FormulaX = (() => {
 
   // src/index.ts
   init_dom_utils();
+  init_i18n();
   init_legacy_box_type();
   init_legacy_component();
   init_legacy_ele_type();