@icen.ai/ui 0.10.0 → 0.11.0

package/dist/behaviors/datatable.mjs

@@ -306,6 +306,7 @@ var ICEN_LOCALE_ZH_CN = {
   "aiChat.roleTool": "\u5DE5",
   "aiChat.roleUser": "\u6211",
   "aiChat.thinking": "\u601D\u8003 {p0}",
+  "aiChat.thinkingNow": "\u6B63\u5728\u601D\u8003\u2026",
   /* ── aiComposer ── */
   "aiComposer.attachAgent": "\u4EE3\u7406",
   "aiComposer.library": "\u6DFB\u52A0\u4E0A\u4E0B\u6587\u4E0E\u547D\u4EE4",
@@ -1336,7 +1337,13 @@ function onKeyDown(e) {
 
 // src/behaviors/datatable.ts
 function defaultCompare(a, b) {
-  if (typeof a === "number" && typeof b === "number") return a - b;
+  if (typeof a === "number" && typeof b === "number") {
+    if (Number.isNaN(a) || Number.isNaN(b)) {
+      if (Number.isNaN(a) && Number.isNaN(b)) return 0;
+      return Number.isNaN(a) ? 1 : -1;
+    }
+    return a - b;
+  }
   return String(a ?? "").localeCompare(String(b ?? ""), "zh-CN", { numeric: true });
 }
 function toNum(v) {
@@ -1625,11 +1632,13 @@ function createTable(el, opts) {
   const body = document.createElement("div");
   body.className = "icen-dt-body";
   body.setAttribute("role", "rowgroup");
-  const summaryEl = document.createElement("div");
-  summaryEl.className = "icen-dt-row icen-dt-row--summary";
-  summaryEl.setAttribute("role", "row");
-  summaryEl.hidden = true;
-  canvas.append(head, body, summaryEl);
+  const summaryEl = opts.summaryRow ? document.createElement("div") : null;
+  if (summaryEl) {
+    summaryEl.className = "icen-dt-row icen-dt-row--summary";
+    summaryEl.setAttribute("role", "row");
+    summaryEl.hidden = true;
+  }
+  canvas.append(head, body, ...summaryEl ? [summaryEl] : []);
   scroll.appendChild(canvas);
   root.appendChild(scroll);
   const foot = document.createElement("div");
@@ -2443,6 +2452,7 @@ function createTable(el, opts) {
     return wrap;
   }
   function renderSummary() {
+    if (!summaryEl) return;
     summaryEl.textContent = "";
     summaryEl.hidden = true;
     const cfg = opts.summaryRow;
@@ -2639,9 +2649,9 @@ function createTable(el, opts) {
     }
   }
   let currentTotal = 0;
-  function visibleRange(total) {
+  function visibleRange(total, avail) {
     if (!virtual) {
-      if (opts.remote || opts.pagination === false) return [0, total];
+      if (opts.remote || opts.pagination === false) return [0, Math.min(total, avail)];
       const start2 = (page - 1) * pageSize;
       return [start2, Math.min(total, start2 + pageSize)];
     }
@@ -2656,6 +2666,10 @@ function createTable(el, opts) {
     const rows = pipeline();
     const entries = groupFn ? flatEntries() : null;
     const total = entries ? entries.length : opts.remote ? opts.totalCount ?? data.length : rows.length;
+    if (!opts.remote && opts.pagination !== false) {
+      const pages = Math.max(1, Math.ceil(total / pageSize));
+      if (page > pages) page = pages;
+    }
     navTotal = entries ? entries.length : rows.length;
     currentTotal = total;
     const keepTop = virtual ? scroll.scrollTop : 0;
@@ -2684,7 +2698,7 @@ function createTable(el, opts) {
       renderSummary();
       return;
     }
-    const [start, end] = visibleRange(total);
+    const [start, end] = visibleRange(total, rows.length);
     const frag = document.createDocumentFragment();
     const offsets = frozenOffsets();
     if (virtual && start > 0) {
@@ -2747,11 +2761,21 @@ function createTable(el, opts) {
     const pages = Math.ceil(total / pageSize);
     const pager = document.createElement("nav");
     pager.className = "icen-dt-pager";
-    pager.setAttribute("aria-label", t("datatable.paginationAria"));
+    {
+      const base = t("datatable.paginationAria");
+      const used = /* @__PURE__ */ new Set();
+      for (const el2 of document.querySelectorAll(".icen-dt-pager[aria-label]")) {
+        if (!root.contains(el2)) used.add(el2.getAttribute("aria-label") ?? "");
+      }
+      let label = base, n = 2;
+      while (used.has(label)) label = `${base} ${n++}`;
+      pager.setAttribute("aria-label", label);
+    }
     const sizeSel = document.createElement("select");
     sizeSel.className = "icen-dt-page-size";
     sizeSel.setAttribute("aria-label", t("datatable.pageSizeAria"));
-    for (const s of pageSizes) {
+    const sizeOptions = pageSizes.includes(pageSize) ? pageSizes : [...pageSizes, pageSize].sort((a, b) => a - b);
+    for (const s of sizeOptions) {
       const o = document.createElement("option");
       o.value = String(s);
       o.textContent = t("pagination.pageSize", { p0: s });
@@ -2843,6 +2867,7 @@ function createTable(el, opts) {
     if (destroyed) return;
     renderHead();
     renderBody();
+    syncFrozenWidths();
   }
   rekey();
   renderAll();
@@ -2863,12 +2888,52 @@ function createTable(el, opts) {
     opts.onPageChange?.(page, pageSize);
     renderAll();
   }
+  function hasFluidFrozen() {
+    return cols().some((c) => frozenSide(c) != null && !/^(\d+(?:\.\d+)?)px/.test(colWidths.get(c.key) ?? c.width ?? ""));
+  }
+  function syncFrozenWidths() {
+    if (!hasFluidFrozen()) return;
+    const visible = cols();
+    const headCells = Array.from(headRow.children);
+    const lead = headCells.length - visible.length;
+    const left = /* @__PURE__ */ new Map();
+    const right = /* @__PURE__ */ new Map();
+    let acc = headCells.slice(0, lead).reduce((s, c) => s + c.offsetWidth, 0);
+    for (let i = 0; i < visible.length; i++) {
+      const c = visible[i];
+      if (frozenSide(c) === "left") left.set(c.key, acc);
+      acc += headCells[lead + i]?.offsetWidth ?? 0;
+    }
+    let accR = 0;
+    for (let i = visible.length - 1; i >= 0; i--) {
+      const c = visible[i];
+      if (frozenSide(c) === "right") right.set(c.key, accR);
+      accR += headCells[lead + i]?.offsetWidth ?? 0;
+    }
+    const rows = [headRow, ...summaryEl ? [summaryEl] : [], ...Array.from(body.querySelectorAll(".icen-dt-row"))];
+    for (const row of rows) {
+      const cells = Array.from(row.children);
+      if (cells.length !== headCells.length) continue;
+      cells.forEach((cell, i) => {
+        const col = i >= lead ? visible[i - lead] : void 0;
+        if (!col) return;
+        const l = left.get(col.key);
+        if (l != null && cell.classList.contains("icen-dt-cell--frozen")) cell.style.left = `${l}px`;
+        const r = right.get(col.key);
+        if (r != null && cell.classList.contains("icen-dt-cell--frozen-right")) cell.style.right = `${r}px`;
+      });
+    }
+  }
   return {
     setPage,
     setPageSize,
     setData(next) {
       if (editing) cancelEdit(true);
       data = next;
+      if (typeof opts.rowKey !== "function" && typeof opts.rowKey !== "string" && selected.size > 0) {
+        selected.clear();
+        emitSelection();
+      }
       rekey();
       invalidate();
       page = 1;

package/dist/behaviors/date-picker.mjs

@@ -282,6 +282,7 @@ var ICEN_LOCALE_ZH_CN = {
   "aiChat.roleTool": "\u5DE5",
   "aiChat.roleUser": "\u6211",
   "aiChat.thinking": "\u601D\u8003 {p0}",
+  "aiChat.thinkingNow": "\u6B63\u5728\u601D\u8003\u2026",
   /* ── aiComposer ── */
   "aiComposer.attachAgent": "\u4EE3\u7406",
   "aiComposer.library": "\u6DFB\u52A0\u4E0A\u4E0B\u6587\u4E0E\u547D\u4EE4",

package/dist/behaviors/events.d.mts

@@ -1,13 +1,13 @@
-import { ChartEventDetail } from './charts.js';
-import { AiUsage } from './ai-core.js';
-import { AiDoneEventDetail } from './ai-provider.js';
-import { AiComposerRefSource } from './ai-composer.js';
-import { MentionEntity, MentionValue } from './mentions.js';
-import { KbCitation, KbSegmentConfig, KbRetrievalQuery, KbFilterNode, KbCheckpointScope, KbSandboxMessage, KbChainStep, KbAclEntry, KbIdentity, KbAclDecision, KbAccessRequest, KbRole, KbAuditChannel, KbHygieneIssue } from './kb-core.js';
-import './icons.js';
-import './popover.js';
-import './ai-panel.js';
-import './suggestions.js';
+import { ChartEventDetail } from './charts.mjs';
+import { AiUsage } from './ai-core.mjs';
+import { AiDoneEventDetail } from './ai-provider.mjs';
+import { AiComposerRefSource } from './ai-composer.mjs';
+import { MentionEntity, MentionValue } from './mentions.mjs';
+import { KbCitation, KbSegmentConfig, KbRetrievalQuery, KbFilterNode, KbCheckpointScope, KbSandboxMessage, KbChainStep, KbAclEntry, KbIdentity, KbAclDecision, KbAccessRequest, KbRole, KbAuditChannel, KbHygieneIssue } from './kb-core.mjs';
+import './icons.mjs';
+import './popover.mjs';
+import './ai-panel.mjs';
+import './suggestions.mjs';
 
 interface IcenGestureDetail {
     /** 手势命中源：最近的 [data-icen-gestures] 宿主 */

package/dist/behaviors/events.mjs

@@ -99,6 +99,11 @@ function initGestures() {
     downPos = { x: e.clientX, y: e.clientY };
     suppressTrailingClick = false;
   };
+  const onUpPos = (e) => {
+    if (downPos && Math.hypot(e.clientX - downPos.x, e.clientY - downPos.y) <= CLICK_DRAG_TOLERANCE) {
+      downPos = null;
+    }
+  };
   const isDragRelease = (e) => downPos != null && Math.hypot(e.clientX - downPos.x, e.clientY - downPos.y) > CLICK_DRAG_TOLERANCE;
   const onClick = (e) => {
     const host = gestureHost(e, "click");
@@ -107,7 +112,10 @@ function initGestures() {
       suppressTrailingClick = false;
       return;
     }
-    if (isDragRelease(e)) return;
+    if (isDragRelease(e)) {
+      downPos = null;
+      return;
+    }
     if (host.matches('[data-icen-gestures~="dblclick"]')) {
       if (clickTimer) clearTimeout(clickTimer);
       pending = { host, e };
@@ -205,6 +213,7 @@ function initGestures() {
     emit(host, "icen:text-select", e, text);
   };
   document.addEventListener("pointerdown", onDownPos);
+  document.addEventListener("pointerup", onUpPos);
   document.addEventListener("click", onClick);
   document.addEventListener("dblclick", onDblClick);
   document.addEventListener("contextmenu", onContextMenu);
@@ -219,6 +228,7 @@ function initGestures() {
   document.addEventListener("mouseup", onTextSelect);
   gesturesTeardown = () => {
     document.removeEventListener("pointerdown", onDownPos);
+    document.removeEventListener("pointerup", onUpPos);
     document.removeEventListener("click", onClick);
     document.removeEventListener("dblclick", onDblClick);
     document.removeEventListener("contextmenu", onContextMenu);

package/dist/behaviors/form-validate.d.mts

@@ -98,5 +98,14 @@ interface ShowFormSpec {
 type ShowFormResult = Record<string, unknown> | {
     cancelled: true;
 };
+/** show_form 的 inputSchema（注册在 ai-tools.ts，见文件尾内置工具段）。 */
+declare const SHOW_FORM_SCHEMA: Record<string, unknown>;
+/**
+ * show_form 渲染：表单进 mount，返回一个 Promise——用户提交（过校验）resolve 表单值对象；
+ * 点「取消」resolve { cancelled: true }。表单自带 data-icen-validate + 错误汇总，
+ * 取消/提交后渲染体自动摘除（挂载卡本体归 AI 工具挂载区管理）。
+ * 由 ai-tools.ts 注册为内置工具 show_form 的 run（本模块不做注册，见文件头分层纪律）。
+ */
+declare function runShowForm(input: unknown, mount: HTMLElement): Promise<ShowFormResult>;
 
-export { type CustomValidatorFn, type FieldElement, type FieldRule, type FormValidateOptions, type FormValidateStrategy, type FormValidator, type ShowFormFieldSpec, type ShowFormResult, type ShowFormSpec, collectFormFields, createFormValidator, evaluateRules, fieldLabel, fieldValue, initFormValidate, registerValidator, resolveFieldRules, setValidateMessages, unregisterValidator };
+export { type CustomValidatorFn, type FieldElement, type FieldRule, type FormValidateOptions, type FormValidateStrategy, type FormValidator, SHOW_FORM_SCHEMA, type ShowFormFieldSpec, type ShowFormResult, type ShowFormSpec, collectFormFields, createFormValidator, evaluateRules, fieldLabel, fieldValue, initFormValidate, registerValidator, resolveFieldRules, runShowForm, setValidateMessages, unregisterValidator };