weifuwu 0.77.0 → 0.79.0

package/dist/components/style.css

@@ -1783,29 +1783,6 @@ body.wf-dragging {
   padding: var(--wf-space-sm);
 }
 
-.wf-aichat-inputbar {
-  display: flex;
-  gap: var(--wf-gap-sm);
-  align-items: center;
-}
-
-.wf-aichat-input {
-  flex: 1;
-  min-width: 0;
-  height: var(--wf-control-height);
-  padding: var(--wf-control-pad-y) var(--wf-space-md);
-  border: 1px solid var(--wf-color-border);
-  border-radius: var(--wf-radius);
-  font-family: var(--wf-font-sans);
-  font-size: var(--wf-font-size-sm);
-  color: var(--wf-color-text);
-  background: var(--wf-color-bg);
-}
-
-.wf-aichat-input:focus {
-  outline: none;
-  border-color: var(--wf-color-primary);
-}
 
 /* weifuwu/components — Alert */
 
@@ -2130,6 +2107,10 @@ body.wf-dragging {
   color: var(--wf-color-primary-text);
 }
 
+/* error（F2 状态矩阵） */
+.wf-autocomplete-input--err { border-color: var(--wf-color-error); }
+.wf-autocomplete-input--err:focus { box-shadow: 0 0 0 2px var(--wf-color-error-bg), 0 0 0 1px var(--wf-color-error); }
+
 /* weifuwu/components — Avatar */
 
 .wf-avatar {
@@ -2853,6 +2834,12 @@ body.wf-dragging {
   text-align: center;
 }
 
+/* 键盘高亮（R43 W1）：与 hover 同视觉，但独立 class（键盘导航可见性） */
+.wf-cascader-opt--hl {
+  background: var(--wf-color-primary-bg);
+  color: var(--wf-color-primary-text);
+}
+
 /* weifuwu/components — Chart */
 
 .wf-chart {
@@ -2921,6 +2908,43 @@ body.wf-dragging {
   opacity: 0.8;
 }
 
+/* weifuwu/components — ChatInput（独立聊天输入条——从 AiChat 输入条抽取） */
+
+.wf-chat-inputbar {
+  display: flex;
+  gap: var(--wf-gap-sm);
+  align-items: center;
+}
+
+.wf-chat-input {
+  flex: 1;
+  min-width: 0;
+  height: var(--wf-control-height);
+  padding: var(--wf-control-pad-y) var(--wf-space-md);
+  border: 1px solid var(--wf-color-border);
+  border-radius: var(--wf-radius);
+  font-family: var(--wf-font-sans);
+  font-size: var(--wf-font-size-sm);
+  color: var(--wf-color-text);
+  background: var(--wf-color-bg);
+}
+
+.wf-chat-input:focus {
+  outline: none;
+  border-color: var(--wf-color-primary);
+}
+
+.wf-chat-input:hover:not(:disabled) {
+  border-color: var(--wf-color-primary-muted, var(--wf-color-primary));
+}
+
+/* 多行 textarea：自适应高度（行数由内容撑开） */
+.wf-chat-inputbar textarea.wf-chat-input {
+  height: auto;
+  min-height: var(--wf-control-height);
+  line-height: 1.5;
+}
+
 /* weifuwu/components — Checkbox */
 
 .wf-checkbox {
@@ -3970,6 +3994,10 @@ body.wf-dragging {
   overflow-x: auto;
 }
 
+/* error（F2 状态矩阵） */
+.wf-datepicker-input--err { border-color: var(--wf-color-error); }
+.wf-datepicker-input--err:focus { box-shadow: 0 0 0 2px var(--wf-color-error-bg), 0 0 0 1px var(--wf-color-error); }
+
 /* weifuwu/components — Descriptions */
 
 .wf-descriptions {
@@ -4379,6 +4407,12 @@ body.wf-dragging {
   to   { opacity: 1; }
 }
 
+/* 键盘高亮（R43 W1）：菜单方向键导航可见性 */
+.wf-dropdown-item--hl {
+  background: var(--wf-color-primary-bg);
+  color: var(--wf-color-primary-text);
+}
+
 /* weifuwu/components — Editor */
 
 .wf-editor { position: relative; 
@@ -7805,6 +7839,10 @@ body.wf-dragging {
   color: var(--wf-color-text);
 }
 
+/* disabled（F2 状态矩阵） */
+.wf-search-input--dis { opacity: 0.5; cursor: not-allowed; }
+.wf-search-input:disabled { cursor: not-allowed; }
+
 /* weifuwu/components — SegmentedControl */
 
 .wf-segmented {
@@ -8372,6 +8410,10 @@ body.wf-dragging {
   text-align: center;
 }
 
+/* disabled（F2 状态矩阵） */
+.wf-slider-input--dis { opacity: 0.5; cursor: not-allowed; }
+.wf-slider-input:disabled { cursor: not-allowed; }
+
 /* weifuwu/components — Space 间距容器 */
 
 .wf-space {
@@ -9936,6 +9978,11 @@ body.wf-dragging {
   overflow: auto;
 }
 
+/* disabled / error（F2 状态矩阵） */
+.wf-treeselect-trigger--dis { opacity: 0.5; cursor: not-allowed; background: var(--wf-color-fill); }
+.wf-treeselect-trigger--err { border-color: var(--wf-color-error); }
+.wf-treeselect-trigger--err:focus-visible { box-shadow: 0 0 0 2px var(--wf-color-error-bg), 0 0 0 1px var(--wf-color-error); }
+
 /* weifuwu/components — Typography */
 
 .wf-title {
@@ -10028,6 +10075,13 @@ body.wf-dragging {
   box-sizing: border-box;
 }
 
+/* 空态（F2 状态矩阵） */
+.wf-virtual-list--empty {
+  display: flex; align-items: center; justify-content: center;
+  color: var(--wf-color-text-tertiary);
+  font-size: var(--wf-font-size-sm);
+}
+
 /* weifuwu/components — VirtualTable（固定表头 + 虚拟滚动表体） */
 
 .wf-virtual-table {

package/dist/index.js

@@ -3078,6 +3078,49 @@ var HtmlSafe = class {
 var Fragment = /* @__PURE__ */ Symbol("Fragment");
 var Portal = /* @__PURE__ */ Symbol("Portal");
 
+// src/ui-dom/vdom/transform.ts
+function holeDetail(v) {
+  if (v === false) return "false";
+  if (v === null) return "null";
+  if (v === void 0) return "undefined";
+  if (v === true) return "true";
+  if (typeof v === "object") {
+    try {
+      const s = JSON.stringify(v);
+      const d = s != null && s.length > 80 ? s.slice(0, 80) + "\u2026" : s ?? "";
+      return `object ${d}`;
+    } catch {
+      return `object ${Object.prototype.toString.call(v)}`;
+    }
+  }
+  return `bad-vnode type=${typeof v}`;
+}
+function quoteIfNeeded(s) {
+  return /[\s"=]/.test(s) ? `"${s.replace(/"/g, "'")}"` : s;
+}
+function holeMarkup(opts) {
+  const parts = [`type=${opts.type}`];
+  if (opts.value !== void 0) parts.push(`value=${quoteIfNeeded(holeDetail(opts.value))}`);
+  if (opts.key != null) parts.push(`key=${quoteIfNeeded(opts.key)}`);
+  if (opts.id != null) parts.push(`id=${quoteIfNeeded(opts.id)}`);
+  if (opts.fid != null) parts.push(`fid=${quoteIfNeeded(opts.fid)}`);
+  return `wf-hole: ${parts.join(" ")}`;
+}
+function isInvalidVNodeType(t) {
+  return typeof t !== "string" && typeof t !== "function" && t !== Fragment && t !== Portal;
+}
+function ensureArrayKeys(children) {
+  for (let i = 0; i < children.length; i++) {
+    const c = children[i];
+    if (c != null && typeof c === "object" && !Array.isArray(c)) {
+      const v = c;
+      if (v.key === void 0) v.key = String(i);
+      else v.key = String(v.key);
+    }
+  }
+}
+var ENUMERATED_VALUE_BASED = /* @__PURE__ */ new Set(["draggable", "contenteditable", "spellcheck", "translate"]);
+
 // src/ui-dom/vdom/ssr.ts
 var VOID_TAGS = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "param", "source", "track", "wbr"]);
 var SVG_TAGS = /* @__PURE__ */ new Set(["svg", "path", "circle", "rect", "line", "polyline", "polygon", "g", "text", "defs", "use", "clipPath"]);
@@ -3101,25 +3144,52 @@ async function renderSsr(input, ctx) {
   if (input == null || typeof input === "boolean") return "";
   if (typeof input === "string" || typeof input === "number") return escape(String(input));
   if (Array.isArray(input)) {
-    const parts = await Promise.all(input.map((c) => renderSsr(c, ctx)));
+    ensureArrayKeys(input);
+    const fidBase = ctx._fidPath;
+    const parts = await Promise.all(input.map(async (c, i) => {
+      const childFid = fidBase != null ? `${fidBase}-${i}` : String(i);
+      if (c == null || typeof c === "boolean") return Promise.resolve(`<!--${holeMarkup({ type: "hole", value: c })}-->`);
+      if (Array.isArray(c)) {
+        const inner = await renderSsr(c, { ...ctx, _fidPath: childFid });
+        return `<!--${holeMarkup({ type: "fragment-start", key: String(i), fid: childFid })}-->${inner}<!--${holeMarkup({ type: "fragment-end", key: String(i), fid: childFid })}-->`;
+      }
+      return renderSsr(c, ctx);
+    }));
     return parts.join("");
   }
   const vnode = input;
+  if (isInvalidVNodeType(vnode.type)) {
+    console.warn(`[weifuwu] children \u9879\u975E\u6CD5\uFF1Atype=${String(vnode.type)}\uFF08${typeof vnode.type}\uFF09\u2014\u2014\u5DF2\u5360\u4F4D\uFF08wf-hole\uFF09`);
+    return `<!--${holeMarkup({ type: "hole", value: input })}-->`;
+  }
   if (vnode.type === Portal || vnode.type === Fragment) return renderSsr(vnode.props?.children, ctx);
   if (typeof vnode.type === "function") {
     const childCtx = Object.create(ctx);
+    delete childCtx._fidPath;
     const renderFn = await vnode.type(vnode.props ?? {}, childCtx);
     if (typeof renderFn !== "function") {
       throw new Error(
         `Component ${vnode.type.name || "anonymous"} must return a render function. Use (init_props, ctx) => (props) => VNode pattern.`
       );
     }
-    return renderSsr(await renderFn(vnode.props ?? {}), childCtx);
+    const out = await renderFn(vnode.props ?? {});
+    if (vnode.key != null && out != null && typeof out === "object") {
+      if (Array.isArray(out)) {
+        for (const c of out) {
+          if (c != null && typeof c === "object" && !Array.isArray(c)) c.key = vnode.key;
+        }
+      } else {
+        ;
+        out.key = vnode.key;
+      }
+    }
+    return renderSsr(out, childCtx);
   }
   const tag = vnode.type;
   const props = vnode.props ?? {};
   const attrs = [];
   let innerHTML;
+  if (vnode.key != null) attrs.push(` data-wf-key="${escape(String(vnode.key))}"`);
   for (const [key, value] of Object.entries(props)) {
     if (key === "children" || key === "key") continue;
     if (key === "ref") continue;
@@ -3137,7 +3207,7 @@ async function renderSsr(input, ctx) {
       attrs.push(` style="${escape(styleToString(value))}"`);
       continue;
     }
-    if (key === "draggable" || key === "contenteditable" || key === "spellcheck") {
+    if (ENUMERATED_VALUE_BASED.has(key)) {
       attrs.push(` ${key}="${value ? "true" : "false"}"`);
       continue;
     }
@@ -3172,6 +3242,7 @@ function createSsrUi() {
     },
     endMounting: () => {
     },
+    onUnmount: () => void 0,
     // hooks no-op（组件 SSR 安全——不注册监听/定时器）
     useChat: () => ({ messages: [], input: "", streaming: false, error: null, usage: null, step: null, send: () => {
     }, stop: () => {