@formulaxjs/editor 0.3.1 → 0.4.1

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);
 
-  // ../kity-runtime/public/assets/images/toolbar/btn.png
-  var btn_default;
-  var init_btn = __esm({
-    "../kity-runtime/public/assets/images/toolbar/btn.png"() {
-      btn_default = "./btn-5DANP6JY.png";
-    }
-  });
-
-  // ../kity-runtime/public/assets/images/toolbar/other.png
-  var other_default;
-  var init_other = __esm({
-    "../kity-runtime/public/assets/images/toolbar/other.png"() {
-      other_default = "./other-OMWJFGL5.png";
-    }
-  });
-
-  // ../kity-runtime/public/assets/styles/editor.css?url
-  var editor_default;
-  var init_editor = __esm({
-    "../kity-runtime/public/assets/styles/editor.css?url"() {
-      editor_default = "./editor-JT5KLVXX.css?url";
-    }
-  });
-
-  // ../kity-runtime/public/resource/KF_AMS_BB.woff
-  var KF_AMS_BB_default;
-  var init_KF_AMS_BB = __esm({
-    "../kity-runtime/public/resource/KF_AMS_BB.woff"() {
-      KF_AMS_BB_default = "./KF_AMS_BB-5QF7FUSO.woff";
-    }
-  });
-
-  // ../kity-runtime/public/resource/KF_AMS_CAL.woff
-  var KF_AMS_CAL_default;
-  var init_KF_AMS_CAL = __esm({
-    "../kity-runtime/public/resource/KF_AMS_CAL.woff"() {
-      KF_AMS_CAL_default = "./KF_AMS_CAL-NXRNLAZN.woff";
-    }
-  });
-
-  // ../kity-runtime/public/resource/KF_AMS_FRAK.woff
-  var KF_AMS_FRAK_default;
-  var init_KF_AMS_FRAK = __esm({
-    "../kity-runtime/public/resource/KF_AMS_FRAK.woff"() {
-      KF_AMS_FRAK_default = "./KF_AMS_FRAK-CO33WWN4.woff";
-    }
-  });
-
-  // ../kity-runtime/public/resource/KF_AMS_MAIN.woff
-  var KF_AMS_MAIN_default;
-  var init_KF_AMS_MAIN = __esm({
-    "../kity-runtime/public/resource/KF_AMS_MAIN.woff"() {
-      KF_AMS_MAIN_default = "./KF_AMS_MAIN-25QJVAWY.woff";
-    }
-  });
-
-  // ../kity-runtime/public/resource/KF_AMS_ROMAN.woff
-  var KF_AMS_ROMAN_default;
-  var init_KF_AMS_ROMAN = __esm({
-    "../kity-runtime/public/resource/KF_AMS_ROMAN.woff"() {
-      KF_AMS_ROMAN_default = "./KF_AMS_ROMAN-243BR7HH.woff";
-    }
-  });
-
   // ../kity-runtime/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({
     "../kity-runtime/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,
@@ -5079,11 +5031,76 @@ var FormulaX = (() => {
     }
     return DEFAULT_FORMULAX_LOCALE;
   }
-  var 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 DEFAULT_FORMULAX_LOCALE, FORMULAX_TRANSLATIONS, FORMULAX_RUNTIME_MESSAGES;
   var init_i18n = __esm({
     "../kity-runtime/src/i18n.ts"() {
       "use strict";
       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"
+        }
+      };
     }
   });
 
@@ -14980,8 +14997,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({
     "../kity-runtime/src/legacy/editor.ts"() {
       "use strict";
       init_legacy_utils();
@@ -15092,7 +15109,7 @@ var FormulaX = (() => {
           components[name] = component;
         }
       });
-      editor_default2 = KFEditor;
+      editor_default = KFEditor;
     }
   });
 
