@formulaxjs/kity-runtime 0.2.0 → 0.4.0

package/dist/{start-GQH6XUBI.js → start-H6H24L6P.js}

@@ -1,4 +1,5 @@
 import {
+  DEFAULT_FORMULAX_LOCALE,
   createLegacyBaseComponent,
   createLegacyUiUtils,
   legacyBaseUtils,
@@ -11,8 +12,9 @@ import {
   legacyOtherPosition,
   legacySysconf,
   legacyUiDef,
+  normalizeFormulaXLocale,
   resolveToolbarAssetPath
-} from "./chunk-EKIJQ64F.js";
+} from "./chunk-LIDQRZXL.js";
 
 // src/vendor/runtime-interop.ts
 function getLegacyRuntime() {
@@ -1813,6 +1815,40 @@ function resolveUnicode(key) {
 var UI_ELE_TYPE = legacyEleType;
 var BOX_TYPE2 = legacyBoxType;
 var OTHER_POSITION = legacyOtherPosition;
+var 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"]
+]);
 function each(list, callback) {
   if (Array.isArray(list)) {
     list.forEach((item, index) => callback(item, index));
@@ -1820,7 +1856,36 @@ function each(list, callback) {
   }
   Object.keys(list).forEach((key) => callback(list[key], key));
 }
-var config = [{
+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;
+}
+var baseToolbarConfig = [{
   type: UI_ELE_TYPE.DRAPDOWN_BOX,
   options: {
     button: {
@@ -2226,7 +2291,7 @@ var config = [{
 }];
 (function() {
   let tmp = [], otherImageSrc = resolveToolbarAssetPath("other.png"), currentConf = [];
-  each(config, function(conf) {
+  each(baseToolbarConfig, function(conf) {
     if (conf.type === UI_ELE_TYPE.DELIMITER) {
       return;
     }
@@ -2298,7 +2363,7 @@ var config = [{
     "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)
@@ -2314,7 +2379,7 @@ var config = [{
   }, {
     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)
@@ -2363,7 +2428,7 @@ var config = [{
       "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)
@@ -2389,7 +2454,7 @@ var config = [{
     "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)
@@ -2457,7 +2522,7 @@ var config = [{
     "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)
@@ -2636,7 +2701,7 @@ var config = [{
       "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 + "}";
   });
@@ -2685,7 +2750,13 @@ function getUnicodeContents(keySet) {
   });
   return result;
 }
-var toolbar_config_default = config;
+function createToolbarConfig(locale = DEFAULT_FORMULAX_LOCALE) {
+  return localizeToolbarConfig(
+    baseToolbarConfig,
+    normalizeFormulaXLocale(locale)
+  );
+}
+var toolbar_config_default = createToolbarConfig;
 
 // src/legacy/ui.ts
 var $$8 = createLegacyUiUtils();
@@ -2718,7 +2789,8 @@ var UIComponent = kity10.createClass("UIComponent", {
     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) {
@@ -3938,6 +4010,21 @@ var syntax_move_default = MoveComponent;
 // src/legacy/syntax.ts
 var CURSOR_CHAR2 = legacySysconf.cursorCharacter;
 var kity18 = getLegacyKity();
+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 SyntaxComponent = kity18.createClass("SyntaxComponenet", {
   constructor(kfEditor) {
     this.kfEditor = kfEditor;
@@ -3987,10 +4074,14 @@ var SyntaxComponent = kity18.createClass("SyntaxComponenet", {
   },
   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;
@@ -4036,7 +4127,8 @@ var SyntaxComponent = kity18.createClass("SyntaxComponenet", {
     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 kity18.Utils.extend({}, this.record.cursor);
@@ -4112,7 +4204,7 @@ var SyntaxComponent = kity18.createClass("SyntaxComponenet", {
     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);
@@ -4148,11 +4240,12 @@ var SyntaxComponent = kity18.createClass("SyntaxComponenet", {
       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();
@@ -4197,7 +4290,15 @@ var KEY_CODE = {
   DELETE: 8,
   INPUT: 229
 };
+var CURSOR_CHAR3 = legacySysconf.cursorCharacter;
 var kity19 = getLegacyKity();
+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 InputComponent = kity19.createClass("InputComponent", {
   constructor(parentComponent, kfEditor) {
     this.parentComponent = parentComponent;
@@ -4369,7 +4470,12 @@ var InputComponent = kity19.createClass("InputComponent", {
     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) {
@@ -4856,4 +4962,4 @@ export {
   start_default as default,
   installKityEditorStart
 };
-//# sourceMappingURL=start-GQH6XUBI.js.map
+//# sourceMappingURL=start-H6H24L6P.js.map