@canvas-components/list-table 0.3.19 → 0.3.21

package/dist/index.cjs

@@ -3,9 +3,30 @@
 var utils = require('@canvas-components/utils');
 var barcode = require('@canvas-components/barcode');
 var chart = require('@canvas-components/chart');
+var antDesignIcons = require('@ant-design/icons-svg');
 var qrcode = require('@canvas-components/qrcode');
 var stats = require('@canvas-components/stats');
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var antDesignIcons__namespace = /*#__PURE__*/_interopNamespace(antDesignIcons);
+
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -4534,7 +4555,7 @@ function drawImagePlaceholder(ctx, x, y, width, height, backgroundColor = PLACEH
   ctx.fill();
 }
 
-// src/rendering/cell-content/draw-symbol.ts
+// src/rendering/icons/draw-symbol.ts
 var SYMBOL_COLOR_MAP = {
   star: "#fadb14",
   sun: "#faad14",
@@ -4558,6 +4579,11 @@ function drawCellSymbol(ctx, params) {
     return;
   }
   appendCellSymbolPath(ctx, type, x, y, size);
+  if (fillRatio >= 1) {
+    ctx.fillStyle = activeColor;
+    ctx.fill("evenodd");
+    return;
+  }
   ctx.fillStyle = inactiveColor;
   ctx.fill("evenodd");
   if (fillRatio <= 0) {
@@ -4605,6 +4631,12 @@ function drawStatusSymbol(ctx, params) {
   ctx.lineJoin = "round";
   ctx.lineWidth = Math.max(size * 0.12, 1.5);
   appendStatusSymbolPath(ctx, type, x, y, size);
+  if (fillRatio >= 1) {
+    ctx.strokeStyle = activeColor;
+    ctx.stroke();
+    ctx.restore();
+    return;
+  }
   ctx.strokeStyle = inactiveColor;
   ctx.stroke();
   if (fillRatio > 0) {
@@ -4668,6 +4700,838 @@ function appendMoonPath(ctx, x, y, size) {
   ctx.closePath();
 }
 
+// src/rendering/icons/icon-stroke.ts
+function resolveIconStroke(ctx) {
+  const identity = (value) => value;
+  const fallback = { width: 2, snapX: identity, snapY: identity };
+  const transform = ctx.getTransform?.();
+  if (!transform || ![
+    transform.a,
+    transform.b,
+    transform.c,
+    transform.d,
+    transform.e,
+    transform.f
+  ].every(Number.isFinite))
+    return fallback;
+  if (Math.abs(transform.b) > 1e-8 || Math.abs(transform.c) > 1e-8 || transform.a <= 0 || Math.abs(transform.a - transform.d) > 1e-8)
+    return fallback;
+  const scale = transform.a;
+  const pixels = Math.max(1, Math.round(2 * scale));
+  const phase = pixels % 2 / 2;
+  const snap = (value, translation) => (Math.round(value * scale + translation - phase) + phase - translation) / scale;
+  return {
+    width: pixels / scale,
+    snapX: (value) => snap(value, transform.e),
+    snapY: (value) => snap(value, transform.f)
+  };
+}
+var listTableBuiltinIconNames = [
+  "star",
+  "sun",
+  "moon",
+  "check",
+  "close",
+  "circle",
+  "check-circle",
+  "close-circle",
+  "clock-circle",
+  "info-circle",
+  "question-circle",
+  "warning",
+  "loading",
+  "plus",
+  "minus",
+  "plus-circle",
+  "minus-circle",
+  "up",
+  "down",
+  "left",
+  "right",
+  "arrow-up",
+  "arrow-down",
+  "arrow-left",
+  "arrow-right",
+  "search",
+  "edit",
+  "delete",
+  "copy",
+  "save",
+  "upload",
+  "download",
+  "reload",
+  "ellipsis",
+  "file",
+  "file-text",
+  "file-pdf",
+  "folder",
+  "folder-open",
+  "picture",
+  "user",
+  "team",
+  "calendar",
+  "filter",
+  "sort-ascending",
+  "sort-descending",
+  "link",
+  "eye",
+  "lock",
+  "unlock",
+  "home",
+  "mail",
+  "setting",
+  "header-sort",
+  "header-sort-ascending",
+  "header-sort-descending",
+  "header-filter",
+  "header-fixed"
+];
+var listTableAntdIconNames = Object.keys(
+  antDesignIcons__namespace
+);
+var listTableIconNames = [
+  ...listTableBuiltinIconNames,
+  ...listTableAntdIconNames
+];
+function getAntdIconDefinition(name) {
+  return Object.prototype.hasOwnProperty.call(antDesignIcons__namespace, name) ? antDesignIcons__namespace[name] : void 0;
+}
+
+// src/rendering/icons/svg-path.ts
+function parseSvgPath(source) {
+  const output = [];
+  let offset = 0, command = "", previous = "", x = 0, y = 0, startX = 0, startY = 0, controlX = 0, controlY = 0;
+  const skip = () => {
+    while (/[\s,]/.test(source[offset] ?? "!") && offset < source.length)
+      offset++;
+  };
+  const number = (flag = false) => {
+    skip();
+    const match = source.slice(offset).match(flag ? /^[01]/ : /^[-+]?(?:\d*\.\d+|\d+\.?\d*)(?:[eE][-+]?\d+)?/);
+    if (!match) throw new Error(`\u65E0\u6548 SVG \u8DEF\u5F84\u53C2\u6570\uFF0C\u4F4D\u7F6E ${offset}`);
+    offset += match[0].length;
+    const value = Number(match[0]);
+    if (!Number.isFinite(value)) throw new Error("SVG \u8DEF\u5F84\u5305\u542B\u975E\u6709\u9650\u5750\u6807");
+    return value;
+  };
+  while (offset < source.length) {
+    skip();
+    if (offset >= source.length) break;
+    if (/[a-z]/i.test(source[offset])) command = source[offset++];
+    else if (!command) throw new Error(`\u7F3A\u5C11 SVG \u8DEF\u5F84\u547D\u4EE4\uFF0C\u4F4D\u7F6E ${offset}`);
+    const upper = command.toUpperCase();
+    const relative = upper !== command;
+    const point = () => [
+      number() + (relative ? x : 0),
+      number() + (relative ? y : 0)
+    ];
+    if (upper === "Z") {
+      output.push({ op: "Z", args: [] });
+      x = startX;
+      y = startY;
+      command = "";
+    } else if (upper === "M" || upper === "L") {
+      const target = point();
+      output.push({ op: upper, args: target });
+      [x, y] = target;
+      if (upper === "M") {
+        startX = x;
+        startY = y;
+        command = relative ? "l" : "L";
+      }
+    } else if (upper === "H" || upper === "V") {
+      const value = number();
+      if (upper === "H") x = value + (relative ? x : 0);
+      else y = value + (relative ? y : 0);
+      output.push({ op: "L", args: [x, y] });
+    } else if (upper === "C" || upper === "S") {
+      const first = upper === "C" ? point() : [
+        /[CS]/.test(previous) ? 2 * x - controlX : x,
+        /[CS]/.test(previous) ? 2 * y - controlY : y
+      ];
+      const second = point();
+      const target = point();
+      output.push({ op: "C", args: [...first, ...second, ...target] });
+      [controlX, controlY] = second;
+      [x, y] = target;
+    } else if (upper === "Q" || upper === "T") {
+      const control = upper === "Q" ? point() : [
+        /[QT]/.test(previous) ? 2 * x - controlX : x,
+        /[QT]/.test(previous) ? 2 * y - controlY : y
+      ];
+      const target = point();
+      output.push({ op: "Q", args: [...control, ...target] });
+      [controlX, controlY] = control;
+      [x, y] = target;
+    } else if (upper === "A") {
+      const rx = number(), ry = number(), rotation = number(), large = number(true), sweep = number(true);
+      const target = point();
+      output.push(
+        ...arcCommands(
+          x,
+          y,
+          rx,
+          ry,
+          rotation,
+          large,
+          sweep,
+          target[0],
+          target[1]
+        )
+      );
+      [x, y] = target;
+    } else throw new Error(`\u4E0D\u652F\u6301\u7684 SVG \u8DEF\u5F84\u547D\u4EE4 ${command}`);
+    previous = upper;
+  }
+  return output;
+}
+function arcCommands(x1, y1, rx, ry, rotation, large, sweep, x2, y2) {
+  if (x1 === x2 && y1 === y2) return [];
+  rx = Math.abs(rx);
+  ry = Math.abs(ry);
+  if (!rx || !ry) return [{ op: "L", args: [x2, y2] }];
+  const phi = rotation * Math.PI / 180, cos = Math.cos(phi), sin = Math.sin(phi);
+  const px = cos * (x1 - x2) / 2 + sin * (y1 - y2) / 2;
+  const py = -sin * (x1 - x2) / 2 + cos * (y1 - y2) / 2;
+  const scale = Math.max(
+    1,
+    Math.sqrt(px * px / (rx * rx) + py * py / (ry * ry))
+  );
+  rx *= scale;
+  ry *= scale;
+  const denominator = rx * rx * py * py + ry * ry * px * px;
+  const factor = (large === sweep ? -1 : 1) * Math.sqrt(Math.max(0, (rx * rx * ry * ry - denominator) / denominator));
+  const cxp = factor * rx * py / ry, cyp = -factor * ry * px / rx;
+  const cx = cos * cxp - sin * cyp + (x1 + x2) / 2, cy = sin * cxp + cos * cyp + (y1 + y2) / 2;
+  const start = Math.atan2((py - cyp) / ry, (px - cxp) / rx);
+  const finish = Math.atan2((-py - cyp) / ry, (-px - cxp) / rx);
+  let delta = finish - start;
+  if (sweep && delta < 0) delta += Math.PI * 2;
+  if (!sweep && delta > 0) delta -= Math.PI * 2;
+  const count = Math.max(1, Math.ceil(Math.abs(delta) / (Math.PI / 2)));
+  const step = delta / count;
+  const point = (angle) => [
+    cx + rx * cos * Math.cos(angle) - ry * sin * Math.sin(angle),
+    cy + rx * sin * Math.cos(angle) + ry * cos * Math.sin(angle)
+  ];
+  const derivative = (angle) => [
+    -rx * cos * Math.sin(angle) - ry * sin * Math.cos(angle),
+    -rx * sin * Math.sin(angle) + ry * cos * Math.cos(angle)
+  ];
+  return Array.from({ length: count }, (_, index) => {
+    const a = start + step * index, b = a + step, k = 4 / 3 * Math.tan(step / 4);
+    const p = point(a), q = point(b), dp = derivative(a), dq = derivative(b);
+    return {
+      op: "C",
+      args: [
+        p[0] + k * dp[0],
+        p[1] + k * dp[1],
+        q[0] - k * dq[0],
+        q[1] - k * dq[1],
+        ...index === count - 1 ? [x2, y2] : q
+      ]
+    };
+  });
+}
+function traceSvgPath(ctx, commands) {
+  ctx.beginPath();
+  for (const { op, args: a } of commands) {
+    if (op === "M") ctx.moveTo(a[0], a[1]);
+    else if (op === "L") ctx.lineTo(a[0], a[1]);
+    else if (op === "C") ctx.bezierCurveTo(a[0], a[1], a[2], a[3], a[4], a[5]);
+    else if (op === "Q") ctx.quadraticCurveTo(a[0], a[1], a[2], a[3]);
+    else ctx.closePath();
+  }
+}
+
+// src/rendering/icons/draw-antd-icon.ts
+var pathCache = /* @__PURE__ */ new Map();
+var CACHE_LIMIT = 256;
+function secondaryColor(primary) {
+  let hex = primary.replace(/^#/, "");
+  if (/^[\da-f]{3}$/i.test(hex))
+    hex = [...hex].map((char) => char + char).join("");
+  if (!/^[\da-f]{6}$/i.test(hex)) return "#e6f4ff";
+  const channels = [0, 2, 4].map(
+    (start) => Math.round(255 * 0.85 + parseInt(hex.slice(start, start + 2), 16) * 0.15)
+  );
+  return `rgb(${channels.join(",")})`;
+}
+function drawAntdIcon(ctx, params) {
+  const definition = getAntdIconDefinition(params.type);
+  if (!definition) return false;
+  const primary = Array.isArray(params.twoToneColor) ? params.twoToneColor[0] : params.twoToneColor ?? params.color;
+  const secondary = Array.isArray(params.twoToneColor) ? params.twoToneColor[1] : secondaryColor(primary);
+  const root = typeof definition.icon === "function" ? definition.icon(primary, secondary) : definition.icon;
+  const [vx, vy, vw, vh] = (root.attrs.viewBox ?? "0 0 1024 1024").split(/[\s,]+/).map(Number);
+  ctx.save();
+  try {
+    const scale = params.size / Math.max(vw, vh);
+    ctx.translate(
+      params.x + (params.size - vw * scale) / 2,
+      params.y + (params.size - vh * scale) / 2
+    );
+    ctx.scale(scale, scale);
+    ctx.translate(-vx, -vy);
+    drawNode(ctx, root, primary);
+  } finally {
+    ctx.restore();
+  }
+  return true;
+}
+function drawNode(ctx, node, inheritedColor) {
+  if (node.tag === "defs" || node.tag === "style") return;
+  const color = node.attrs.fill ?? inheritedColor;
+  ctx.save();
+  try {
+    const opacity = Number(node.attrs["fill-opacity"] ?? 1);
+    ctx.globalAlpha *= Number.isFinite(opacity) ? Math.max(0, Math.min(opacity, 1)) : 1;
+    if (node.tag === "path" && node.attrs.d && color !== "none") {
+      ctx.fillStyle = color === "currentColor" ? inheritedColor : color;
+      const data = node.attrs.d;
+      let entry = pathCache.get(data);
+      if (entry) pathCache.delete(data);
+      else if (typeof Path2D === "function") {
+        try {
+          entry = { path: new Path2D(data) };
+        } catch {
+          entry = { commands: parseSvgPath(data) };
+        }
+      } else entry = { commands: parseSvgPath(data) };
+      pathCache.set(data, entry);
+      if (pathCache.size > CACHE_LIMIT)
+        pathCache.delete(pathCache.keys().next().value);
+      const rule = node.attrs["fill-rule"] === "evenodd" ? "evenodd" : "nonzero";
+      if (entry.path) ctx.fill(entry.path, rule);
+      else {
+        traceSvgPath(ctx, entry.commands);
+        ctx.fill(rule);
+      }
+    }
+    for (const child of node.children ?? []) drawNode(ctx, child, color);
+  } finally {
+    ctx.restore();
+  }
+}
+
+// src/rendering/icons/draw-header-action-icon.ts
+var FILTER_ICON_VIEWBOX_SIZE = 1024;
+var FILTER_ICON_PATH_DATA = "M922.366667 114.813333A53.04 53.04 0 0 0 874.666667 85.333333H149.333333a53.333333 53.333333 0 0 0-42.666666 85.333334l277.333333 369.78V917.333333a21.333333 21.333333 0 0 0 29.253333 19.806667l213.333334-85.333333A21.333333 21.333333 0 0 0 640 832V540.446667L917.333333 170.666667a53.04 53.04 0 0 0 5.033334-55.853334z";
+var FIXED_PIN_VIEWBOX_SIZE = 1024;
+var FIXED_PIN_PATH_DATA = "M963.925333 326.997333L697.002667 60.074667a25.6 25.6 0 0 0-43.52 21.845333l14.506666 99.498667-273.066666 151.381333c-91.477333-45.738667-170.666667-36.693333-234.496 27.306667a25.941333 25.941333 0 0 0 0 36.352L327.68 563.2 57.685333 930.645333a25.6 25.6 0 0 0 35.84 35.669334l366.250667-270.677334 167.765333 167.936a25.941333 25.941333 0 0 0 36.352 0c79.530667-79.701333 58.538667-165.546667 26.965334-233.813333l152.064-273.066667 99.157333 14.165334a25.6 25.6 0 0 0 26.624-13.824 25.941333 25.941333 0 0 0-4.778667-30.037334z";
+var filterIconPath = null;
+var fixedPinPath = null;
+function drawHeaderActionGlyph(ctx, rect, actionType, color = "#8c8c8c", sortOrder = null, activeColor = "#1677ff") {
+  ctx.save();
+  ctx.strokeStyle = color;
+  ctx.fillStyle = color;
+  if (actionType === "sort") {
+    ctx.beginPath();
+    ctx.fillStyle = sortOrder === "ascend" ? activeColor : color;
+    ctx.moveTo(rect.x + rect.width / 2, rect.y + 1);
+    ctx.lineTo(rect.x + rect.width - 2, rect.y + 6);
+    ctx.lineTo(rect.x + 2, rect.y + 6);
+    ctx.closePath();
+    ctx.fill();
+    ctx.beginPath();
+    ctx.fillStyle = sortOrder === "descend" ? activeColor : color;
+    ctx.moveTo(rect.x + 2, rect.y + rect.height - 6);
+    ctx.lineTo(rect.x + rect.width - 2, rect.y + rect.height - 6);
+    ctx.lineTo(rect.x + rect.width / 2, rect.y + rect.height - 1);
+    ctx.closePath();
+    ctx.fill();
+  } else if (actionType === "filter") {
+    drawFilterIcon(ctx, rect);
+  } else {
+    drawFixedPinIcon(ctx, rect);
+  }
+  ctx.restore();
+}
+function drawFilterIcon(ctx, rect) {
+  const iconWidth = rect.width * 0.92;
+  const iconHeight = rect.height * 0.7;
+  const offsetX = rect.x + (rect.width - iconWidth) / 2;
+  const offsetY = rect.y + (rect.height - iconHeight) / 2;
+  const path = resolveIconPath("filter");
+  if (path) {
+    ctx.save();
+    ctx.translate(offsetX, offsetY);
+    ctx.scale(
+      iconWidth / FILTER_ICON_VIEWBOX_SIZE,
+      iconHeight / FILTER_ICON_VIEWBOX_SIZE
+    );
+    ctx.fill(path);
+    ctx.restore();
+    return;
+  }
+  ctx.beginPath();
+  ctx.moveTo(offsetX, offsetY);
+  ctx.lineTo(offsetX + iconWidth, offsetY);
+  ctx.lineTo(offsetX + iconWidth * 0.62, offsetY + iconHeight * 0.52);
+  ctx.lineTo(offsetX + iconWidth * 0.62, offsetY + iconHeight);
+  ctx.lineTo(offsetX + iconWidth * 0.38, offsetY + iconHeight * 0.88);
+  ctx.lineTo(offsetX + iconWidth * 0.38, offsetY + iconHeight * 0.52);
+  ctx.closePath();
+  ctx.fill();
+}
+function drawFixedPinIcon(ctx, rect) {
+  const iconSize = Math.min(rect.width, rect.height) * 0.92;
+  const offsetX = rect.x + (rect.width - iconSize) / 2;
+  const offsetY = rect.y + (rect.height - iconSize) / 2;
+  const scale = iconSize / FIXED_PIN_VIEWBOX_SIZE;
+  const path = resolveIconPath("fixed");
+  if (path) {
+    ctx.save();
+    ctx.translate(offsetX, offsetY);
+    ctx.scale(scale, scale);
+    ctx.fill(path);
+    ctx.restore();
+    return;
+  }
+  ctx.beginPath();
+  ctx.moveTo(offsetX + iconSize * 0.68, offsetY);
+  ctx.lineTo(offsetX + iconSize, offsetY + iconSize * 0.32);
+  ctx.lineTo(offsetX + iconSize * 0.78, offsetY + iconSize * 0.34);
+  ctx.lineTo(offsetX + iconSize * 0.62, offsetY + iconSize * 0.64);
+  ctx.lineTo(offsetX + iconSize * 0.74, offsetY + iconSize * 0.76);
+  ctx.lineTo(offsetX + iconSize * 0.52, offsetY + iconSize * 0.82);
+  ctx.lineTo(offsetX + iconSize * 0.16, offsetY + iconSize);
+  ctx.lineTo(offsetX + iconSize * 0.34, offsetY + iconSize * 0.64);
+  ctx.lineTo(offsetX + iconSize * 0.2, offsetY + iconSize * 0.5);
+  ctx.lineTo(offsetX + iconSize * 0.5, offsetY + iconSize * 0.34);
+  ctx.closePath();
+  ctx.fill();
+}
+function resolveIconPath(type) {
+  if (typeof Path2D === "undefined") return null;
+  if (type === "filter") {
+    filterIconPath ?? (filterIconPath = new Path2D(FILTER_ICON_PATH_DATA));
+    return filterIconPath;
+  }
+  fixedPinPath ?? (fixedPinPath = new Path2D(FIXED_PIN_PATH_DATA));
+  return fixedPinPath;
+}
+
+// src/rendering/icons/draw-icon.ts
+function resolveIconColor(type, fallback = "#1f2329") {
+  if (isLegacy(type)) return resolveCellSymbolColor(type);
+  if (type === "check-circle") return "#52c41a";
+  if (type === "close-circle") return "#ff4d4f";
+  if (type === "warning") return "#faad14";
+  if (type === "info-circle" || type === "question-circle") return "#1677ff";
+  if (type.endsWith("TwoTone")) return "#1677ff";
+  if (type.startsWith("header-")) return "#8c8c8c";
+  return fallback;
+}
+function isLegacy(type) {
+  return type === "star" || type === "sun" || type === "moon" || type === "check" || type === "close";
+}
+function drawIcon(ctx, params) {
+  const { type, x, y, size } = params;
+  if (![x, y, size].every(Number.isFinite) || size <= 0) return;
+  const color = params.color ?? resolveIconColor(type);
+  if (drawAntdIcon(ctx, { ...params, color })) return;
+  ctx.save();
+  try {
+    if (type.startsWith("header-")) {
+      ctx.translate(x, y);
+      ctx.scale(size / 14, size / 14);
+      drawHeaderActionGlyph(
+        ctx,
+        { x: 0, y: 0, width: 14, height: 14 },
+        type === "header-filter" ? "filter" : type === "header-fixed" ? "fixed" : "sort",
+        color,
+        type === "header-sort-ascending" ? "ascend" : type === "header-sort-descending" ? "descend" : null,
+        params.color ?? "#1677ff"
+      );
+      return;
+    }
+    if (isLegacy(type)) {
+      drawCellSymbol(ctx, {
+        type,
+        x,
+        y,
+        size,
+        activeColor: color,
+        inactiveColor: color,
+        fillRatio: 1
+      });
+      return;
+    }
+    ctx.translate(x, y);
+    ctx.scale(size / 24, size / 24);
+    ctx.strokeStyle = color;
+    ctx.fillStyle = color;
+    const stroke = resolveIconStroke(ctx);
+    ctx.lineWidth = stroke.width;
+    ctx.lineCap = "round";
+    ctx.lineJoin = "round";
+    ctx.setLineDash([]);
+    appendIconPath(ctx, type, stroke);
+    ctx.stroke();
+  } finally {
+    ctx.restore();
+  }
+}
+function appendIconPath(ctx, type, stroke) {
+  const line = (...points) => {
+    const aligned = [...points];
+    for (let i = 2; i < points.length; i += 2) {
+      if (points[i - 2] === points[i])
+        aligned[i - 2] = aligned[i] = stroke.snapX(points[i]);
+      if (points[i - 1] === points[i + 1])
+        aligned[i - 1] = aligned[i + 1] = stroke.snapY(points[i + 1]);
+    }
+    ctx.moveTo(aligned[0], aligned[1]);
+    for (let i = 2; i < aligned.length; i += 2)
+      ctx.lineTo(aligned[i], aligned[i + 1]);
+  };
+  const rect = (x, y, width, height) => {
+    const left = stroke.snapX(x);
+    const top = stroke.snapY(y);
+    ctx.rect(
+      left,
+      top,
+      stroke.snapX(x + width) - left,
+      stroke.snapY(y + height) - top
+    );
+  };
+  const circle = (x = 12, y = 12, r = 9) => {
+    ctx.moveTo(x + r, y);
+    ctx.arc(x, y, r, 0, Math.PI * 2);
+  };
+  const plus = () => {
+    line(7, 12, 17, 12);
+    line(12, 7, 12, 17);
+  };
+  const check = () => line(7, 12, 10.5, 15.5, 17, 8.5);
+  const cross = () => {
+    line(8, 8, 16, 16);
+    line(16, 8, 8, 16);
+  };
+  const file = () => {
+    line(5, 3, 14, 3, 19, 8, 19, 21, 5, 21, 5, 3);
+    line(14, 3, 14, 8, 19, 8);
+  };
+  ctx.beginPath();
+  switch (type) {
+    case "circle":
+      circle();
+      break;
+    case "check-circle":
+      circle();
+      check();
+      break;
+    case "close-circle":
+      circle();
+      cross();
+      break;
+    case "clock-circle":
+      circle();
+      line(12, 6, 12, 12, 16, 14);
+      break;
+    case "info-circle":
+      circle();
+      line(12, 11, 12, 17);
+      circle(12, 7, 0.4);
+      break;
+    case "question-circle":
+      circle();
+      ctx.moveTo(9, 8);
+      ctx.bezierCurveTo(9, 4, 18, 6, 14, 11);
+      line(14, 11, 12, 13, 12, 14);
+      circle(12, 17, 0.4);
+      break;
+    case "warning":
+      line(12, 3, 22, 20, 2, 20, 12, 3);
+      line(12, 9, 12, 13);
+      circle(12, 17, 0.4);
+      break;
+    case "loading":
+      ctx.arc(12, 12, 9, -Math.PI / 2, Math.PI);
+      break;
+    case "plus":
+      plus();
+      break;
+    case "minus":
+      line(5, 12, 19, 12);
+      break;
+    case "plus-circle":
+      circle();
+      plus();
+      break;
+    case "minus-circle":
+      circle();
+      line(7, 12, 17, 12);
+      break;
+    case "up":
+      line(5, 15, 12, 8, 19, 15);
+      break;
+    case "down":
+      line(5, 9, 12, 16, 19, 9);
+      break;
+    case "left":
+      line(15, 5, 8, 12, 15, 19);
+      break;
+    case "right":
+      line(9, 5, 16, 12, 9, 19);
+      break;
+    case "arrow-up":
+      line(12, 21, 12, 3);
+      line(5, 10, 12, 3, 19, 10);
+      break;
+    case "arrow-down":
+      line(12, 3, 12, 21);
+      line(5, 14, 12, 21, 19, 14);
+      break;
+    case "arrow-left":
+      line(21, 12, 3, 12);
+      line(10, 5, 3, 12, 10, 19);
+      break;
+    case "arrow-right":
+      line(3, 12, 21, 12);
+      line(14, 5, 21, 12, 14, 19);
+      break;
+    case "search":
+      circle(10, 10, 6.5);
+      line(15, 15, 21, 21);
+      break;
+    case "edit":
+      line(4, 15, 16, 3, 21, 8, 9, 20, 3, 21, 4, 15);
+      line(13, 6, 18, 11);
+      break;
+    case "delete":
+      line(3, 6, 21, 6);
+      line(8, 6, 8, 3, 16, 3, 16, 6);
+      line(5, 6, 6, 21, 18, 21, 19, 6);
+      line(10, 10, 10, 17);
+      line(14, 10, 14, 17);
+      break;
+    case "copy":
+      rect(8, 8, 13, 13);
+      line(16, 5, 16, 3, 3, 3, 3, 16, 5, 16);
+      break;
+    case "save":
+      line(3, 3, 17, 3, 21, 7, 21, 21, 3, 21, 3, 3);
+      rect(7, 3, 9, 6);
+      rect(7, 14, 10, 7);
+      break;
+    case "upload":
+      line(12, 17, 12, 3);
+      line(7, 8, 12, 3, 17, 8);
+      line(3, 16, 3, 21, 21, 21, 21, 16);
+      break;
+    case "download":
+      line(12, 3, 12, 17);
+      line(7, 12, 12, 17, 17, 12);
+      line(3, 16, 3, 21, 21, 21, 21, 16);
+      break;
+    case "reload": {
+      const end = Math.PI * 11 / 6;
+      ctx.arc(12, 12, 8, Math.PI / 6, end);
+      const tipX = 12 + 8 * Math.cos(end);
+      const tipY = 12 + 8 * Math.sin(end);
+      const arrowAngle = end + Math.PI / 2 - Math.PI / 9;
+      const tangentX = Math.cos(arrowAngle);
+      const tangentY = Math.sin(arrowAngle);
+      const baseX = tipX - tangentX * 4;
+      const baseY = tipY - tangentY * 4;
+      line(
+        baseX - tangentY * 3,
+        baseY + tangentX * 3,
+        tipX,
+        tipY,
+        baseX + tangentY * 3,
+        baseY - tangentX * 3
+      );
+      break;
+    }
+    case "ellipsis":
+      circle(5, 12, 1);
+      circle(12, 12, 1);
+      circle(19, 12, 1);
+      break;
+    case "file":
+      file();
+      break;
+    case "file-text":
+      file();
+      line(8, 12, 16, 12);
+      line(8, 16, 16, 16);
+      break;
+    case "file-pdf":
+      file();
+      line(8, 17, 8, 11, 11, 11, 12, 12, 12, 14, 8, 14);
+      line(14, 17, 14, 12, 17, 12);
+      line(14, 14.5, 16, 14.5);
+      break;
+    case "folder":
+      line(2, 5, 9, 5, 11, 8, 22, 8, 22, 20, 2, 20, 2, 5);
+      break;
+    case "folder-open":
+      line(2, 18, 2, 5, 9, 5, 11, 8, 20, 8, 20, 10);
+      line(2, 20, 6, 11, 22, 11, 18, 20, 2, 20);
+      break;
+    case "picture":
+      rect(3, 3, 18, 18);
+      circle(8, 8, 2);
+      line(3, 19, 9, 13, 13, 16, 17, 11, 21, 15);
+      break;
+    case "user":
+      circle(12, 7, 4);
+      ctx.moveTo(4, 21);
+      ctx.bezierCurveTo(4, 10, 20, 10, 20, 21);
+      break;
+    case "team":
+      circle(9, 7, 3.5);
+      ctx.moveTo(2, 21);
+      ctx.bezierCurveTo(2, 11, 16, 11, 16, 21);
+      ctx.moveTo(17, 4);
+      ctx.arc(17, 7, 3, -Math.PI / 2, Math.PI / 2);
+      ctx.moveTo(18, 14);
+      ctx.bezierCurveTo(22, 14, 22, 18, 22, 21);
+      break;
+    case "calendar":
+      rect(3, 5, 18, 16);
+      line(3, 10, 21, 10);
+      line(8, 2, 8, 7);
+      line(16, 2, 16, 7);
+      line(7, 14, 10, 14);
+      line(14, 14, 17, 14);
+      line(7, 17, 10, 17);
+      break;
+    case "filter":
+      line(3, 3, 21, 3, 14, 12, 14, 20, 10, 22, 10, 12, 3, 3);
+      break;
+    case "sort-ascending":
+      line(4, 6, 18, 6);
+      line(4, 12, 13, 12);
+      line(4, 18, 8, 18);
+      line(19, 10, 19, 21);
+      line(16, 18, 19, 21, 22, 18);
+      break;
+    case "sort-descending":
+      line(4, 6, 8, 6);
+      line(4, 12, 13, 12);
+      line(4, 18, 15, 18);
+      line(19, 3, 19, 14);
+      line(16, 6, 19, 3, 22, 6);
+      break;
+    case "link":
+      line(8, 16, 16, 8);
+      ctx.moveTo(10, 6);
+      ctx.bezierCurveTo(16, -2, 26, 8, 18, 14);
+      ctx.moveTo(14, 18);
+      ctx.bezierCurveTo(8, 26, -2, 16, 6, 10);
+      break;
+    case "eye":
+      ctx.moveTo(2, 12);
+      ctx.bezierCurveTo(8, 2, 16, 2, 22, 12);
+      ctx.bezierCurveTo(16, 22, 8, 22, 2, 12);
+      circle(12, 12, 3);
+      break;
+    case "lock":
+      rect(5, 10, 14, 11);
+      ctx.moveTo(8, 10);
+      ctx.lineTo(8, 7);
+      ctx.arc(12, 7, 4, Math.PI, Math.PI * 2);
+      ctx.lineTo(16, 10);
+      line(12, 14, 12, 17);
+      break;
+    case "unlock":
+      rect(5, 10, 14, 11);
+      ctx.moveTo(8, 10);
+      ctx.lineTo(8, 6);
+      ctx.arc(12, 6, 4, Math.PI, Math.PI * 2);
+      line(12, 14, 12, 17);
+      break;
+    case "home":
+      line(2, 11, 12, 2, 22, 11);
+      line(5, 9, 5, 21, 19, 21, 19, 9);
+      line(9, 21, 9, 14, 15, 14, 15, 21);
+      break;
+    case "mail":
+      rect(3, 5, 18, 14);
+      line(3, 5, 12, 13, 21, 5);
+      break;
+    case "setting": {
+      for (let i = 0; i <= 32; i++) {
+        const angle = i / 32 * Math.PI * 2;
+        const radius = i % 4 < 2 ? 10 : 8;
+        const x = 12 + radius * Math.cos(angle);
+        const y = 12 + radius * Math.sin(angle);
+        if (!i) ctx.moveTo(x, y);
+        else ctx.lineTo(x, y);
+      }
+      ctx.closePath();
+      circle(12, 12, 3.5);
+      break;
+    }
+  }
+}
+
+// src/rendering/icons/draw-timeline-marker.ts
+var COLORS = {
+  blue: "#1677ff",
+  green: "#52c41a",
+  red: "#ff4d4f",
+  gray: "#8c8c8c"
+};
+function drawTimelineMarker(ctx, item, x, y, size, filled) {
+  const color = COLORS[item.color ?? "blue"] ?? item.color ?? COLORS.blue;
+  const radius = size / 2;
+  ctx.save();
+  try {
+    if (item.loading) {
+      drawIcon(ctx, {
+        type: "loading",
+        x: x - radius,
+        y: y - radius,
+        size,
+        color
+      });
+      return;
+    }
+    const icon = item.icon ?? "circle";
+    const type = icon === "cross" ? "close" : icon === "clock" ? "clock-circle" : icon;
+    if (!filled && type.endsWith("-circle")) {
+      const iconSize = size * 4 / 3;
+      drawIcon(ctx, {
+        type,
+        x: x - iconSize / 2,
+        y: y - iconSize / 2,
+        size: iconSize,
+        color
+      });
+      return;
+    }
+    ctx.strokeStyle = color;
+    ctx.fillStyle = color;
+    ctx.lineWidth = 2;
+    ctx.beginPath();
+    ctx.arc(x, y, radius, 0, Math.PI * 2);
+    if (filled) ctx.fill();
+    else ctx.stroke();
+    if (icon === "circle") return;
+    drawIcon(ctx, {
+      type,
+      x: x - size * 0.36,
+      y: y - size * 0.36,
+      size: size * 0.72,
+      color: filled ? "#fff" : color
+    });
+  } finally {
+    ctx.restore();
+  }
+}
+
+// src/rendering/icons/file-type-icon.ts
+function createFileTypeIconSource(filename) {
+  const extension = (filename.split(".").length > 1 ? filename.split(".").pop() : "FILE").toUpperCase().replace(/[^A-Z0-9]/g, "").slice(0, 4) || "FILE";
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><path d="M5 1h12l6 6v20H5z" fill="#eef4ff" stroke="#8caadb"/><path d="M17 1v7h6" fill="none" stroke="#8caadb"/><text x="14" y="20" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#315b91">${extension}</text></svg>`;
+  return `data:image/svg+xml,${encodeURIComponent(svg)}`;
+}
+
 // src/rendering/cell-content/draw-icon-content.ts
 var DEFAULT_ICON_SIZE = 20;
 function drawBodyIconContent(params) {
@@ -4687,17 +5551,16 @@ function drawBodyIconContent(params) {
   const size = Math.min(width, height);
   const left = cursorX + (width - size) / 2;
   const top = rect.y + (rect.height - size) / 2;
-  const color = content.style?.color ?? content.color ?? resolveCellSymbolColor(content.icon);
+  const color = content.style?.color ?? content.color ?? (content.icon.startsWith("header-") ? void 0 : resolveIconColor(content.icon, params.theme?.textColor));
   ctx.save();
   ctx.globalAlpha *= resolveContentOpacity(content);
-  drawCellSymbol(ctx, {
+  drawIcon(ctx, {
     type: content.icon,
     x: left,
     y: top,
     size,
-    activeColor: color,
-    inactiveColor: color,
-    fillRatio: 1
+    color,
+    twoToneColor: content.twoToneColor
   });
   ctx.restore();
   if (content.onClick || content.cursor) {
@@ -7496,7 +8359,7 @@ function resolveHeaderTextLayout(params) {
       Math.min(baseX - textLeft, textRight - baseX) * 2,
       0
     );
-    if (centeredWidth >= 12) {
+    if (centeredWidth >= Math.max(params.contentWidth ?? 0, 12)) {
       return {
         align,
         x: baseX,
@@ -7555,12 +8418,6 @@ var ACTION_GAP2 = 4;
 var ACTION_SIZE2 = 14;
 var ACTION_PADDING_INLINE2 = 10;
 var GRID_LINE_OFFSET = 0.5;
-var FILTER_ICON_VIEWBOX_SIZE = 1024;
-var FILTER_ICON_PATH_DATA = "M922.366667 114.813333A53.04 53.04 0 0 0 874.666667 85.333333H149.333333a53.333333 53.333333 0 0 0-42.666666 85.333334l277.333333 369.78V917.333333a21.333333 21.333333 0 0 0 29.253333 19.806667l213.333334-85.333333A21.333333 21.333333 0 0 0 640 832V540.446667L917.333333 170.666667a53.04 53.04 0 0 0 5.033334-55.853334z";
-var FIXED_PIN_VIEWBOX_SIZE = 1024;
-var FIXED_PIN_PATH_DATA = "M963.925333 326.997333L697.002667 60.074667a25.6 25.6 0 0 0-43.52 21.845333l14.506666 99.498667-273.066666 151.381333c-91.477333-45.738667-170.666667-36.693333-234.496 27.306667a25.941333 25.941333 0 0 0 0 36.352L327.68 563.2 57.685333 930.645333a25.6 25.6 0 0 0 35.84 35.669334l366.250667-270.677334 167.765333 167.936a25.941333 25.941333 0 0 0 36.352 0c79.530667-79.701333 58.538667-165.546667 26.965334-233.813333l152.064-273.066667 99.157333 14.165334a25.6 25.6 0 0 0 26.624-13.824 25.941333 25.941333 0 0 0-4.778667-30.037334z";
-var filterIconPath = null;
-var fixedPinPath = null;
 var EMPTY_RANGE_HIGHLIGHT = {
   selectedColumnRange: null
 };
@@ -7956,9 +8813,14 @@ function isSameRect(left, right) {
 }
 function drawResizeHandles(params, rect, columnKey, fixed) {
   if (params.isResizable(columnKey)) {
+    const rightHandleRect = getResizeHandleRect(params, rect, "right");
+    const keys = params.leafColumnKeys;
+    if (keys?.[keys.length - 1] === columnKey) {
+      rightHandleRect.width += 5;
+    }
     params.descriptors.push({
       kind: "resize-handle",
-      rect: getResizeHandleRect(params, rect, "right"),
+      rect: rightHandleRect,
       columnKey,
       resizeEdge: "right",
       fixed
@@ -8042,95 +8904,13 @@ function drawHeaderActionIcon(ctx, rect, actionType, active, hovered = false, se
     ctx.fill();
     ctx.restore();
   }
-  const color = active ? "#1677ff" : "#8c8c8c";
-  ctx.save();
-  ctx.strokeStyle = color;
-  ctx.fillStyle = color;
-  if (actionType === "sort") {
-    ctx.beginPath();
-    ctx.fillStyle = sortOrder === "ascend" ? "#1677ff" : "#8c8c8c";
-    ctx.moveTo(rect.x + rect.width / 2, rect.y + 1);
-    ctx.lineTo(rect.x + rect.width - 2, rect.y + 6);
-    ctx.lineTo(rect.x + 2, rect.y + 6);
-    ctx.closePath();
-    ctx.fill();
-    ctx.beginPath();
-    ctx.fillStyle = sortOrder === "descend" ? "#1677ff" : "#8c8c8c";
-    ctx.moveTo(rect.x + 2, rect.y + rect.height - 6);
-    ctx.lineTo(rect.x + rect.width - 2, rect.y + rect.height - 6);
-    ctx.lineTo(rect.x + rect.width / 2, rect.y + rect.height - 1);
-    ctx.closePath();
-    ctx.fill();
-  } else if (actionType === "filter") {
-    drawFilterIcon(ctx, rect);
-  } else {
-    drawFixedPinIcon(ctx, rect);
-  }
-  ctx.restore();
-}
-function drawFilterIcon(ctx, rect) {
-  const iconWidth = rect.width * 0.92;
-  const iconHeight = rect.height * 0.7;
-  const offsetX = rect.x + (rect.width - iconWidth) / 2;
-  const offsetY = rect.y + (rect.height - iconHeight) / 2;
-  const path = resolveIconPath("filter");
-  if (path) {
-    ctx.save();
-    ctx.translate(offsetX, offsetY);
-    ctx.scale(
-      iconWidth / FILTER_ICON_VIEWBOX_SIZE,
-      iconHeight / FILTER_ICON_VIEWBOX_SIZE
-    );
-    ctx.fill(path);
-    ctx.restore();
-    return;
-  }
-  ctx.beginPath();
-  ctx.moveTo(offsetX, offsetY);
-  ctx.lineTo(offsetX + iconWidth, offsetY);
-  ctx.lineTo(offsetX + iconWidth * 0.62, offsetY + iconHeight * 0.52);
-  ctx.lineTo(offsetX + iconWidth * 0.62, offsetY + iconHeight);
-  ctx.lineTo(offsetX + iconWidth * 0.38, offsetY + iconHeight * 0.88);
-  ctx.lineTo(offsetX + iconWidth * 0.38, offsetY + iconHeight * 0.52);
-  ctx.closePath();
-  ctx.fill();
-}
-function drawFixedPinIcon(ctx, rect) {
-  const iconSize = Math.min(rect.width, rect.height) * 0.92;
-  const offsetX = rect.x + (rect.width - iconSize) / 2;
-  const offsetY = rect.y + (rect.height - iconSize) / 2;
-  const scale = iconSize / FIXED_PIN_VIEWBOX_SIZE;
-  const path = resolveIconPath("fixed");
-  if (path) {
-    ctx.save();
-    ctx.translate(offsetX, offsetY);
-    ctx.scale(scale, scale);
-    ctx.fill(path);
-    ctx.restore();
-    return;
-  }
-  ctx.beginPath();
-  ctx.moveTo(offsetX + iconSize * 0.68, offsetY);
-  ctx.lineTo(offsetX + iconSize, offsetY + iconSize * 0.32);
-  ctx.lineTo(offsetX + iconSize * 0.78, offsetY + iconSize * 0.34);
-  ctx.lineTo(offsetX + iconSize * 0.62, offsetY + iconSize * 0.64);
-  ctx.lineTo(offsetX + iconSize * 0.74, offsetY + iconSize * 0.76);
-  ctx.lineTo(offsetX + iconSize * 0.52, offsetY + iconSize * 0.82);
-  ctx.lineTo(offsetX + iconSize * 0.16, offsetY + iconSize);
-  ctx.lineTo(offsetX + iconSize * 0.34, offsetY + iconSize * 0.64);
-  ctx.lineTo(offsetX + iconSize * 0.2, offsetY + iconSize * 0.5);
-  ctx.lineTo(offsetX + iconSize * 0.5, offsetY + iconSize * 0.34);
-  ctx.closePath();
-  ctx.fill();
-}
-function resolveIconPath(type) {
-  if (typeof Path2D === "undefined") return null;
-  if (type === "filter") {
-    filterIconPath ?? (filterIconPath = new Path2D(FILTER_ICON_PATH_DATA));
-    return filterIconPath;
-  }
-  fixedPinPath ?? (fixedPinPath = new Path2D(FIXED_PIN_PATH_DATA));
-  return fixedPinPath;
+  drawHeaderActionGlyph(
+    ctx,
+    rect,
+    actionType,
+    actionType === "sort" ? "#8c8c8c" : active ? "#1677ff" : "#8c8c8c",
+    sortOrder
+  );
 }
 function drawHeaderContent(ctx, contents, x, y, maxWidth, align, requestRender) {
   const gap = 4;
@@ -10884,6 +11664,131 @@ function applyTextContentStyle(ctx, content, fallbackColor, theme) {
   ctx.textBaseline = "alphabetic";
   ctx.textAlign = "left";
 }
+
+// src/features/editing/cascader-display.ts
+function normalizeCascaderDisplayPaths(options, values, strategy) {
+  const index = /* @__PURE__ */ new Map();
+  const visit = (items, parent, disabled = false) => items.map((item) => {
+    const path = [...parent, item.value];
+    const blocked = disabled || !!item.disabled;
+    const children = visit(item.children ?? [], path, blocked);
+    const node = {
+      path,
+      children,
+      leaves: blocked ? [] : children.length ? children.flatMap((child) => child.leaves) : [JSON.stringify(path)]
+    };
+    index.set(JSON.stringify(path), node);
+    return node;
+  });
+  const roots = visit(options, []);
+  const selected = /* @__PURE__ */ new Set();
+  const preserved = /* @__PURE__ */ new Map();
+  for (const path of values) {
+    const key = JSON.stringify(path);
+    const leaves = index.get(key)?.leaves;
+    if (!leaves?.length) preserved.set(key, path);
+    else leaves.forEach((leaf) => selected.add(leaf));
+  }
+  const result = [];
+  const collect = (node) => {
+    if (node.leaves.length && node.leaves.every((leaf) => selected.has(leaf)) && (strategy === "SHOW_PARENT" || !node.children.length))
+      result.push(node.path);
+    else node.children.forEach(collect);
+  };
+  roots.forEach(collect);
+  return [...result, ...preserved.values()];
+}
+
+// src/features/upload/upload-preview.ts
+var localUrls = /* @__PURE__ */ new WeakMap();
+var ownedUrls = /* @__PURE__ */ new Set();
+function canPreviewUploadPdf(file) {
+  return (file.type?.toLowerCase() === "application/pdf" || /\.pdf$/i.test(file.name)) && Boolean(resolveRemoteUrl(file.url) || file.originFileObj);
+}
+function previewUploadPdf(file) {
+  if (typeof window === "undefined" || !canPreviewUploadPdf(file)) return;
+  let url = resolveRemoteUrl(file.url);
+  if (!url && file.originFileObj) {
+    const raw = file.originFileObj;
+    url = localUrls.get(raw);
+    if (!url) {
+      url = URL.createObjectURL(
+        raw.type === "application/pdf" ? raw : raw.slice(0, raw.size, "application/pdf")
+      );
+      localUrls.set(raw, url);
+      if (!ownedUrls.size) {
+        window.addEventListener(
+          "pagehide",
+          () => {
+            ownedUrls.forEach((source) => URL.revokeObjectURL(source));
+            ownedUrls.clear();
+            localUrls = /* @__PURE__ */ new WeakMap();
+          },
+          { once: true }
+        );
+      }
+      ownedUrls.add(url);
+    }
+  }
+  if (url) window.open(url, "_blank", "noopener,noreferrer");
+}
+function resolveRemoteUrl(source) {
+  if (!source || typeof window === "undefined") return void 0;
+  try {
+    const url = new URL(source, window.location.href);
+    return ["http:", "https:", "blob:"].includes(url.protocol) ? url.href : void 0;
+  } catch {
+    return void 0;
+  }
+}
+
+// src/features/upload/upload-display.ts
+function normalizeUploadFiles(value) {
+  return Array.isArray(value) ? value.filter((file) => file && typeof file.name === "string").map((file, index) => ({ ...file, uid: String(file.uid ?? index) })) : [];
+}
+function isUploadImage(file) {
+  return file.type?.startsWith("image/") || /\.(png|jpe?g|gif|webp|bmp|avif|svg)$/i.test(file.name);
+}
+function uploadImageSource(file) {
+  const source = file.thumbUrl || file.url || "";
+  return /^(https?:|blob:|data:image\/)/i.test(source) || /^(\/|\.\/|\.\.\/)/.test(source) ? source : "";
+}
+function resolveUploadContents(value, editable = false) {
+  return normalizeUploadFiles(value).flatMap((file) => {
+    const src = isUploadImage(file) ? uploadImageSource(file) : "";
+    if (src)
+      return [
+        {
+          type: "image",
+          src,
+          alt: file.name,
+          style: { width: 24, height: 24 }
+        }
+      ];
+    const preview = canPreviewUploadPdf(file) ? { cursor: "pointer", onClick: () => previewUploadPdf(file) } : {};
+    const directPreview = editable ? {} : preview;
+    return [
+      {
+        type: "image",
+        src: createFileTypeIconSource(file.name),
+        preview: false,
+        ...directPreview,
+        style: { width: 24, height: 24 }
+      },
+      { type: "text", text: file.name, ...directPreview },
+      ...editable && preview.onClick ? [
+        {
+          type: "button",
+          text: "\u9884\u89C8",
+          buttonType: "link",
+          ...preview
+        }
+      ] : []
+    ];
+  });
+}
+
+// src/features/editing/editing-utils.ts
 function canEditCell(column, context) {
   if (!column || column.key === ROW_SELECTION_COLUMN_KEY || column.key === ROW_SELECTOR_COLUMN_KEY || column.key === EXPAND_COLUMN_KEY) {
     return false;
@@ -10917,7 +11822,13 @@ function getColumnEditConfig(column, context) {
     max: resolvedFormItemProps.max,
     step: resolvedFormItemProps.step,
     options: resolvedFormItemProps.options,
+    treeData: resolvedFormItemProps.treeData,
+    upload: resolvedFormItemProps.upload,
+    treeDefaultExpandAll: resolvedFormItemProps.treeDefaultExpandAll,
+    treeDefaultExpandedKeys: resolvedFormItemProps.treeDefaultExpandedKeys,
     changeOnSelect: resolvedFormItemProps.changeOnSelect,
+    multiple: resolvedFormItemProps.multiple,
+    showCheckedStrategy: resolvedFormItemProps.showCheckedStrategy,
     expandTrigger: resolvedFormItemProps.expandTrigger,
     allowClear: resolvedFormItemProps.allowClear,
     displayRender: resolvedFormItemProps.displayRender,
@@ -10954,16 +11865,43 @@ function resolveFormattedCellText(params) {
   if (formatter === "") {
     return "";
   }
+  if (resolvedFormItemProps?.valueType === "upload") {
+    return normalizeUploadFiles(value).map((file) => file.name).join("\u3001");
+  }
+  if (resolvedFormItemProps?.valueType === "tree-select") {
+    const titles = /* @__PURE__ */ new Map();
+    const pending = [...resolvedFormItemProps.treeData ?? []];
+    while (pending.length) {
+      const node = pending.pop();
+      titles.set(node.value, node.title);
+      if (node.children) pending.push(...node.children);
+    }
+    const values = resolvedFormItemProps.multiple ? Array.isArray(value) ? value : [] : [value];
+    return [
+      ...new Set(
+        values.filter(
+          (part) => typeof part === "string" || typeof part === "number"
+        )
+      )
+    ].map((part) => titles.get(part) ?? String(part)).join("\uFF1B");
+  }
   if (resolvedFormItemProps?.valueType === "cascader" && Array.isArray(value)) {
-    let options = resolvedFormItemProps.options ?? [];
-    const selectedOptions = [];
-    const labels = value.map((part) => {
-      const option = options.find((item) => item.value === part);
-      options = option?.children ?? [];
-      if (option) selectedOptions.push(option);
-      return option?.label ?? String(part ?? "");
-    });
-    return resolvedFormItemProps.displayRender?.(labels, selectedOptions) ?? labels.join(" / ");
+    const formatPath = (path) => {
+      let options = resolvedFormItemProps.options ?? [];
+      const selectedOptions = [];
+      const labels = path.map((part) => {
+        const option = options.find((item) => item.value === part);
+        options = option?.children ?? [];
+        if (option) selectedOptions.push(option);
+        return option?.label ?? String(part ?? "");
+      });
+      return resolvedFormItemProps.displayRender?.(labels, selectedOptions) ?? labels.join(" / ");
+    };
+    return resolvedFormItemProps.multiple ? normalizeCascaderDisplayPaths(
+      resolvedFormItemProps.options ?? [],
+      value.filter(Array.isArray),
+      resolvedFormItemProps.showCheckedStrategy ?? "SHOW_PARENT"
+    ).map(formatPath).join("\uFF1B") : formatPath(value);
   }
   if (Array.isArray(value) && (resolvedFormItemProps?.valueType === "date-range" || resolvedFormItemProps?.valueType === "datetime-range" || resolvedFormItemProps?.valueType === "timerange")) {
     const [start = "", end = ""] = value;
@@ -11056,6 +11994,196 @@ function resolveColumnFormItemProps(column, context) {
   return column.formItemProps;
 }
 
+// src/rendering/cell-content/draw-timeline-content.ts
+function positive(value, fallback) {
+  return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : fallback;
+}
+function timelineItems(content) {
+  const items = content.items ?? [];
+  return content.reverse ? [...items].reverse() : items;
+}
+function timelinePlainText(content) {
+  return timelineItems(content).map((item) => [item.title, item.content].filter(Boolean).join(" ")).join("\n");
+}
+function measureTimelineWidth(content) {
+  return positive(content.style?.width ?? content.width, 220);
+}
+function wrap(ctx, text, width) {
+  const lines = [];
+  for (const paragraph of String(text ?? "").split(/\r?\n/)) {
+    let line = "";
+    for (const character of paragraph) {
+      if (line && ctx.measureText(line + character).width > width) {
+        lines.push(line);
+        line = "";
+      }
+      line += character;
+    }
+    lines.push(line);
+  }
+  return lines;
+}
+function layoutTimeline(ctx, content, theme, availableWidth = measureTimelineWidth(content)) {
+  const width = Math.max(
+    1,
+    Math.min(measureTimelineWidth(content), availableWidth)
+  );
+  const fontSize = positive(
+    resolveContentFontSize(content, theme.fontSize),
+    theme.fontSize
+  );
+  const font = buildCanvasFont({
+    fontSize,
+    fontFamily: resolveContentFontFamily(content, theme),
+    fontWeight: resolveContentFontWeight(content)
+  });
+  const lineHeight = Math.ceil(fontSize * 1.5);
+  const dot = Math.min(positive(content.dotSize, 16), lineHeight);
+  const gap = typeof content.itemGap === "number" && Number.isFinite(content.itemGap) ? Math.max(0, content.itemGap) : 12;
+  const items = timelineItems(content);
+  const mode = content.mode ?? "start";
+  const paired = mode === "alternate" || items.some(
+    (item) => item.title || item.position && item.position !== mode
+  );
+  const axis = paired ? width / 2 : mode === "end" ? width - dot / 2 - 1 : dot / 2 + 1;
+  const gutter = dot / 2 + 8;
+  const leftWidth = Math.max(1, axis - gutter);
+  const rightWidth = Math.max(1, width - axis - gutter);
+  let height = 0;
+  ctx.save();
+  ctx.font = font;
+  const nodes = items.map((item, index) => {
+    const position = item.position ?? (mode === "alternate" ? index % 2 ? "end" : "start" : mode);
+    const onRight = position === "start";
+    const textWidth = onRight ? rightWidth : leftWidth;
+    const titleWidth = onRight ? leftWidth : rightWidth;
+    const lines = wrap(ctx, item.content, textWidth);
+    const titles = item.title ? wrap(ctx, item.title, titleWidth) : [];
+    const nodeHeight = Math.max(lines.length, titles.length, 1) * lineHeight;
+    const node = {
+      item,
+      onRight,
+      lines,
+      titles,
+      y: height,
+      height: nodeHeight,
+      textWidth,
+      titleWidth
+    };
+    height += nodeHeight + (index < items.length - 1 ? gap : 0);
+    return node;
+  });
+  ctx.restore();
+  return {
+    width,
+    height,
+    font,
+    fontSize,
+    lineHeight,
+    dot,
+    axis,
+    gutter,
+    nodes
+  };
+}
+function drawBodyTimelineContent(params) {
+  const {
+    ctx,
+    content,
+    theme,
+    rect,
+    cursorX,
+    descriptors,
+    column,
+    rowIndex,
+    contentIndex,
+    frozen
+  } = params;
+  const layout = layoutTimeline(ctx, content, theme, rect.width);
+  if (!layout.nodes.length) return;
+  const top = rect.y + Math.max(0, (rect.height - layout.height) / 2);
+  const axis = cursorX + layout.axis;
+  ctx.save();
+  ctx.beginPath();
+  ctx.rect(cursorX, top, layout.width, Math.min(layout.height, rect.height));
+  ctx.clip();
+  ctx.globalAlpha *= resolveContentOpacity(content);
+  ctx.font = layout.font;
+  ctx.textBaseline = "middle";
+  layout.nodes.forEach((node, index) => {
+    const centerY = top + node.y + layout.lineHeight / 2;
+    const next = layout.nodes[index + 1];
+    if (next) {
+      ctx.strokeStyle = content.lineColor ?? theme.borderColor;
+      ctx.lineWidth = 1;
+      ctx.setLineDash(node.item.loading || next.item.loading ? [3, 3] : []);
+      ctx.beginPath();
+      ctx.moveTo(axis, centerY + layout.dot / 2 + 2);
+      ctx.lineTo(
+        axis,
+        top + next.y + layout.lineHeight / 2 - layout.dot / 2 - 2
+      );
+      ctx.stroke();
+      ctx.setLineDash([]);
+    }
+    drawTimelineMarker(
+      ctx,
+      node.item,
+      axis,
+      centerY,
+      layout.dot,
+      content.variant === "filled"
+    );
+    const drawLines = (lines, right, width, color) => {
+      const x = right ? axis + layout.gutter : cursorX;
+      ctx.save();
+      ctx.beginPath();
+      ctx.rect(x, top + node.y, width, node.height);
+      ctx.clip();
+      ctx.fillStyle = color;
+      ctx.textAlign = right ? "left" : "right";
+      lines.forEach(
+        (line, lineIndex) => ctx.fillText(
+          line,
+          right ? x : axis - layout.gutter,
+          centerY + lineIndex * layout.lineHeight
+        )
+      );
+      ctx.restore();
+    };
+    drawLines(
+      node.lines,
+      node.onRight,
+      node.textWidth,
+      content.style?.color ?? theme.textColor
+    );
+    drawLines(
+      node.titles,
+      !node.onRight,
+      node.titleWidth,
+      content.titleColor ?? theme.mutedTextColor ?? theme.textColor
+    );
+  });
+  ctx.restore();
+  descriptors.push({
+    kind: "body-content",
+    rect: {
+      x: cursorX,
+      y: top,
+      width: layout.width,
+      height: Math.min(layout.height, rect.height)
+    },
+    rowIndex,
+    columnKey: column.key,
+    fixed: column.fixed,
+    frozen,
+    contentIndex,
+    contentKey: content.key,
+    cursor: content.cursor ?? (content.onClick ? "pointer" : void 0),
+    tooltipText: timelinePlainText(content)
+  });
+}
+
 // src/rendering/cell-content/cell-content-renderer.ts
 var CONTENT_HORIZONTAL_PADDING = 12;
 var CONTENT_GAP = 8;
@@ -11073,6 +12201,12 @@ function resolveRawBodyCellContents(params) {
   if (rendered != null) {
     return normalizeCellContents(rendered);
   }
+  if (resolveColumnFormItemProps(column, { value, record, rowIndex })?.valueType === "upload") {
+    return resolveUploadContents(
+      value,
+      canEditCell(column, { value, record, rowIndex })
+    );
+  }
   const formattedText = resolveFormattedCellText({
     column,
     value,
@@ -11148,6 +12282,11 @@ function resolveRawBodyCellContents(params) {
       }
     ] : [];
   }
+  if (column.cellType === "timeline") {
+    return [
+      { type: "timeline", items: Array.isArray(value) ? value : [] }
+    ];
+  }
   if (column.cellType === "progress") {
     const numericValue = typeof value === "number" ? value : typeof value === "string" ? Number(value) : 0;
     return [
@@ -11235,6 +12374,9 @@ function normalizeDrawableCellContents(contents) {
   ).map(normalizeCellContentItem);
 }
 function normalizeCellContentItem(content) {
+  if (content.type === "timeline") {
+    return { ...content, style: { ...content.style, display: "block" } };
+  }
   if (content.type !== "money") {
     return content;
   }
@@ -11480,7 +12622,12 @@ function drawBodyCellContents(params) {
     );
     return void 0;
   }
-  const lineHeight = getBodyCellContentsLineHeight(contents, theme);
+  const lineHeight = getBodyCellContentsLineHeight(
+    contents,
+    theme,
+    ctx,
+    availableWidth
+  );
   const layout = layoutBodyCellContents({
     ctx,
     contents,
@@ -11653,7 +12800,12 @@ function measureBodyCellContentsHeight(params) {
   if (availableWidth <= 0) {
     return paddingBlock * 2;
   }
-  const lineHeight = getBodyCellContentsLineHeight(contents, theme);
+  const lineHeight = getBodyCellContentsLineHeight(
+    contents,
+    theme,
+    ctx,
+    availableWidth
+  );
   const layout = layoutBodyCellContents({
     ctx,
     contents,
@@ -12132,6 +13284,7 @@ function drawExpandedBodyContent(params) {
   if (content.type === "icon") {
     drawBodyIconContent({
       ctx,
+      theme,
       rect,
       content,
       contentIndex,
@@ -12204,6 +13357,21 @@ function drawExpandedBodyContent(params) {
     });
     return;
   }
+  if (content.type === "timeline") {
+    drawBodyTimelineContent({
+      ctx,
+      rect,
+      content,
+      contentIndex,
+      cursorX,
+      rowIndex,
+      column,
+      theme,
+      frozen,
+      descriptors
+    });
+    return;
+  }
   if (content.type === "progress") {
     drawBodyProgressContent({
       ctx,
@@ -12379,6 +13547,7 @@ function measureExpandedContentWidth(ctx, content, theme) {
   if (content.type === "button") {
     return measureButtonContentWidth(ctx, content, theme);
   }
+  if (content.type === "timeline") return measureTimelineWidth(content);
   if (content.type === "progress") {
     return measureProgressContentWidth(ctx, content, theme);
   }
@@ -12433,9 +13602,16 @@ function getBodyCellContentsLineGap(contents, lineHeight) {
   }
   return tagHeight > 0 ? Math.max(CONTENT_GAP - (lineHeight - tagHeight), 0) : 0;
 }
-function getBodyCellContentsLineHeight(contents, theme) {
+function getBodyCellContentsLineHeight(contents, theme, ctx, availableWidth) {
   let lineHeight = theme.fontSize + 8;
   contents.forEach((item) => {
+    if (item.type === "timeline") {
+      lineHeight = Math.max(
+        lineHeight,
+        layoutTimeline(ctx, item, theme, availableWidth).height
+      );
+      return;
+    }
     if (item.type === "arrow") {
       lineHeight = Math.max(lineHeight, measureArrowContentHeight(item));
       return;
@@ -12510,6 +13686,15 @@ function getBodyCellContentsLineHeight(contents, theme) {
   return lineHeight;
 }
 function truncateExpandedContent(ctx, content, theme, maxWidth, withEllipsis) {
+  if (content.type === "timeline") {
+    return maxWidth > 0 ? {
+      ...content,
+      style: {
+        ...content.style,
+        width: Math.min(measureTimelineWidth(content), maxWidth)
+      }
+    } : null;
+  }
   if (content.type === "text" || content.type === "link") {
     const nextText = fitTextToWidth(
       getBreakableContentText(content),
@@ -12659,6 +13844,7 @@ function buildBodyContentsPlainText(contents) {
     if (content.type === "progress") {
       return content.text ?? `${Math.round(resolveProgressPercent(content))}%`;
     }
+    if (content.type === "timeline") return timelinePlainText(content);
     if (content.type === "chart") {
       return resolveChartContentPlainText(content);
     }
@@ -12973,6 +14159,7 @@ function isCellContentDisabled(content) {
   if (content.type === "button") {
     return content.disabled === true;
   }
+  if (content.type === "timeline") return false;
   if (content.type === "progress") {
     return false;
   }
@@ -16424,6 +17611,11 @@ function getCellClipboardText(record, rowIndex, column) {
   if (column.cellType === "checkbox" || column.cellType === "radio") {
     return String(Boolean(value));
   }
+  if (column.cellType === "timeline") {
+    return timelinePlainText({
+      items: Array.isArray(value) ? value : []
+    });
+  }
   return resolveFormattedCellText({
     column,
     value,
@@ -16574,7 +17766,7 @@ async function copyRowJsonContent(params) {
 }
 async function exportAllRowsJsonContent(params) {
   await utils.downloadJsonFile({
-    fileName: buildTableExportFileName("json"),
+    fileName: params.fileName?.trim() || buildTableExportFileName("json"),
     data: utils.mapRowsToExportRecords({
       rows: params.rows,
       columns: buildExportColumns(params.columns)
@@ -16583,14 +17775,14 @@ async function exportAllRowsJsonContent(params) {
 }
 async function exportAllRowsCsvContent(params) {
   await utils.exportTableToCsv({
-    fileName: buildTableExportFileName("csv"),
+    fileName: params.fileName?.trim() || buildTableExportFileName("csv"),
     rows: params.rows,
     columns: buildExportColumns(params.columns)
   });
 }
 async function exportAllRowsTxtContent(params) {
   await utils.exportTableToTxt({
-    fileName: buildTableExportFileName("txt"),
+    fileName: params.fileName?.trim() || buildTableExportFileName("txt"),
     rows: params.rows,
     columns: buildExportColumns(params.columns)
   });
@@ -16660,6 +17852,7 @@ function cellContentToClipboardText(content) {
   if (content.type === "progress") {
     return content.text ?? `${Math.round(resolveProgressClipboardPercent(content))}%`;
   }
+  if (content.type === "timeline") return timelinePlainText(content);
   if (content.type === "chart") {
     return resolveChartContentPlainText(content);
   }
@@ -16872,17 +18065,21 @@ var ListTableContentActionController = class {
   constructor(options) {
     __publicField(this, "options");
     __publicField(this, "exportTaskRunning", false);
+    __publicField(this, "exportNamePending", false);
     this.options = options;
   }
   /**
    * 异步导出全部原始数据为 XLSX。
    */
   exportXlsx(options) {
+    options = { ...this.options.getOptions().exportOptions, ...options };
     this.startExportTask(
-      () => exportAllRowsXlsxContent({
+      (fileName) => exportAllRowsXlsxContent({
         rows: this.options.getOptions().dataSource,
         columns: this.options.getLeafColumns(),
         ...options,
+        includeSummary: options?.includeSummary ?? this.options.getSummaryVisible?.() ?? false,
+        fileName: fileName ?? options?.fileName,
         onProgress: (progress) => {
           const fileLabel = progress.fileCount && progress.fileCount > 1 ? `\uFF08\u7B2C ${progress.fileIndex}/${progress.fileCount} \u4EFD\uFF09` : "";
           this.options.overlayController.showLoading(
@@ -16892,16 +18089,55 @@ var ListTableContentActionController = class {
         }
       }),
       "\u6B63\u5728\u5BFC\u51FA XLSX\u2026",
-      options?.onError
+      options?.onError,
+      options?.fileName?.trim() ? `${options.fileName.trim().replace(/\.xlsx$/i, "")}.xlsx` : buildTableExportFileName("xlsx"),
+      options?.promptFileName
     );
   }
-  startExportTask(task, text, onError) {
-    if (this.exportTaskRunning) {
+  startExportTask(task, text, onError, defaultFileName, promptFileName = this.options.getOptions().exportOptions?.promptFileName ?? true) {
+    if (this.exportTaskRunning || this.exportNamePending) {
+      return;
+    }
+    if (defaultFileName !== void 0 && promptFileName) {
+      this.exportNamePending = true;
+      const notify = this.options.getOptions().ui?.onExportNameRequest;
+      let settled = false;
+      const close = () => {
+        settled = true;
+        this.exportNamePending = false;
+        notify?.(null);
+      };
+      const request = {
+        fileName: defaultFileName,
+        onConfirm: (value) => {
+          if (settled || !value.trim()) return;
+          close();
+          const extension = defaultFileName.match(
+            /\.(xlsx|csv|txt|json)$/i
+          )?.[0];
+          const name = extension && !value.trim().toLowerCase().endsWith(extension.toLowerCase()) ? `${value.trim()}${extension}` : value.trim();
+          this.startExportTask(() => task(name), text, onError);
+        },
+        onCancel: () => {
+          if (!settled) close();
+        }
+      };
+      if (notify) notify(request);
+      else if (typeof window !== "undefined" && typeof window.prompt === "function") {
+        const extension = defaultFileName.match(/\.(xlsx|csv|txt|json)$/i)?.[0] ?? "";
+        const baseName = extension ? defaultFileName.slice(0, -extension.length) : defaultFileName;
+        const value = window.prompt(
+          `\u8BF7\u8F93\u5165\u5BFC\u51FA\u6587\u4EF6\u540D\u79F0\uFF08\u56FA\u5B9A\u540E\u7F00\uFF1A${extension}\uFF09`,
+          baseName
+        );
+        if (value == null || !value.trim()) request.onCancel();
+        else request.onConfirm(`${value.trim()}${extension}`);
+      } else request.onConfirm(defaultFileName);
       return;
     }
     this.exportTaskRunning = true;
     this.options.overlayController.showLoading(text);
-    void task().catch((error) => {
+    void Promise.resolve().then(() => task(defaultFileName)).catch((error) => {
       if (error?.name === "AbortError") return;
       console.error("[ListTable] Failed to export table data:", error);
       onError?.(error);
@@ -17179,6 +18415,312 @@ function setValueByDataIndex(record, dataIndex, value) {
   return true;
 }
 
+// src/features/upload/upload-editor.ts
+function createUploadEditor(params) {
+  const config = params.config ?? {};
+  let files = normalizeUploadFiles(params.value);
+  let alive = true;
+  let pending = 0;
+  let sequence = 0;
+  const requests = /* @__PURE__ */ new Map();
+  const readers = /* @__PURE__ */ new Set();
+  const root = document.createElement("div");
+  root.setAttribute("role", "dialog");
+  root.setAttribute("aria-label", "\u4E0A\u4F20\u9644\u4EF6");
+  root.tabIndex = -1;
+  const width = Math.min(360, Math.max(200, window.innerWidth - 16));
+  Object.assign(root.style, {
+    position: "fixed",
+    zIndex: "10000",
+    boxSizing: "border-box",
+    width: `${width}px`,
+    left: `${Math.max(8, Math.min(params.rect.x, window.innerWidth - width - 8))}px`,
+    top: `${Math.max(8, Math.min(params.rect.y, window.innerHeight - 280))}px`,
+    maxHeight: "calc(100vh - 16px)",
+    overflow: "auto",
+    padding: "12px",
+    background: "#fff",
+    color: "#1f2937",
+    border: "1px solid #d9e1ec",
+    borderRadius: "6px",
+    boxShadow: "0 6px 24px #0002",
+    font: "13px sans-serif"
+  });
+  for (const event of [
+    "pointerdown",
+    "mousedown",
+    "click",
+    "dblclick",
+    "contextmenu"
+  ])
+    root.addEventListener(event, (e) => e.stopPropagation());
+  const title = document.createElement("div");
+  title.textContent = "\u4E0A\u4F20\u9644\u4EF6";
+  title.style.fontWeight = "600";
+  const list = document.createElement("div");
+  Object.assign(list.style, {
+    maxHeight: "180px",
+    overflow: "auto",
+    margin: "10px 0"
+  });
+  const message = document.createElement("div");
+  message.setAttribute("role", "status");
+  message.style.color = "#c53030";
+  const input = document.createElement("input");
+  input.type = "file";
+  input.accept = config.accept ?? "";
+  input.multiple = config.multiple ?? false;
+  input.hidden = true;
+  const actions = document.createElement("div");
+  Object.assign(actions.style, {
+    display: "flex",
+    gap: "8px",
+    marginTop: "10px",
+    flexWrap: "wrap"
+  });
+  const button = (label, callback) => {
+    const element = document.createElement("button");
+    element.type = "button";
+    element.textContent = label;
+    Object.assign(element.style, {
+      padding: "4px 10px",
+      border: "1px solid #cbd5e1",
+      background: "#fff",
+      borderRadius: "4px",
+      cursor: "pointer",
+      color: "inherit"
+    });
+    element.onclick = callback;
+    return element;
+  };
+  const choose = button("\u9009\u62E9\u6587\u4EF6", () => input.click());
+  const done = button("\u5B8C\u6210", () => {
+    if (!pending) params.onCommit();
+  });
+  const cancel = button("\u53D6\u6D88", params.onCancel);
+  actions.append(choose, done, cancel);
+  root.append(title, list, message, input, actions);
+  function render() {
+    if (!alive) return;
+    list.replaceChildren();
+    done.disabled = pending > 0;
+    if (!files.length) list.textContent = "\u6682\u65E0\u9644\u4EF6";
+    for (const file of files) {
+      const row = document.createElement("div");
+      Object.assign(row.style, {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        padding: "6px 0"
+      });
+      const source = isUploadImage(file) ? uploadImageSource(file) : "";
+      if (source) {
+        const image = document.createElement("img");
+        image.src = source;
+        image.alt = file.name;
+        Object.assign(image.style, {
+          width: "32px",
+          height: "32px",
+          objectFit: "contain"
+        });
+        row.append(image);
+      }
+      const label = document.createElement("span");
+      label.textContent = `${file.name} \xB7 ${file.status === "uploading" ? `${Math.round(file.percent ?? 0)}%` : file.status === "error" ? file.error || "\u4E0A\u4F20\u5931\u8D25" : file.status === "selected" ? "\u672A\u4E0A\u4F20" : "\u5DF2\u4E0A\u4F20"}`;
+      Object.assign(label.style, {
+        flex: "1",
+        minWidth: "0",
+        overflowWrap: "anywhere"
+      });
+      row.append(label);
+      if (canPreviewUploadPdf(file)) {
+        row.append(button("\u9884\u89C8", () => previewUploadPdf(file)));
+      }
+      if (file.status === "error" && file.originFileObj)
+        row.append(button("\u91CD\u8BD5", () => upload(file)));
+      row.append(
+        button("\u79FB\u9664", () => {
+          requests.get(file.uid)?.();
+          files = files.filter((item) => item !== file);
+          render();
+        })
+      );
+      list.append(row);
+    }
+  }
+  function upload(file) {
+    if (!alive || !file.originFileObj || !config.action && !config.customRequest)
+      return;
+    requests.get(file.uid)?.();
+    const raw = file.originFileObj;
+    let active = true;
+    let abort;
+    pending++;
+    file.status = "uploading";
+    file.percent = 0;
+    const finish = () => {
+      active = false;
+      pending--;
+      requests.delete(file.uid);
+    };
+    requests.set(file.uid, () => {
+      if (!active) return;
+      finish();
+      abort?.();
+    });
+    const onError = (error) => {
+      if (!active || !alive) return;
+      finish();
+      file.status = "error";
+      file.error = error.message || "\u4E0A\u4F20\u5931\u8D25";
+      render();
+    };
+    const onSuccess = (response) => {
+      if (!active || !alive) return;
+      try {
+        const url = config.getResponseUrl ? config.getResponseUrl(response, raw) : response && typeof response === "object" && "url" in response && typeof response.url === "string" ? response.url : void 0;
+        file.url = url ?? file.url;
+        file.response = response;
+        file.status = "done";
+        file.percent = 100;
+        finish();
+        render();
+      } catch (error) {
+        onError(error instanceof Error ? error : new Error(String(error)));
+      }
+    };
+    const onProgress = (percent) => {
+      if (alive && active) {
+        file.percent = Math.max(0, Math.min(100, percent));
+        render();
+      }
+    };
+    try {
+      if (config.customRequest) {
+        const handle = config.customRequest({
+          file: raw,
+          onProgress,
+          onSuccess,
+          onError
+        });
+        abort = handle ? () => handle.abort() : void 0;
+      } else {
+        const xhr = new XMLHttpRequest();
+        abort = () => xhr.abort();
+        xhr.open("POST", config.action);
+        xhr.withCredentials = config.withCredentials ?? false;
+        for (const [key, value] of Object.entries(config.headers ?? {}))
+          xhr.setRequestHeader(key, value);
+        xhr.upload.onprogress = (event) => {
+          if (event.lengthComputable)
+            onProgress(event.loaded / event.total * 100);
+        };
+        xhr.onerror = () => onError(new Error("\u7F51\u7EDC\u9519\u8BEF\uFF0C\u4E0A\u4F20\u5931\u8D25"));
+        xhr.onabort = () => onError(new Error("\u4E0A\u4F20\u5DF2\u53D6\u6D88"));
+        xhr.onload = () => {
+          if (xhr.status < 200 || xhr.status >= 300)
+            return onError(new Error(`\u4E0A\u4F20\u5931\u8D25 (${xhr.status})`));
+          let response = xhr.responseText;
+          try {
+            response = JSON.parse(xhr.responseText);
+          } catch {
+          }
+          onSuccess(response);
+        };
+        const body = new FormData();
+        for (const [key, value] of Object.entries(config.data ?? {}))
+          body.append(key, value);
+        body.append(config.name ?? "file", raw);
+        xhr.send(body);
+      }
+    } catch (error) {
+      onError(error instanceof Error ? error : new Error(String(error)));
+    }
+    render();
+  }
+  input.onchange = async () => {
+    const selected = Array.from(input.files ?? []);
+    input.value = "";
+    message.textContent = "";
+    pending++;
+    render();
+    for (const raw of selected) {
+      try {
+        if (config.maxSize && raw.size > config.maxSize)
+          throw new Error(`${raw.name} \u8D85\u8FC7\u6587\u4EF6\u5927\u5C0F\u9650\u5236`);
+        const allowed = await config.beforeUpload?.(raw);
+        if (!alive) break;
+        const max = Math.max(1, config.maxCount ?? Infinity);
+        if (max === 1) {
+          for (const file2 of files) requests.get(file2.uid)?.();
+          files = [];
+        }
+        if (files.length >= max) throw new Error(`\u6700\u591A\u9009\u62E9 ${max} \u4E2A\u6587\u4EF6`);
+        const file = {
+          uid: `upload-${Date.now()}-${++sequence}`,
+          name: raw.name,
+          type: raw.type,
+          size: raw.size,
+          originFileObj: raw,
+          status: "selected"
+        };
+        files.push(file);
+        if (isUploadImage(file)) {
+          const reader = new FileReader();
+          readers.add(reader);
+          pending++;
+          reader.onload = () => {
+            if (alive && files.includes(file)) {
+              file.thumbUrl = String(reader.result);
+              render();
+            }
+          };
+          reader.onloadend = () => {
+            readers.delete(reader);
+            pending--;
+            render();
+          };
+          reader.readAsDataURL(raw);
+        }
+        if (allowed !== false) upload(file);
+      } catch (error) {
+        if (alive)
+          message.textContent = error instanceof Error ? error.message : String(error);
+      }
+    }
+    pending--;
+    render();
+  };
+  root.onkeydown = (event) => {
+    event.stopPropagation();
+    if (event.key === "Escape") {
+      event.preventDefault();
+      params.onCancel();
+    }
+    if (event.key === "Tab") {
+      const items = Array.from(
+        root.querySelectorAll("button:not(:disabled)")
+      );
+      const next = items[(items.indexOf(document.activeElement) + (event.shiftKey ? -1 : 1) + items.length) % items.length];
+      event.preventDefault();
+      next?.focus();
+    }
+  };
+  document.body.append(root);
+  render();
+  return {
+    element: root,
+    focus: () => choose.focus(),
+    getValue: () => files,
+    destroy: () => {
+      alive = false;
+      for (const abort of [...requests.values()]) abort();
+      for (const reader of readers) reader.abort();
+      root.remove();
+    }
+  };
+}
+
 // src/features/editing/editing-feature.ts
 var DEFAULT_EDITOR_PADDING_INLINE = 12;
 function openCellEditingSession(params) {
@@ -17230,6 +18772,7 @@ function openCellEditingSession(params) {
   }
   const editorConfig = resolveEditorConfig(editConfig);
   const editingValue = initialValue === void 0 ? currentValue : initialValue;
+  const selectOnFocus = !(initialValue !== void 0 && (currentValue == null || currentValue === ""));
   const hostRect = toHostRect ? toHostRect(descriptor.rect) : descriptor.rect;
   const zoom = typeof theme.contentZoom === "number" && Number.isFinite(theme.contentZoom) && theme.contentZoom > 0 ? theme.contentZoom : 1;
   const paddingInline = (column.cellStyle?.paddingInline ?? DEFAULT_EDITOR_PADDING_INLINE) * zoom;
@@ -17243,10 +18786,26 @@ function openCellEditingSession(params) {
     paddingBlock,
     contentZoom: zoom
   };
+  if (editorConfig.valueType === "upload" && typeof document !== "undefined") {
+    const session2 = createUploadEditor({
+      value: editingValue,
+      config: editorConfig.upload,
+      rect: toViewportRect(descriptor.rect),
+      onCommit: () => onCommit(),
+      onCancel
+    });
+    session2.focus();
+    return {
+      ...session2,
+      rowIndex,
+      columnKey
+    };
+  }
   if (onEditorRequest) {
     let nextValue = editingValue;
     onEditorRequest({
       editorKey: JSON.stringify([rowIndex, columnKey]),
+      selectOnFocus,
       rect: toViewportRect(descriptor.rect),
       clipRect: getViewportClipRect?.() ?? void 0,
       hostRect,
@@ -17276,6 +18835,7 @@ function openCellEditingSession(params) {
     return null;
   }
   const session = editorFactory.createCellEditorSession({
+    selectOnFocus,
     rect: toViewportRect(descriptor.rect),
     clipRect: getViewportClipRect?.() ?? void 0,
     hostRect,
@@ -17312,7 +18872,13 @@ function resolveEditorConfig(config) {
     max: config.max,
     min: config.min,
     options: config.options,
+    treeData: config.treeData,
+    treeDefaultExpandAll: config.treeDefaultExpandAll,
+    treeDefaultExpandedKeys: config.treeDefaultExpandedKeys,
     changeOnSelect: config.changeOnSelect,
+    multiple: config.multiple,
+    showCheckedStrategy: config.showCheckedStrategy,
+    upload: config.upload,
     expandTrigger: config.expandTrigger,
     allowClear: config.allowClear,
     displayRender: config.displayRender,
@@ -17505,6 +19071,7 @@ var ListTableEditingController = class {
     __publicField(this, "nestedEditingSource", null);
     __publicField(this, "validationMessages", /* @__PURE__ */ new Map());
     __publicField(this, "validationTaskId", 0);
+    __publicField(this, "editingRequestId", 0);
     this.options = options;
   }
   hasSession() {
@@ -17516,6 +19083,18 @@ var ListTableEditingController = class {
   open(rowIndex, columnKey, initialValue) {
     this.close(false);
     this.options.clearBodyTooltip();
+    const requestId = this.editingRequestId;
+    const openVisibleEditor = () => {
+      if (requestId !== this.editingRequestId) return;
+      this.openVisibleCell(rowIndex, columnKey, initialValue);
+    };
+    if (this.ensureCellVisibleForEditing(rowIndex, columnKey, openVisibleEditor)) {
+      return;
+    }
+    openVisibleEditor();
+  }
+  /** 使用滚动完成后的描述符定位编辑器，避免浏览器移动整个画布宿主。 */
+  openVisibleCell(rowIndex, columnKey, initialValue) {
     const zoom = this.options.getTableZoom() > 0 ? this.options.getTableZoom() : 1;
     const theme = this.options.getTheme();
     const configuredRowHeight = this.options.getOptions().rowHeight;
@@ -17671,40 +19250,14 @@ var ListTableEditingController = class {
     void this.validateCellTargets(session.rowIndex, session.columnKey);
     this.close(false);
     this.options.requestRender();
-    if (direction === "up" || direction === "down") {
-      if (!nextTarget) {
-        this.options.focusTable?.();
-        return;
-      }
-      this.options.setSelection?.(nextTarget);
-      const revealTarget = () => {
-        this.options.requestRender();
+    if (!nextTarget) {
+      if (direction === "up" || direction === "down") {
         this.options.focusTable?.();
-      };
-      const scrolled2 = this.ensureCellVisibleForEditing(
-        nextTarget.rowIndex,
-        nextTarget.columnKey,
-        revealTarget
-      );
-      if (!scrolled2) {
-        revealTarget();
       }
       return;
     }
-    if (!nextTarget) {
-      return;
-    }
     this.options.setSelection?.(nextTarget);
-    const scrolled = this.ensureCellVisibleForEditing(
-      nextTarget.rowIndex,
-      nextTarget.columnKey,
-      () => {
-        this.open(nextTarget.rowIndex, nextTarget.columnKey);
-      }
-    );
-    if (!scrolled) {
-      this.open(nextTarget.rowIndex, nextTarget.columnKey);
-    }
+    this.open(nextTarget.rowIndex, nextTarget.columnKey);
   }
   /**
    * 确保目标可编辑单元格完整进入视口。
@@ -17743,11 +19296,15 @@ var ListTableEditingController = class {
       targetLeft: leftChanged ? nextLeft : scroll.left,
       targetTop: topChanged ? nextTop : scroll.top,
       duration: 240,
-      onComplete: onVisible
+      onComplete: () => {
+        this.options.requestRender();
+        onVisible?.();
+      }
     });
     return true;
   }
   close(_keepFocusState = false) {
+    this.editingRequestId++;
     this.editingSession = closeCellEditingSession(this.editingSession);
     this.editingSource = null;
     this.nestedEditingSource = null;
@@ -24658,41 +26215,50 @@ function createListTableContextMenuActions(params) {
     onExportJson: () => {
       params.hideMenu();
       params.startExportTask(
-        () => exportAllRowsJsonContent({
+        (fileName) => exportAllRowsJsonContent({
+          fileName,
           rows: params.getAllRows(),
           columns: params.getColumns()
         }),
-        "\u6B63\u5728\u5BFC\u51FA JSON\u2026"
+        "\u6B63\u5728\u5BFC\u51FA JSON\u2026",
+        buildTableExportFileName("json")
       );
     },
     onExportCsv: () => {
       params.hideMenu();
       params.startExportTask(
-        () => exportAllRowsCsvContent({
+        (fileName) => exportAllRowsCsvContent({
+          fileName,
           rows: params.getAllRows(),
           columns: params.getColumns()
         }),
-        "\u6B63\u5728\u5BFC\u51FA CSV\u2026"
+        "\u6B63\u5728\u5BFC\u51FA CSV\u2026",
+        buildTableExportFileName("csv")
       );
     },
     onExportTxt: () => {
       params.hideMenu();
       params.startExportTask(
-        () => exportAllRowsTxtContent({
+        (fileName) => exportAllRowsTxtContent({
+          fileName,
           rows: params.getAllRows(),
           columns: params.getColumns()
         }),
-        "\u6B63\u5728\u5BFC\u51FA TXT\u2026"
+        "\u6B63\u5728\u5BFC\u51FA TXT\u2026",
+        buildTableExportFileName("txt")
       );
     },
     onExportXlsx: () => {
       params.hideMenu();
       params.startExportTask(
-        () => exportAllRowsXlsxContent({
+        (fileName) => exportAllRowsXlsxContent({
+          includeSummary: params.getExportSummaryEnabled?.() ?? false,
+          fileName,
           rows: params.getAllRows(),
           columns: params.getColumns()
         }),
-        "\u6B63\u5728\u5BFC\u51FA XLSX\u2026"
+        "\u6B63\u5728\u5BFC\u51FA XLSX\u2026",
+        buildTableExportFileName("xlsx")
       );
     },
     onFreezeRow: params.onFreezeRow,
@@ -25264,6 +26830,7 @@ function showHeaderContextMenu(params) {
       rowCount: getRows().length,
       columnCount: getColumns().length,
       actions: createListTableContextMenuActions({
+        getExportSummaryEnabled: params.getExportSummaryEnabled,
         getRows,
         getAllRows,
         getColumns,
@@ -25374,9 +26941,9 @@ function updateHeaderActionTooltip(params) {
   tooltip.show(tooltipPoint.x, tooltipPoint.y, text);
 }
 function showDragTooltip(params) {
-  const { tooltip, toViewportPoint, x, y, text } = params;
+  const { tooltip, toViewportPoint, x, y, text, variant } = params;
   const point = toViewportPoint(x, y + 16);
-  tooltip.show(point.x, point.y, text);
+  tooltip.show(point.x, point.y, text, variant);
 }
 
 // src/shared/utils/hit-result.ts
@@ -26829,6 +28396,11 @@ var ListTableEventController = class {
         event.clientY
       );
       const result = this.host.resolvePointerHit(position.x, position.y);
+      if (result.area === "resize-handle" && result.columnKey) {
+        event.preventDefault();
+        void this.autoFitColumnWidths(result.columnKey);
+        return;
+      }
       if (this.tryOpenNestedTableEditor(result, 2)) {
         return;
       }
@@ -26911,6 +28483,7 @@ var ListTableEventController = class {
         },
         getRows: () => this.host.getDisplayData(),
         getAllRows: () => this.host.options.dataSource,
+        getExportSummaryEnabled: () => Boolean(this.host.currentRenderSnapshot?.hasSummary),
         onCopyImage: (scope) => this.copyImage(scope, event),
         onExportImage: (scope) => this.copyImage(scope, event, true),
         canCopySelectionImage: resolveImageSelection(this.host) != null,
@@ -26934,8 +28507,8 @@ var ListTableEventController = class {
         getColumns: () => this.host.leafColumns,
         getHeaderTree: () => this.host.headerTree,
         getFrozenRowPosition: (rowIndex) => this.host.getFrozenRowPosition(rowIndex),
-        startExportTask: (task, text) => {
-          this.host.startExportTask(task, text);
+        startExportTask: (task, text, defaultFileName) => {
+          this.host.startExportTask(task, text, defaultFileName);
         },
         contentDownload: this.host.resolveContentDownloadAction(hitContent),
         onSelectHeader: (columnKey, rect) => {
@@ -27565,7 +29138,8 @@ var ListTableEventController = class {
             toViewportPoint: (x, y) => this.host.toViewportPoint(x, y),
             x: dragPos.x,
             y: dragPos.y,
-            text: `${resizeResult.column.title}: ${resizeResult.nextWidth}px`
+            text: `${resizeResult.column.title}: ${resizeResult.nextWidth}px`,
+            variant: "resize"
           });
         }
         this.host.scheduleRender();
@@ -28084,10 +29658,11 @@ var ListTableEventController = class {
     const actions = createListTableContextMenuActions({
       getRows: () => resolveNestedTableDisplayRows(content, getNestedState()),
       getAllRows: () => content.dataSource,
+      getExportSummaryEnabled: () => getNestedState()?.summaryVisible === true,
       getColumns: () => columns,
       getHeaderTree: () => headerTree,
       hideMenu,
-      startExportTask: (task, text) => this.host.startExportTask(task, text),
+      startExportTask: (task, text, defaultFileName) => this.host.startExportTask(task, text, defaultFileName),
       onFreezeRow: () => {
       },
       onUnfreezeRow: () => {
@@ -29479,7 +31054,17 @@ function createListTableEventHost(core) {
       return snapshot?.columnSegments ?? core.columnSegments;
     },
     persistColumnConfig: () => core.persistenceController.persistColumnConfig(),
-    startExportTask: (task, text) => core.contentActionController.startExportTask(task, text),
+    startExportTask: (task, text, defaultFileName) => {
+      const configured = core.options.exportOptions?.fileName?.trim();
+      const extension = defaultFileName?.match(/\.(xlsx|csv|txt|json)$/i)?.[0];
+      const fileName = configured && extension ? configured.replace(/\.(xlsx|csv|txt|json)$/i, "") + extension : defaultFileName;
+      core.contentActionController.startExportTask(
+        task,
+        text,
+        void 0,
+        fileName
+      );
+    },
     resolveContentDownloadAction: (content) => core.contentActionController.resolveContentDownloadAction(
       content
     )
@@ -33180,6 +34765,7 @@ function assembleListTableCoreControllers(core, options) {
     requestRender: () => render()
   });
   core.contentActionController = new ListTableContentActionController({
+    getSummaryVisible: () => Boolean(getCurrentRenderSnapshot()?.hasSummary),
     getOptions: () => core.options,
     getLeafColumns: () => core.leafColumns,
     overlayController: core.overlayController,
@@ -33946,6 +35532,9 @@ exports.ListTable = ListTable;
 exports.ROW_SELECTION_COLUMN = ROW_SELECTION_COLUMN;
 exports.SELECTION_COLUMN = SELECTION_COLUMN;
 exports.getListTableStoredPageSize = getListTableStoredPageSize;
+exports.listTableAntdIconNames = listTableAntdIconNames;
+exports.listTableBuiltinIconNames = listTableBuiltinIconNames;
+exports.listTableIconNames = listTableIconNames;
 exports.resetListTableStoredColumnConfig = resetListTableStoredColumnConfig;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map