@windoc/core 0.3.14 → 0.3.16

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var version = "0.3.14";
+var version = "0.3.16";
 
 // src/dataset/enum/Common.ts
 var MaxHeightRatio = /* @__PURE__ */ ((MaxHeightRatio2) => {
@@ -106,24 +106,6 @@ function debounce(func, delay) {
     }, delay);
   };
 }
-function throttle(func, delay) {
-  let lastExecTime = 0;
-  let timer;
-  return function(...args) {
-    const currentTime = Date.now();
-    if (currentTime - lastExecTime >= delay) {
-      window.clearTimeout(timer);
-      func.apply(this, args);
-      lastExecTime = currentTime;
-    } else {
-      window.clearTimeout(timer);
-      timer = window.setTimeout(() => {
-        func.apply(this, args);
-        lastExecTime = currentTime;
-      }, delay);
-    }
-  };
-}
 function deepCloneOmitKeys(obj, omitKeys) {
   if (!obj || typeof obj !== "object") {
     return obj;
@@ -6496,7 +6478,9 @@ var Cursor = class {
     const prePageY = pageNo * (this.draw.getHeight() + this.draw.getPageGap()) + this.container.getBoundingClientRect().top;
     const isUp = direction === "top" /* UP */;
     const x = leftBottom[0];
-    const y = isUp ? leftTop[1] + prePageY : leftBottom[1] + prePageY;
+    const cursorTop = leftTop[1] + cursorPosition.ascent - cursorPosition.metrics.boundingBoxAscent;
+    const cursorBottom = cursorTop + cursorPosition.metrics.boundingBoxAscent + cursorPosition.metrics.boundingBoxDescent;
+    const y = isUp ? cursorTop + prePageY : cursorBottom + prePageY;
     const scrollContainer = findScrollContainer(this.container);
     const rect = {
       left: 0,
@@ -17766,28 +17750,27 @@ var ZoneTip = class {
     this._watchMouseMoveZoneChange(watchZones);
   }
   _watchMouseMoveZoneChange(watchZones) {
-    this.pageContainer.addEventListener(
-      "mousemove",
-      throttle((evt) => {
-        if (this.isDisableMouseMove || !this.draw.getIsPagingMode()) return;
-        if (!evt.offsetY) return;
-        if (evt.target instanceof HTMLCanvasElement) {
-          const mousemoveZone = this.zone.getZoneByY(evt.offsetY);
-          if (!watchZones.includes(mousemoveZone)) {
-            this._updateZoneTip(false);
-            return;
-          }
-          this.currentMoveZone = mousemoveZone;
-          this._updateZoneTip(
-            this.zone.getZone() === "main" /* MAIN */ && (mousemoveZone === "header" /* HEADER */ || mousemoveZone === "footer" /* FOOTER */),
-            evt.x,
-            evt.y
-          );
-        } else {
-          this._updateZoneTip(false);
-        }
-      }, 250)
-    );
+    const showTip = debounce((evt) => {
+      if (this.isDisableMouseMove || !this.draw.getIsPagingMode()) return;
+      if (!(evt.target instanceof HTMLCanvasElement)) return;
+      const mousemoveZone = this.zone.getZoneByY(evt.offsetY);
+      if (!watchZones.includes(mousemoveZone)) return;
+      this.currentMoveZone = mousemoveZone;
+      this._updateZoneTip(
+        this.zone.getZone() === "main" /* MAIN */ && (mousemoveZone === "header" /* HEADER */ || mousemoveZone === "footer" /* FOOTER */),
+        evt.x,
+        evt.y
+      );
+    }, 300);
+    this.pageContainer.addEventListener("mousemove", (evt) => {
+      if (this.isDisableMouseMove || !this.draw.getIsPagingMode()) return;
+      if (!evt.offsetY) return;
+      const mousemoveZone = this.zone.getZoneByY(evt.offsetY);
+      if (!watchZones.includes(mousemoveZone)) {
+        this._updateZoneTip(false);
+      }
+      showTip(evt);
+    });
     this.pageContainer.addEventListener("mouseenter", () => {
       this.isDisableMouseMove = false;
     });
@@ -17810,7 +17793,12 @@ var ZoneTip = class {
   _updateZoneTip(visible, left2, top) {
     if (visible) {
       this.tipContainer.classList.add("show");
-      this.tipContainer.style.left = `${left2}px`;
+      const tipWidth = this.tipContainer.offsetWidth;
+      const clampedLeft = Math.min(
+        left2 ?? 0,
+        window.innerWidth - tipWidth - 10
+      );
+      this.tipContainer.style.left = `${clampedLeft}px`;
       this.tipContainer.style.top = `${top}px`;
       const options = this.draw.getOptions();
       const isHeader = this.currentMoveZone === "header" /* HEADER */;
@@ -25496,42 +25484,6 @@ var imageMenus = [
 ];
 
 // src/core/contextmenu/menus/tableMenus.ts
-var COLOR_PALETTE = [
-  { name: "Black", value: "#000000" },
-  { name: "Dark gray", value: "#444444" },
-  { name: "Gray", value: "#888888" },
-  { name: "Light gray", value: "#cccccc" },
-  { name: "White", value: "#ffffff" },
-  { name: "Red", value: "#ff0000" },
-  { name: "Orange", value: "#ff9900" },
-  { name: "Yellow", value: "#ffff00" },
-  { name: "Green", value: "#00aa00" },
-  { name: "Cyan", value: "#00aaff" },
-  { name: "Blue", value: "#0000ff" },
-  { name: "Purple", value: "#9900ff" },
-  { name: "Pink", value: "#ff00aa" },
-  { name: "Light red", value: "#ffcccc" },
-  { name: "Light orange", value: "#ffeecc" },
-  { name: "Light yellow", value: "#ffffcc" },
-  { name: "Light green", value: "#ccffcc" },
-  { name: "Light blue", value: "#ccecff" },
-  { name: "Light purple", value: "#eeccff" }
-];
-function openNativeColorPicker(defaultColor, onSelect) {
-  const input2 = document.createElement("input");
-  input2.type = "color";
-  input2.value = defaultColor;
-  input2.style.cssText = "position:fixed;opacity:0;pointer-events:none;top:0;left:0;width:0;height:0";
-  document.body.appendChild(input2);
-  input2.addEventListener("change", () => {
-    onSelect(input2.value);
-    document.body.removeChild(input2);
-  });
-  input2.addEventListener("cancel", () => {
-    document.body.removeChild(input2);
-  });
-  input2.click();
-}
 var {
   TABLE: {
     BORDER,
@@ -25562,8 +25514,6 @@ var {
     DELETE_TABLE,
     MERGE_CELL,
     CANCEL_MERGE_CELL,
-    TD_BG_COLOR,
-    TD_BORDER_COLOR,
     TD_PADDING,
     TD_PADDING_COMPACT,
     TD_PADDING_NORMAL,
@@ -25834,86 +25784,6 @@ var tableMenus = [
       command.executeCancelMergeTableCell();
     }
   },
-  {
-    key: TD_BG_COLOR,
-    i18nPath: "contextmenu.table.cellBackgroundColor",
-    icon: "td-bg-color",
-    when: (payload) => {
-      return !payload.isReadonly && payload.isInTable && payload.options.mode !== "form" /* FORM */;
-    },
-    childMenus: [
-      ...COLOR_PALETTE.map((c) => ({
-        key: `${TD_BG_COLOR}_${c.value}`,
-        name: c.name,
-        color: c.value,
-        when: () => true,
-        callback: (command) => {
-          command.executeTableTdBackgroundColor(c.value);
-        }
-      })),
-      {
-        isDivider: true
-      },
-      {
-        key: `${TD_BG_COLOR}_custom`,
-        name: "Custom color...",
-        when: () => true,
-        callback: (command) => {
-          openNativeColorPicker("#ffffff", (color) => {
-            command.executeTableTdBackgroundColor(color);
-          });
-        }
-      },
-      {
-        key: `${TD_BG_COLOR}_none`,
-        name: "No fill",
-        when: () => true,
-        callback: (command) => {
-          command.executeTableTdBackgroundColor("");
-        }
-      }
-    ]
-  },
-  {
-    key: TD_BORDER_COLOR,
-    i18nPath: "contextmenu.table.tdBorderColor",
-    icon: "td-border-color",
-    when: (payload) => {
-      return !payload.isReadonly && payload.isInTable && payload.options.mode !== "form" /* FORM */;
-    },
-    childMenus: [
-      ...COLOR_PALETTE.map((c) => ({
-        key: `${TD_BORDER_COLOR}_${c.value}`,
-        name: c.name,
-        color: c.value,
-        when: () => true,
-        callback: (command) => {
-          command.executeTableTdBorderColor(c.value);
-        }
-      })),
-      {
-        isDivider: true
-      },
-      {
-        key: `${TD_BORDER_COLOR}_custom`,
-        name: "Custom color...",
-        when: () => true,
-        callback: (command) => {
-          openNativeColorPicker("#000000", (color) => {
-            command.executeTableTdBorderColor(color);
-          });
-        }
-      },
-      {
-        key: `${TD_BORDER_COLOR}_reset`,
-        name: "Reset to default",
-        when: () => true,
-        callback: (command) => {
-          command.executeTableTdBorderColor("");
-        }
-      }
-    ]
-  },
   {
     key: TD_PADDING,
     i18nPath: "contextmenu.table.cellPadding",
@@ -26185,7 +26055,9 @@ var ContextMenu = class {
     const contextMenuWidth = contextmenuRect.width;
     const adjustLeft = left2 + contextMenuWidth > innerWidth ? left2 - contextMenuWidth : left2;
     contextMenuContainer.style.left = `${adjustLeft}px`;
-    const innerHeight = window.innerHeight;
+    const footerEl = document.querySelector(".ce-editor-footer");
+    const footerHeight = footerEl ? footerEl.offsetHeight : 0;
+    const innerHeight = window.innerHeight - footerHeight;
     const contextMenuHeight = contextmenuRect.height;
     const adjustTop = top + contextMenuHeight > innerHeight ? top - contextMenuHeight : top;
     contextMenuContainer.style.top = `${adjustTop}px`;