@formulaxjs/kity-runtime 0.3.0 → 0.4.0

package/dist/index.cjs

@@ -1080,6 +1080,22 @@ var init_toolbar_assets = __esm({
   }
 });
 
+// src/i18n.ts
+function normalizeFormulaXLocale(locale) {
+  if (locale === "zh_CN") {
+    return "zh_CN";
+  }
+  return DEFAULT_FORMULAX_LOCALE;
+}
+var FORMULAX_LOCALES, DEFAULT_FORMULAX_LOCALE;
+var init_i18n = __esm({
+  "src/i18n.ts"() {
+    "use strict";
+    FORMULAX_LOCALES = ["en_US", "zh_CN"];
+    DEFAULT_FORMULAX_LOCALE = "en_US";
+  }
+});
+
 // src/vendor/kity-formula/binary-expression.ts
 var BinaryExpressionModule, createBinaryExpressionClass;
 var init_binary_expression = __esm({
@@ -1944,15 +1960,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 +1976,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 +2008,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 +2056,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 +2070,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 +2153,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 +2186,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 +9658,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 +9695,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;
@@ -12878,6 +12867,35 @@ function each(list, callback) {
   }
   Object.keys(list).forEach((key) => callback(list[key], key));
 }
+function translateToolbarText(value, locale) {
+  if (locale === "zh_CN") {
+    return value;
+  }
+  const normalizedValue = value.replace(/<br\s*\/?>/gi, "").trim();
+  const translatedValue = zhCnToEnUsText.get(normalizedValue);
+  if (!translatedValue) {
+    return value;
+  }
+  const lineBreakMatch = value.match(/<br\s*\/?>/i);
+  return lineBreakMatch ? `${translatedValue}${lineBreakMatch[0]}` : translatedValue;
+}
+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 +12915,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, zhCnToEnUsText, baseToolbarConfig, toolbar_config_default;
 var init_toolbar_config = __esm({
   "src/legacy/toolbar-config.ts"() {
     "use strict";
@@ -12906,10 +12930,45 @@ 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 = [{
+    zhCnToEnUsText = /* @__PURE__ */ new Map([
+      ["\u9884\u8BBE", "Presets"],
+      ["\u9884\u8BBE\u516C\u5F0F", "Preset formulas"],
+      ["\u4E8C\u6B21\u516C\u5F0F", "Quadratic formula"],
+      ["\u4E8C\u9879\u5F0F\u5B9A\u7406", "Binomial theorem"],
+      ["\u52FE\u80A1\u5B9A\u7406", "Pythagorean theorem"],
+      ["\u57FA\u7840\u6570\u5B66", "Basic math"],
+      ["\u5E0C\u814A\u5B57\u6BCD", "Greek letters"],
+      ["\u6C42\u53CD\u5173\u7CFB\u8FD0\u7B97\u7B26", "Negated operators"],
+      ["\u5B57\u6BCD\u7C7B\u7B26\u53F7", "Letter-like 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", "Superscripts and subscripts"],
+      ["\u5E38\u7528\u7684\u4E0A\u6807\u548C\u4E0B\u6807", "Common superscripts and subscripts"],
+      ["\u6839\u5F0F", "Radicals"],
+      ["\u5E38\u7528\u6839\u5F0F", "Common radicals"],
+      ["\u79EF\u5206", "Integrals"],
+      ["\u5927\u578B\u8FD0\u7B97\u7B26", "Large operators"],
+      ["\u6C42\u548C", "Summations"],
+      ["\u62EC\u53F7", "Brackets"],
+      ["\u65B9\u62EC\u53F7", "Brackets"],
+      ["\u51FD\u6570", "Functions"],
+      ["\u4E09\u89D2\u51FD\u6570", "Trigonometric 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"]
+    ]);
+    baseToolbarConfig = [{
       type: UI_ELE_TYPE.DRAPDOWN_BOX,
       options: {
         button: {
@@ -13315,7 +13374,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 +13446,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 +13462,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 +13511,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 +13537,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 +13605,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 +13784,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 +13814,7 @@ var init_toolbar_config = __esm({
         content: getUnicodeContents(list[3].values)
       });
     })();
-    toolbar_config_default = config;
+    toolbar_config_default = createToolbarConfig;
   }
 });
 
@@ -13798,6 +13857,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 +13888,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) {
@@ -15095,6 +15156,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 +15231,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 +15284,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 +15361,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 +15397,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 +15443,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 +15464,7 @@ var init_input = __esm({
       DELETE: 8,
       INPUT: 229
     };
+    CURSOR_CHAR3 = legacySysconf.cursorCharacter;
     kity20 = getLegacyKity();
     InputComponent = kity20.createClass("InputComponent", {
       constructor(parentComponent, kfEditor) {
@@ -15546,7 +15637,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) {
@@ -16096,6 +16192,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,
@@ -16125,6 +16223,7 @@ __export(index_exports, {
   legacyUiDef: () => legacyUiDef,
   legacyUiUtils: () => legacyUiUtils,
   mountKityEditor: () => mountKityEditor,
+  normalizeFormulaXLocale: () => normalizeFormulaXLocale,
   normalizeMouseEvent: () => normalizeMouseEvent,
   publish: () => publish,
   subscribe: () => subscribe
@@ -19612,6 +19711,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,6 +19862,7 @@ 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 {
     const stylesheetInserted = ensureKityStylesheet(document, assets.styles.editor);
@@ -19790,6 +19891,9 @@ async function createKityEditor(container, options = {}) {
       render: {
         fontsize
       },
+      ui: {
+        locale
+      },
       resource: {
         path: "",
         fonts: assets.fonts
@@ -19872,6 +19976,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 +20003,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,
@@ -19927,6 +20034,7 @@ init_legacy_utils();
   legacyUiDef,
   legacyUiUtils,
   mountKityEditor,
+  normalizeFormulaXLocale,
   normalizeMouseEvent,
   publish,
   subscribe