weifuwu 0.90.0 → 0.91.0

package/dist/client/components/style.css

@@ -697,6 +697,7 @@ pre, code {
   font-size: var(--wf-font-size-sm);
 }
 
+
 pre {
   background: var(--wf-color-bg-secondary);
   border: var(--wf-border-width) solid var(--wf-color-border);
@@ -866,6 +867,15 @@ body.wf-dragging {
   min-width: 0;
   min-height: 0;
 }
+
+/* 链接行 hover 强调（列表/导航行——整行可点视觉反馈） */
+.wf-fill-hover {
+  border-radius: var(--wf-radius-sm);
+  padding: 2px 4px;
+  margin: -2px -4px;
+  transition: background 0.15s ease;
+}
+.wf-fill-hover:hover { background: var(--wf-color-bg-secondary); }
 }
 
 @layer layout {
@@ -1253,6 +1263,11 @@ body.wf-dragging {
   border: var(--wf-border-width) solid var(--wf-color-border-light);
   border-bottom-left-radius: var(--wf-radius-sm);
 }
+
+/* 圆角/描边类（card 视觉——消费侧欠账 2027-09 补定义） */
+.wf-rounded-sm { border-radius: var(--wf-radius-sm); }
+.wf-rounded-md { border-radius: var(--wf-radius-md); }
+.wf-card-outline { border: 1px solid var(--wf-color-border); }
 }
 
 @layer utilities {
@@ -1296,9 +1311,13 @@ body.wf-dragging {
 /* ── 文字色（语义唯一名——随 token 用 error；浅底可读 700 级） ── */
 .wf-text-secondary { color: var(--wf-color-text-secondary); }
 .wf-text-tertiary { color: var(--wf-color-text-tertiary); }
+.wf-text-danger { color: var(--wf-color-error-text); }
+.wf-text-warning { color: var(--wf-color-warning-text); }
+.wf-font-mono { font-family: var(--wf-font-mono); }
 .wf-text-primary { color: var(--wf-color-primary-text); }
 .wf-text-success { color: var(--wf-color-success-text); }
 .wf-text-warning { color: var(--wf-color-warning-text); }
+.wf-font-mono { font-family: var(--wf-font-mono); }
 .wf-text-error { color: var(--wf-color-error-text); }
 
 /* ── 填充上的文字色（实心品牌/警告底——对比度保障） ── */
@@ -3437,12 +3456,18 @@ body.wf-dragging {
 }
 .wf-codeeditor-area {
   width: 100%;
-  color: var(--wf-color-text);
+  color: transparent; /* 视觉层由 wf-codeeditor-hl 渲染（选中态仍可见——selection 背景独立） */
+  caret-color: var(--wf-color-text);
 }
+.wf-codeeditor-area::placeholder { color: var(--wf-color-text-tertiary); }
 .wf-codeeditor-gutter {
   border-right: 1px solid var(--wf-color-border);
   background: var(--wf-color-bg-secondary);
 }
+.wf-codeeditor-body {
+  position: relative;
+  min-width: 0;
+}
 
 /* weifuwu/components — Collapse */
 
@@ -12122,4 +12147,73 @@ body.wf-dragging {
   }
 }
 
+/* weifuwu/components — WordCloud */
+
+.wf-wordcloud {
+  position: relative;
+  max-width: 100%;
+}
+
+.wf-wordcloud svg {
+  display: block;
+}
+
+.wf-wordcloud text {
+  cursor: default;
+  transition: opacity var(--wf-dur-fast) var(--wf-ease-out);
+}
+
+/* 可交互态（onWordClick 提供时）——hover/键盘焦点高亮 */
+.wf-wordcloud--clickable text {
+  cursor: pointer;
+  /* SVG text 默认 pointer-events: visiblePainted——命中区=字形笔画（字母间隙漏到
+     svg 根——点击不触发实证）——bounding-box = 命中整个文本 bbox（SVG2） */
+  pointer-events: bounding-box;
+}
+
+.wf-wordcloud--clickable text:hover,
+.wf-wordcloud--clickable text:focus-visible {
+  opacity: 0.7;
+}
+
+/* tooltip 内容（Chart 同款命令式弹窗——面板 .wf-popup 仅 max-width 无背景——
+ * 内容自带反色卡片（深底浅字——popup-manager z-index 定位由内核完成）） */
+.wf-wordcloud-tooltip {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--wf-gap-xs);
+  background: var(--wf-color-text);
+  color: var(--wf-color-bg);
+  padding: var(--wf-space-xs) var(--wf-space-sm);
+  border-radius: var(--wf-radius-sm);
+  font-family: var(--wf-font-sans);
+  font-size: var(--wf-font-size-sm);
+  line-height: 1.5;
+  white-space: nowrap;
+  pointer-events: none;
+}
+
+.wf-wordcloud-tooltip-word {
+  font-weight: var(--wf-font-weight-semibold);
+}
+
+.wf-wordcloud-tooltip-weight {
+  color: var(--wf-color-bg-secondary);
+  font-size: var(--wf-font-size-xs);
+}
+
+/* 空态（words 空/全零权重） */
+.wf-wordcloud-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 80px;
+  padding: var(--wf-space-md);
+  border: 1px dashed var(--wf-color-border);
+  border-radius: var(--wf-radius);
+  color: var(--wf-color-text-tertiary);
+  font-family: var(--wf-font-sans);
+  font-size: var(--wf-font-size-sm);
+}
+
 }

