@lumir-company/editor 0.4.13 → 0.4.14

package/dist/index.mjs

@@ -3231,6 +3231,235 @@ function patchBlocks(blocks, tableVAMap) {
   });
 }
 
+// src/utils/excel-paste.ts
+var NAMED_COLORS = {
+  black: "#000000",
+  white: "#ffffff",
+  red: "#ff0000",
+  green: "#008000",
+  blue: "#0000ff",
+  yellow: "#ffff00",
+  orange: "#ffa500",
+  purple: "#800080",
+  gray: "#808080",
+  grey: "#808080"
+};
+function parseCssColorToRgb(input) {
+  if (!input) return null;
+  const s = input.trim().toLowerCase();
+  if (!s || s === "transparent" || s === "none" || s === "inherit") return null;
+  let m = s.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/);
+  if (m) {
+    let h = m[1];
+    if (h.length === 3)
+      h = h.split("").map((c) => c + c).join("");
+    return [
+      parseInt(h.slice(0, 2), 16),
+      parseInt(h.slice(2, 4), 16),
+      parseInt(h.slice(4, 6), 16)
+    ];
+  }
+  m = s.match(/^rgba?\(([^)]+)\)$/);
+  if (m) {
+    const parts = m[1].split(",").map((x) => parseFloat(x.trim()));
+    if (parts.length >= 3 && parts.slice(0, 3).every((n) => !isNaN(n))) {
+      return [parts[0], parts[1], parts[2]];
+    }
+    return null;
+  }
+  if (NAMED_COLORS[s]) return parseCssColorToRgb(NAMED_COLORS[s]);
+  return null;
+}
+function rgbToHsl([r, g, b]) {
+  r /= 255;
+  g /= 255;
+  b /= 255;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  const l = (max + min) / 2;
+  let h = 0;
+  let s = 0;
+  const d = max - min;
+  if (d !== 0) {
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
+      case r:
+        h = ((g - b) / d + (g < b ? 6 : 0)) * 60;
+        break;
+      case g:
+        h = ((b - r) / d + 2) * 60;
+        break;
+      default:
+        h = ((r - g) / d + 4) * 60;
+        break;
+    }
+  }
+  return [h, s, l];
+}
+var HUE_REFERENCE = [
+  { value: "red", hue: 0 },
+  { value: "brown", hue: 17 },
+  { value: "orange", hue: 30 },
+  { value: "yellow", hue: 46 },
+  { value: "green", hue: 150 },
+  { value: "blue", hue: 197 },
+  { value: "purple", hue: 262 },
+  { value: "pink", hue: 324 }
+];
+function hueDist(a, b) {
+  const d = Math.abs(a - b) % 360;
+  return d > 180 ? 360 - d : d;
+}
+function paletteValueFromRgb(rgb) {
+  const [h, s, l] = rgbToHsl(rgb);
+  if (s < 0.15) {
+    if (l < 0.35) return "default";
+    if (l > 0.85) return "default";
+    return "gray";
+  }
+  let best = "gray";
+  let bestDist = Infinity;
+  for (const ref of HUE_REFERENCE) {
+    const d = hueDist(h, ref.hue);
+    if (d < bestDist) {
+      bestDist = d;
+      best = ref.value;
+    }
+  }
+  return best;
+}
+function nearestTextColorValue(rgb) {
+  return paletteValueFromRgb(rgb);
+}
+function nearestBackgroundColorValue(rgb) {
+  const [, s, l] = rgbToHsl(rgb);
+  if (s < 0.12 && l > 0.85) return "default";
+  return paletteValueFromRgb(rgb);
+}
+function parseStyle(style) {
+  const out = {};
+  style.split(";").forEach((decl) => {
+    const idx = decl.indexOf(":");
+    if (idx === -1) return;
+    const k = decl.slice(0, idx).trim().toLowerCase();
+    const v = decl.slice(idx + 1).trim();
+    if (k) out[k] = v;
+  });
+  return out;
+}
+function colorFromBackgroundShorthand(value) {
+  if (!value) return null;
+  const direct = parseCssColorToRgb(value);
+  if (direct) return direct;
+  for (const token of value.split(/\s+/)) {
+    const rgb = parseCssColorToRgb(token);
+    if (rgb) return rgb;
+  }
+  return null;
+}
+function isTransparentColor(css) {
+  if (!css) return true;
+  const s = css.trim().toLowerCase();
+  if (s === "transparent" || s === "none") return true;
+  const m = s.match(/^rgba?\(([^)]+)\)$/);
+  if (m) {
+    const p = m[1].split(",").map((x) => parseFloat(x.trim()));
+    if (p.length >= 4 && p[3] === 0) return true;
+  }
+  return false;
+}
+function normalizeAlign(ta) {
+  const v = (ta || "").trim().toLowerCase();
+  if (v === "right" || v === "end") return "right";
+  if (v === "center") return "center";
+  if (v === "justify") return "justify";
+  return "";
+}
+function applyCellFormatting(el, fmt) {
+  if (fmt.bgRgb && !fmt.bgTransparent) {
+    const v = nearestBackgroundColorValue(fmt.bgRgb);
+    if (v !== "default") el.setAttribute("data-background-color", v);
+  }
+  if (fmt.colorRgb) {
+    const v = nearestTextColorValue(fmt.colorRgb);
+    if (v !== "default") el.setAttribute("data-text-color", v);
+  }
+  if (["right", "center", "justify"].includes(fmt.align)) {
+    el.setAttribute("data-text-alignment", fmt.align);
+  }
+  if ((fmt.bold || fmt.italic || fmt.underline) && el.innerHTML.trim()) {
+    let inner = el.innerHTML;
+    if (fmt.underline) inner = `<u>${inner}</u>`;
+    if (fmt.italic) inner = `<em>${inner}</em>`;
+    if (fmt.bold) inner = `<strong>${inner}</strong>`;
+    el.innerHTML = inner;
+  }
+}
+function readComputedFormat(el) {
+  const cs = getComputedStyle(el);
+  const fw = cs.fontWeight;
+  const fwNum = parseInt(fw, 10);
+  const decoration = cs.textDecorationLine || cs.textDecoration || "";
+  return {
+    bgRgb: parseCssColorToRgb(cs.backgroundColor),
+    bgTransparent: isTransparentColor(cs.backgroundColor),
+    colorRgb: parseCssColorToRgb(cs.color),
+    align: normalizeAlign(cs.textAlign),
+    bold: fw === "bold" || fw === "bolder" || !isNaN(fwNum) && fwNum >= 600,
+    italic: (cs.fontStyle || "").toLowerCase().includes("italic"),
+    underline: decoration.toLowerCase().includes("underline")
+  };
+}
+function readInlineFormat(el) {
+  const sm = parseStyle(el.getAttribute("style") || "");
+  const bgRaw = sm["background-color"] || sm["background"] || "";
+  const bgRgb = colorFromBackgroundShorthand(bgRaw) || parseCssColorToRgb(el.getAttribute("bgcolor"));
+  const fw = (sm["font-weight"] || "").toLowerCase();
+  const decoration = sm["text-decoration"] || sm["text-decoration-line"] || "";
+  return {
+    bgRgb,
+    bgTransparent: !bgRaw && !el.getAttribute("bgcolor"),
+    colorRgb: parseCssColorToRgb(sm["color"]),
+    align: normalizeAlign(sm["text-align"] || el.getAttribute("align")),
+    bold: fw === "bold" || fw === "bolder" || parseInt(fw, 10) >= 600,
+    italic: (sm["font-style"] || "").toLowerCase().includes("italic"),
+    underline: decoration.toLowerCase().includes("underline")
+  };
+}
+function normalizeExcelTableHtml(html) {
+  if (!html || typeof DOMParser === "undefined") return html;
+  try {
+    const doc = new DOMParser().parseFromString(html, "text/html");
+    doc.querySelectorAll("script").forEach((s) => s.remove());
+    if (!doc.querySelector("table")) return html;
+    if (typeof document !== "undefined" && document.body && typeof HTMLElement !== "undefined" && typeof HTMLElement.prototype.attachShadow === "function") {
+      let host = null;
+      try {
+        host = document.createElement("div");
+        host.setAttribute("aria-hidden", "true");
+        host.style.cssText = "position:absolute;left:-99999px;top:0;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none";
+        const shadow = host.attachShadow({ mode: "open" });
+        const styles = Array.from(doc.querySelectorAll("style")).map((s) => s.outerHTML).join("");
+        shadow.innerHTML = styles + doc.body.innerHTML;
+        document.body.appendChild(host);
+        shadow.querySelectorAll("td, th").forEach((node) => {
+          applyCellFormatting(node, readComputedFormat(node));
+        });
+        const out = Array.from(shadow.querySelectorAll("table")).map((t) => t.outerHTML).join("");
+        return out || html;
+      } finally {
+        if (host && host.parentNode) host.parentNode.removeChild(host);
+      }
+    }
+    doc.querySelectorAll("td, th").forEach((node) => {
+      applyCellFormatting(node, readInlineFormat(node));
+    });
+    return Array.from(doc.querySelectorAll("table")).map((t) => t.outerHTML).join("") || html;
+  } catch {
+    return html;
+  }
+}
+
 // src/constants/limits.ts
 var MAX_FILE_SIZE = 10 * 1024 * 1024;
 var MAX_VIDEO_FILE_SIZE = 100 * 1024 * 1024;
@@ -3749,6 +3978,16 @@ function LumirEditor({
             return true;
           }
         }
+        const pastedHtml = event?.clipboardData?.getData?.("text/html") || "";
+        if (/<table[\s>]/i.test(pastedHtml)) {
+          DEBUG_LOG("paste:step0:table", "table HTML detected, using pasteHTML", {
+            htmlLen: pastedHtml.length,
+            hasFiles: !!event?.clipboardData?.files?.length
+          });
+          event.preventDefault();
+          editor2.pasteHTML(normalizeExcelTableHtml(pastedHtml));
+          return true;
+        }
         const fileList = event?.clipboardData?.files ?? null;
         const files = fileList ? Array.from(fileList) : [];
         const acceptedFiles = files.filter(