@formulaxjs/kity-runtime 0.3.0 → 0.5.0

package/dist/index.cjs

@@ -1,7 +1,9 @@
 "use strict";
+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 __esm = (fn, res) => function __init() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
@@ -18,98 +20,42 @@ var __copyProps = (to, from, except, desc) => {
   }
   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,
@@ -1080,6 +1026,87 @@ var init_toolbar_assets = __esm({
   }
 });
 
+// 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({
@@ -1944,15 +1971,13 @@ var init_expression = __esm({
 });
 
 // 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 ?? {};
@@ -1962,26 +1987,22 @@ var init_font_installer = __esm({
           },
           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);
           }
@@ -1998,29 +2019,34 @@ var init_font_installer = __esm({
           }
           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);
@@ -2041,37 +2067,12 @@ var init_font_installer = __esm({
           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;
@@ -2080,8 +2081,7 @@ var init_font_installer = __esm({
           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) => {
@@ -2164,11 +2164,11 @@ var init_formula = __esm({
       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);
@@ -2197,14 +2197,14 @@ var init_formula = __esm({
       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();
           },
@@ -9669,7 +9669,7 @@ function registerAssemblyModule(context) {
     value: function() {
       const kf7 = window2.kf;
       const CONSTRUCT_MAPPING = {};
-      const CURSOR_CHAR3 = "\uF155";
+      const CURSOR_CHAR4 = "\uF155";
       class Assembly {
         formula;
         constructor(formula) {
@@ -9706,7 +9706,7 @@ function registerAssemblyModule(context) {
         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;
@@ -11000,8 +11000,8 @@ function getService(serviceName) {
   }
   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();
@@ -11112,7 +11112,7 @@ var init_editor2 = __esm({
         components[name] = component;
       }
     });
-    editor_default2 = KFEditor;
+    editor_default = KFEditor;
   }
 });
 
@@ -11121,13 +11121,13 @@ var EditorWrapper, factory, factory_default;
 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();
         });
@@ -12695,6 +12695,7 @@ var init_formula_symbols = __esm({
       to: "\u2192",
       downarrow: "\u2193",
       leftrightarrow: "\u2194",
+      updownarrow: "\u2195",
       therefore: "\u2234",
       because: "\u2235",
       "+": "+",
@@ -12811,7 +12812,7 @@ var init_formula_symbols = __esm({
       Uparrow: "\u21D1",
       Downarrow: "\u21D3",
       Leftrightarrow: "\u21D4",
-      Updownarrow: "\u21F3",
+      Updownarrow: "\u21D5",
       longleftarrow: "\u27F5",
       longrightarrow: "\u27F6",
       longleftrightarrow: "\u27F7",
@@ -12878,6 +12879,26 @@ function each(list, callback) {
   }
   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) {
@@ -12897,7 +12918,13 @@ function getUnicodeContents(keySet) {
   });
   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";
@@ -12906,10 +12933,11 @@ var init_toolbar_config = __esm({
     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: {
@@ -13315,7 +13343,7 @@ var init_toolbar_config = __esm({
     }];
     (function() {
       let tmp = [], otherImageSrc = resolveToolbarAssetPath("other.png"), currentConf = [];
-      each(config, function(conf) {
+      each(baseToolbarConfig, function(conf) {
         if (conf.type === UI_ELE_TYPE.DELIMITER) {
           return;
         }
@@ -13387,7 +13415,7 @@ var init_toolbar_config = __esm({
         "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)
@@ -13403,7 +13431,7 @@ var init_toolbar_config = __esm({
       }, {
         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)
@@ -13452,7 +13480,7 @@ var init_toolbar_config = __esm({
           "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)
@@ -13478,7 +13506,7 @@ var init_toolbar_config = __esm({
         "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)
@@ -13546,7 +13574,7 @@ var init_toolbar_config = __esm({
         "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)
@@ -13725,7 +13753,7 @@ var init_toolbar_config = __esm({
           "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 + "}";
       });
@@ -13755,7 +13783,7 @@ var init_toolbar_config = __esm({
         content: getUnicodeContents(list[3].values)
       });
     })();
-    toolbar_config_default = config;
+    toolbar_config_default = createToolbarConfig;
   }
 });
 
@@ -13798,6 +13826,7 @@ var init_ui = __esm({
     init_toolbar();
     init_scrollbar();
     init_toolbar_config();
+    init_i18n();
     $$8 = createLegacyUiUtils();
     VIEW_STATE = legacyUiDef.VIEW_STATE;
     DEFAULT_EDIT_AREA_HEIGHT = 100;
@@ -13828,7 +13857,8 @@ var init_ui = __esm({
         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) {
@@ -14137,6 +14167,9 @@ function createGroup(parser) {
     operand: []
   };
 }
+function getRootPlaceholderText() {
+  return legacySysconf.rootPlaceholder.content;
+}
 function processRootGroup(parser, tree) {
   if (!parser.isResetId) {
     tree.attr["data-type"] = legacyGroupType.VIRTUAL;
@@ -14184,7 +14217,7 @@ function supplementTree(parser, tree, parentTree) {
   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];
@@ -14196,7 +14229,7 @@ function supplementTree(parser, tree, parentTree) {
   }
   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";
@@ -14207,7 +14240,6 @@ var init_parser = __esm({
     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;
@@ -15095,6 +15127,21 @@ var init_syntax_move = __esm({
 });
 
 // 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"() {
@@ -15155,10 +15202,14 @@ var init_syntax = __esm({
       },
       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;
@@ -15204,7 +15255,8 @@ var init_syntax = __esm({
         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);
@@ -15280,7 +15332,7 @@ var init_syntax = __esm({
         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);
@@ -15316,11 +15368,12 @@ var init_syntax = __esm({
           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();
@@ -15361,12 +15414,20 @@ var init_syntax = __esm({
 });
 
 // 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,
@@ -15374,6 +15435,7 @@ var init_input = __esm({
       DELETE: 8,
       INPUT: 229
     };
+    CURSOR_CHAR3 = legacySysconf.cursorCharacter;
     kity20 = getLegacyKity();
     InputComponent = kity20.createClass("InputComponent", {
       constructor(parentComponent, kfEditor) {
@@ -15546,7 +15608,12 @@ var init_input = __esm({
         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) {
@@ -16052,26 +16119,26 @@ var init_printer = __esm({
 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
   };
 }
@@ -16079,7 +16146,7 @@ var installed3, start_default;
 var init_start = __esm({
   "src/boot/start.ts"() {
     "use strict";
-    init_editor2();
+    init_editor();
     init_factory();
     init_ui();
     init_parser();
@@ -16096,6 +16163,8 @@ var init_start = __esm({
 // 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,
@@ -16105,6 +16174,7 @@ __export(index_exports, {
   delegateEvent: () => delegateEvent,
   ensureKityRuntime: () => ensureKityRuntime,
   getClassList: () => getClassList,
+  getFormulaXRuntimeMessage: () => getFormulaXRuntimeMessage,
   getRectBox: () => getRectBox,
   installLegacyKityData: () => installLegacyKityData,
   kityAssetManifest: () => kityAssetManifest,
@@ -16125,9 +16195,11 @@ __export(index_exports, {
   legacyUiDef: () => legacyUiDef,
   legacyUiUtils: () => legacyUiUtils,
   mountKityEditor: () => mountKityEditor,
+  normalizeFormulaXLocale: () => normalizeFormulaXLocale,
   normalizeMouseEvent: () => normalizeMouseEvent,
   publish: () => publish,
-  subscribe: () => subscribe
+  subscribe: () => subscribe,
+  translateFormulaXText: () => translateFormulaXText
 });
 module.exports = __toCommonJS(index_exports);
 init_asset_manifest();
@@ -19612,6 +19684,7 @@ function clearFormulaXPerfMarks(...marks) {
 
 // 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";
@@ -19762,8 +19835,10 @@ async function createKityEditor(container, options = {}) {
   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");
@@ -19790,6 +19865,9 @@ async function createKityEditor(container, options = {}) {
       render: {
         fontsize
       },
+      ui: {
+        locale
+      },
       resource: {
         path: "",
         fonts: assets.fonts
@@ -19872,6 +19950,7 @@ if (typeof window !== "undefined") {
 
 // src/index.ts
 init_dom_utils();
+init_i18n();
 init_legacy_box_type();
 init_legacy_component();
 init_legacy_ele_type();
@@ -19898,6 +19977,8 @@ init_legacy_ui_utils();
 init_legacy_utils();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  DEFAULT_FORMULAX_LOCALE,
+  FORMULAX_LOCALES,
   FormulaXEditor,
   addEvent,
   createElement,
@@ -19907,6 +19988,7 @@ init_legacy_utils();
   delegateEvent,
   ensureKityRuntime,
   getClassList,
+  getFormulaXRuntimeMessage,
   getRectBox,
   installLegacyKityData,
   kityAssetManifest,
@@ -19927,9 +20009,11 @@ init_legacy_utils();
   legacyUiDef,
   legacyUiUtils,
   mountKityEditor,
+  normalizeFormulaXLocale,
   normalizeMouseEvent,
   publish,
-  subscribe
+  subscribe,
+  translateFormulaXText
 });
 /*!
  * Reverse parsing handler: brackets