package/dist/client/layout/weifuwu-layout.css

@@ -697,6 +697,7 @@ pre, code {
   font-size: var(--wf-font-size-sm);
 }
 
+
 pre {
   background: var(--wf-color-bg-secondary);
   border: var(--wf-border-width) solid var(--wf-color-border);
@@ -866,6 +867,15 @@ body.wf-dragging {
   min-width: 0;
   min-height: 0;
 }
+
+/* 链接行 hover 强调（列表/导航行——整行可点视觉反馈） */
+.wf-fill-hover {
+  border-radius: var(--wf-radius-sm);
+  padding: 2px 4px;
+  margin: -2px -4px;
+  transition: background 0.15s ease;
+}
+.wf-fill-hover:hover { background: var(--wf-color-bg-secondary); }
 }
 
 @layer layout {
@@ -1253,6 +1263,11 @@ body.wf-dragging {
   border: var(--wf-border-width) solid var(--wf-color-border-light);
   border-bottom-left-radius: var(--wf-radius-sm);
 }
+
+/* 圆角/描边类（card 视觉——消费侧欠账 2027-09 补定义） */
+.wf-rounded-sm { border-radius: var(--wf-radius-sm); }
+.wf-rounded-md { border-radius: var(--wf-radius-md); }
+.wf-card-outline { border: 1px solid var(--wf-color-border); }
 }
 
 @layer utilities {
@@ -1296,9 +1311,13 @@ body.wf-dragging {
 /* ── 文字色（语义唯一名——随 token 用 error；浅底可读 700 级） ── */
 .wf-text-secondary { color: var(--wf-color-text-secondary); }
 .wf-text-tertiary { color: var(--wf-color-text-tertiary); }
+.wf-text-danger { color: var(--wf-color-error-text); }
+.wf-text-warning { color: var(--wf-color-warning-text); }
+.wf-font-mono { font-family: var(--wf-font-mono); }
 .wf-text-primary { color: var(--wf-color-primary-text); }
 .wf-text-success { color: var(--wf-color-success-text); }
 .wf-text-warning { color: var(--wf-color-warning-text); }
+.wf-font-mono { font-family: var(--wf-font-mono); }
 .wf-text-error { color: var(--wf-color-error-text); }
 
 /* ── 填充上的文字色（实心品牌/警告底——对比度保障） ── */

package/dist/client/vdom/core/v2/diff.d.ts

@@ -8,6 +8,8 @@ import { type CompOutput } from '../node/component.ts';
 export interface Segment {
     factory: Component;
     renderFn: RenderFn;
+    /** memo 比较基准（上次实际渲染的 props——跳过后不更新） */
+    lastProps?: Record<string, unknown>;
     lastOutput: CompOutput | undefined;
     hookSeq: {
         n: number;
@@ -36,8 +38,6 @@ export declare function nextSegmentEpoch(): number;
 export type SegmentMap = Map<string, Segment>;
 /** 创建段（mount——工厂执行——hooks 环境已注入 ctx.ui） */
 export declare function createSegment(factory: Component, props: Record<string, unknown>, ctx: UIContext, compId: string, requestSegmentRender?: () => void): Segment;
-/** **段重渲染（单一实现源）**：hookSeq 重置（v1 renderBase 语义——渲染期
- *  hook 索引跨渲染稳定）→ renderFn 重调（props 最新）——工厂不重跑 */
 export declare function rerenderSegment(seg: Segment, props: Record<string, unknown>): VNodeChild;
 /** 段销毁（unmount——destroy$ 单信号全停——onUnmount 闭包栈 LIFO + 订阅
  *  者清理统一由信号驱动）——段接口无平行数组（单轨清理） */

package/dist/client/vdom/hooks/env.d.ts

@@ -13,6 +13,19 @@ import { Subject } from '../observable/index.ts';
 import { type PopupHandle, type PopupOpenOptions } from './popup-manager.ts';
 import { type TweenOptions } from './stable.ts';
 /** hooks 环境（per 组件实例——renderComponent 注入） */
+/** me() 会话面（useSession 返回——轻量结构——不依赖 server 类型） */
+export interface UserSession {
+    user: {
+        id: string;
+        email?: string;
+        name?: string | null;
+    } | null;
+    session: {
+        userId: string;
+        appId: string;
+        role: string;
+    } | null;
+}
 export interface HookEnv {
     /** 组件级渲染触发（store 变化/事件驱动 hooks → 重渲染） */
     requestRender(): void;
@@ -59,6 +72,13 @@ export interface Ui {
      *  （switchMap——竞态消灭）· 卸载自动退订 · 重挂载重新取（新鲜）——
      *  get() 返回 null = loading/error 无值 */
     useAsyncData<T>(fetcher: () => Promise<T>, key: string): [() => T | null, () => void];
+    /** **会话面（USERSYSTEM-V2——me() 单源）**：{ user, session:{userId,appId,role} }——
+     *  getter 形态——401/错误降级 null——组件一行读身份/角色/租户
+     *  （替代应用自造角色存储——localStorage 双源根除） */
+    useSession(opts?: {
+        path?: string;
+        token?: () => string | null;
+    }): () => UserSession | null;
     /** 共享状态订阅（**getter 形态**——`get()` 永远最新——store 变化 →
      *  组件重渲染——unmount 自动退订——订阅幂等（重复调用不重复订阅）） */
     useExternal<T>(store: ExternalStore<T>): () => T;