@formulaxjs/kity-runtime 0.3.0 → 0.5.0

package/dist/scrollbar.css

@@ -0,0 +1,78 @@
+/*!
+ * Scrollbar
+ **/
+
+.kf-editor-edit-scrollbar {
+    width: 100%;
+    height: 16px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    z-index: 994;
+    border-top: 1px solid #ddd;
+}
+
+.kf-editor-ui-left-button {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 5px;
+    height: 100%;
+    background: white;
+}
+
+.kf-editor-ui-right-button {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 5px;
+    height: 100%;
+    background: white;
+}
+
+.kf-editor-ui-track {
+    position: absolute;
+    top: 0;
+    left: 5px;
+    width: 0;
+    height: 100%;
+    background-image: url(./images/scrollbar/edit/bar-left.png), url(./images/scrollbar/edit/bar-right.png), url(./images/scrollbar/edit/bar-bg.png);
+    background-repeat: no-repeat, no-repeat, repeat-x;
+    background-position: 0 0, right 0, 0 0;
+}
+
+.kf-editor-ui-thumb {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 0;
+    height: 100%;
+}
+
+.kf-editor-ui-thumb-left {
+    width: 5px;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: url(./images/scrollbar/edit/thumb-left.png) no-repeat 0 0;
+    z-index: 1;
+}
+
+.kf-editor-ui-thumb-right {
+    width: 5px;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    right: 0;
+    background: url(./images/scrollbar/edit/thumb-right.png) no-repeat 0 0;
+}
+
+.kf-editor-ui-thumb-body {
+    position: absolute;
+    top: 0;
+    left: 5px;
+    width: 0;
+    height: 100%;
+    background: url(./images/scrollbar/edit/thumb-bg.png) repeat-x 0 0;
+}

package/dist/{start-LTYA5XON.js → start-N66J24A5.js}

@@ -1,4 +1,5 @@
 import {
+  DEFAULT_FORMULAX_LOCALE,
   createLegacyBaseComponent,
   createLegacyUiUtils,
   legacyBaseUtils,
@@ -11,8 +12,10 @@ import {
   legacyOtherPosition,
   legacySysconf,
   legacyUiDef,
-  resolveToolbarAssetPath
-} from "./chunk-AOMNUFFB.js";
+  normalizeFormulaXLocale,
+  resolveToolbarAssetPath,
+  translateFormulaXText
+} from "./chunk-EQCAHDH7.js";
 
 // src/vendor/runtime-interop.ts
 function getLegacyRuntime() {
@@ -1618,6 +1621,7 @@ var UNICODE_SYMBOLS = {
   to: "\u2192",
   downarrow: "\u2193",
   leftrightarrow: "\u2194",
+  updownarrow: "\u2195",
   therefore: "\u2234",
   because: "\u2235",
   "+": "+",
@@ -1734,7 +1738,7 @@ var UNICODE_SYMBOLS = {
   Uparrow: "\u21D1",
   Downarrow: "\u21D3",
   Leftrightarrow: "\u21D4",
-  Updownarrow: "\u21F3",
+  Updownarrow: "\u21D5",
   longleftarrow: "\u27F5",
   longrightarrow: "\u27F6",
   longleftrightarrow: "\u27F7",
@@ -1820,7 +1824,27 @@ function each(list, callback) {
   }
   Object.keys(list).forEach((key) => callback(list[key], key));
 }
-var config = [{
+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;
+}
+var baseToolbarConfig = [{
   type: UI_ELE_TYPE.DRAPDOWN_BOX,
   options: {
     button: {
@@ -2226,7 +2250,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 +2322,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 +2338,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 +2387,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 +2413,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 +2481,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 +2660,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 +2709,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 +2748,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) {
@@ -2986,7 +3017,6 @@ var vgroup_def_default = legacyVirtualGroupMap;
 
 // src/legacy/parser.ts
 var CURSOR_CHAR = legacySysconf.cursorCharacter;
-var ROOT_P_TEXT = legacySysconf.rootPlaceholder.content;
 var COMBINATION_NAME = "combination";
 var PID_PREFIX = "_kf_editor_";
 var pidSeed = 0;
@@ -3028,6 +3058,9 @@ function createGroup(parser) {
     operand: []
   };
 }
+function getRootPlaceholderText() {
+  return legacySysconf.rootPlaceholder.content;
+}
 function processRootGroup(parser, tree) {
   if (!parser.isResetId) {
     tree.attr["data-type"] = legacyGroupType.VIRTUAL;
@@ -3075,7 +3108,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 i = 0; i < tree.operand.length; i += 1) {
     const currentOperand = tree.operand[i];
@@ -3938,6 +3971,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 +4035,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 +4088,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 +4165,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 +4201,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 +4251,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 +4431,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 +4923,4 @@ export {
   start_default as default,
   installKityEditorStart
 };
-//# sourceMappingURL=start-LTYA5XON.js.map
+//# sourceMappingURL=start-N66J24A5.js.map