@@ -15101,13 +15118,13 @@ var FormulaX = (() => {
   var init_factory = __esm({
     "../kity-runtime/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();
           });
@@ -16675,6 +16692,7 @@ var FormulaX = (() => {
         to: "\u2192",
         downarrow: "\u2193",
         leftrightarrow: "\u2194",
+        updownarrow: "\u2195",
         therefore: "\u2234",
         because: "\u2235",
         "+": "+",
@@ -16791,7 +16809,7 @@ var FormulaX = (() => {
         Uparrow: "\u21D1",
         Downarrow: "\u21D3",
         Leftrightarrow: "\u21D4",
-        Updownarrow: "\u21F3",
+        Updownarrow: "\u21D5",
         longleftarrow: "\u27F5",
         longrightarrow: "\u27F6",
         longleftrightarrow: "\u27F7",
@@ -16859,16 +16877,7 @@ var FormulaX = (() => {
     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;
+    return translateFormulaXText("toolbar", value, locale);
   }
   function localizeToolbarConfig(value, locale) {
     if (Array.isArray(value)) {
@@ -16912,7 +16921,7 @@ var FormulaX = (() => {
       normalizeFormulaXLocale(locale)
     );
   }
-  var UI_ELE_TYPE, BOX_TYPE2, OTHER_POSITION, zhCnToEnUsText, baseToolbarConfig, toolbar_config_default;
+  var UI_ELE_TYPE, BOX_TYPE2, OTHER_POSITION, baseToolbarConfig, toolbar_config_default;
   var init_toolbar_config = __esm({
     "../kity-runtime/src/legacy/toolbar-config.ts"() {
       "use strict";
@@ -16925,40 +16934,6 @@ var FormulaX = (() => {
       UI_ELE_TYPE = legacyEleType;
       BOX_TYPE2 = legacyBoxType;
       OTHER_POSITION = legacyOtherPosition;
-      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: {
@@ -18189,6 +18164,9 @@ var FormulaX = (() => {
       operand: []
     };
   }
+  function getRootPlaceholderText() {
+    return legacySysconf.rootPlaceholder.content;
+  }
   function processRootGroup(parser, tree) {
     if (!parser.isResetId) {
       tree.attr["data-type"] = legacyGroupType.VIRTUAL;
@@ -18236,7 +18214,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];
@@ -18248,7 +18226,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({
     "../kity-runtime/src/legacy/parser.ts"() {
       "use strict";
@@ -18259,7 +18237,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;
@@ -20139,26 +20116,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
     };
   }
@@ -20166,7 +20143,7 @@ var FormulaX = (() => {
   var init_start = __esm({
     "../kity-runtime/src/boot/start.ts"() {
       "use strict";
-      init_editor2();
+      init_editor();
       init_factory();
       init_ui();
       init_parser();
@@ -20186,6 +20163,7 @@ var FormulaX = (() => {
     clearFormulaXPerfMarks: () => clearFormulaXPerfMarks2,
     ensureFormulaXModalStyles: () => ensureFormulaXModalStyles,
     formulaXModalStyles: () => formulaXModalStyles,
+    getFormulaXEditorMessage: () => getFormulaXEditorMessage,
     markFormulaXPerf: () => markFormulaXPerf2,
     measureFormulaXPerf: () => measureFormulaXPerf2,
     mountFormulaXEditor: () => mountFormulaXEditor,
@@ -24118,6 +24096,7 @@ var FormulaX = (() => {
     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");
@@ -24788,8 +24767,11 @@ var FormulaX = (() => {
   inset: 0;
   z-index: 2147483000;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   justify-content: center;
+  padding: 16px;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 
 .fx-formula-modal-backdrop {
@@ -24802,9 +24784,10 @@ var FormulaX = (() => {
   --fx-formula-editor-body-height: 264px;
   --fx-formula-workspace-height: 168px;
   position: relative;
-  width: min(860px, calc(100vw - 32px));
+  width: min(920px, calc(100vw - 32px));
   height: auto;
-  max-height: calc(100vh - 32px);
+  max-height: none;
+  margin: 0 auto;
   background: #fff;
   border-radius: 14px;
   box-shadow: 0 24px 80px rgba(15, 23, 42, 0.28);
@@ -25022,6 +25005,7 @@ var FormulaX = (() => {
       initialLatex,
       height: options.height ?? "100%",
       autofocus: options.autofocus ?? true,
+      locale: options.locale,
       assets: options.assets,
       render: {
         fontsize: options.render?.fontsize ?? 40
@@ -25125,6 +25109,26 @@ var FormulaX = (() => {
     }
     return null;
   }
+
+  // src/i18n.ts
+  var FORMULAX_EDITOR_MESSAGES = {
+    en_US: {
+      "modal.title": "FormulaX Editor",
+      "modal.insert": "Insert",
+      "modal.update": "Update",
+      "modal.cancel": "Cancel"
+    },
+    zh_CN: {
+      "modal.title": "FormulaX \u7F16\u8F91\u5668",
+      "modal.insert": "\u63D2\u5165",
+      "modal.update": "\u66F4\u65B0",
+      "modal.cancel": "\u53D6\u6D88"
+    }
+  };
+  function getFormulaXEditorMessage(key, locale = DEFAULT_FORMULAX_LOCALE) {
+    const normalizedLocale = normalizeFormulaXLocale(locale);
+    return FORMULAX_EDITOR_MESSAGES[normalizedLocale][key] ?? FORMULAX_EDITOR_MESSAGES[DEFAULT_FORMULAX_LOCALE][key];
+  }
   return __toCommonJS(index_exports);
 })();
 /*!