@vobs/layout 1.1.0 → 1.2.1

package/dist/viewport.js

@@ -0,0 +1,307 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// packages/reactivity/src/debug.ts
+var activeDebugHooks = null;
+var signalNames = /* @__PURE__ */ new WeakMap();
+function hasDebugHooks() {
+  return activeDebugHooks !== null;
+}
+__name(hasDebugHooks, "hasDebugHooks");
+function setSignalDebugName(signal, name) {
+  signalNames.set(signal, name);
+  invokeDebug("signalNamed", signal, name);
+}
+__name(setSignalDebugName, "setSignalDebugName");
+function invokeDebug(name, ...args) {
+  return;
+}
+__name(invokeDebug, "invokeDebug");
+
+// packages/reactivity/src/owner.ts
+var currentOwner = null;
+function getCurrentOwner() {
+  return currentOwner;
+}
+__name(getCurrentOwner, "getCurrentOwner");
+function onDispose(cleanup) {
+  throw new Error("Vobs: onDispose \u5FC5\u987B\u5728 Owner \u4F5C\u7528\u57DF\u5185\u8C03\u7528");
+}
+__name(onDispose, "onDispose");
+
+// packages/reactivity/src/signal.ts
+var currentSubscriber = null;
+function getCurrentSubscriber() {
+  return currentSubscriber;
+}
+__name(getCurrentSubscriber, "getCurrentSubscriber");
+function setCurrentSubscriber(subscriber) {
+  currentSubscriber = subscriber;
+}
+__name(setCurrentSubscriber, "setCurrentSubscriber");
+function trackDependency(dependency) {
+  if (!currentSubscriber || currentSubscriber.disposed) return;
+  !currentSubscriber.dependencies.has(dependency);
+  currentSubscriber.dependencies.add(dependency);
+}
+__name(trackDependency, "trackDependency");
+function state(initialValue, debugName) {
+  let value = initialValue;
+  let disposed = false;
+  const subscribers = /* @__PURE__ */ new Set();
+  const signalInstance = {
+    get value() {
+      const subscriber = getCurrentSubscriber();
+      if (subscriber && !subscriber.disposed) {
+        subscribers.add(subscriber);
+        trackDependency(signalInstance);
+      }
+      return value;
+    },
+    set value(nextValue) {
+      if (disposed || Object.is(value, nextValue)) return;
+      value = nextValue;
+      for (const subscriber of [...subscribers]) subscriber.notify();
+    },
+    unsubscribe(subscriber) {
+      subscribers.delete(subscriber);
+    },
+    // 与 `.value =` 赋值同一条路径：判等短路、debug hook、notify 全部一致。
+    // 以闭包实现，可安全地作为回调直接传递（无 this 绑定问题）。
+    set(next) {
+      signalInstance.value = next;
+    },
+    dispose() {
+      if (disposed) return;
+      disposed = true;
+      subscribers.clear();
+    }
+  };
+  if (debugName?.trim()) setSignalDebugName(signalInstance, debugName.trim());
+  return signalInstance;
+}
+__name(state, "state");
+
+// packages/reactivity/src/scheduler.ts
+var _Scheduler = class _Scheduler {
+  constructor() {
+    this.dirtyEffects = /* @__PURE__ */ new Set();
+    this.lowPriorityEffects = /* @__PURE__ */ new Set();
+    // flush 不可重入（flushing 标志保证），缓冲数组可在轮次间安全复用，避免每轮分配。
+    this.normalBuffer = [];
+    this.lowBuffer = [];
+    this.flushing = false;
+    this.scheduled = false;
+    this.batchDepth = 0;
+  }
+  schedule(effect2) {
+    if (effect2.disposed) return;
+    this.dirtyEffects.add(effect2);
+    this.lowPriorityEffects.delete(effect2);
+    this.ensureScheduled();
+  }
+  /** Queue an effect behind normal updates while preserving deterministic order. */
+  scheduleLow(effect2) {
+    if (effect2.disposed) return;
+    if (!this.dirtyEffects.has(effect2)) this.lowPriorityEffects.add(effect2);
+    this.ensureScheduled();
+  }
+  ensureScheduled() {
+    if (this.batchDepth === 0 && !this.flushing && !this.scheduled) {
+      this.scheduled = true;
+      queueMicrotask(() => {
+        this.scheduled = false;
+        this.flush();
+      });
+    }
+  }
+  remove(effect2) {
+    this.dirtyEffects.delete(effect2);
+    this.lowPriorityEffects.delete(effect2);
+  }
+  batch(fn) {
+    this.batchDepth++;
+    try {
+      return fn();
+    } finally {
+      this.batchDepth--;
+      if (this.batchDepth === 0) this.flush();
+    }
+  }
+  flush() {
+    if (this.flushing || this.batchDepth > 0) return;
+    this.flushing = true;
+    let rounds = 0;
+    let firstError;
+    let hasError = false;
+    try {
+      while (this.dirtyEffects.size > 0 || this.lowPriorityEffects.size > 0) {
+        if (++rounds > 100) {
+          this.dirtyEffects.clear();
+          this.lowPriorityEffects.clear();
+          throw new Error("Vobs: \u54CD\u5E94\u5F0F\u66F4\u65B0\u8D85\u8FC7 100 \u8F6E\uFF0C\u53EF\u80FD\u5B58\u5728\u5FAA\u73AF\u4F9D\u8D56");
+        }
+        this.collectRunnable(this.dirtyEffects, this.normalBuffer);
+        this.collectRunnable(this.lowPriorityEffects, this.lowBuffer);
+        sortEffects(this.normalBuffer);
+        sortEffects(this.lowBuffer);
+        for (const effect2 of this.normalBuffer) {
+          try {
+            effect2.run();
+          } catch (error) {
+            if (!hasError) {
+              firstError = error;
+              hasError = true;
+            }
+          }
+        }
+        for (const effect2 of this.lowBuffer) {
+          try {
+            effect2.run();
+          } catch (error) {
+            if (!hasError) {
+              firstError = error;
+              hasError = true;
+            }
+          }
+        }
+        this.normalBuffer.length = 0;
+        this.lowBuffer.length = 0;
+      }
+    } finally {
+      this.normalBuffer.length = 0;
+      this.lowBuffer.length = 0;
+      this.flushing = false;
+    }
+    if (hasError) throw firstError;
+  }
+  /** 收集未 disposed 的 effect 并清空源集合；run() 期间新调度的 effect 留给下一轮。 */
+  collectRunnable(source, target) {
+    for (const effect2 of source) {
+      if (!effect2.disposed) target.push(effect2);
+    }
+    source.clear();
+  }
+};
+__name(_Scheduler, "Scheduler");
+function sortEffects(effects) {
+  if (effects.length > 1) {
+    effects.sort((a, b) => b.depth - a.depth || a.order - b.order);
+  }
+}
+__name(sortEffects, "sortEffects");
+
+// packages/reactivity/src/effect.ts
+function cleanupDependencies(subscriber) {
+  for (const dependency of subscriber.dependencies) {
+    dependency.unsubscribe(subscriber);
+  }
+  subscriber.dependencies.clear();
+}
+__name(cleanupDependencies, "cleanupDependencies");
+
+// packages/reactivity/src/memo.ts
+function memo(compute) {
+  let cached;
+  let dirty = true;
+  let disposed = false;
+  const subscribers = /* @__PURE__ */ new Set();
+  const memoSubscriber = {
+    dependencies: /* @__PURE__ */ new Set(),
+    get disposed() {
+      return disposed;
+    },
+    notify() {
+      if (disposed || dirty) return;
+      dirty = true;
+      for (const subscriber of [...subscribers]) subscriber.notify();
+    }
+  };
+  const memoSignal = {
+    get value() {
+      const subscriber = getCurrentSubscriber();
+      if (subscriber && !subscriber.disposed) {
+        subscribers.add(subscriber);
+        trackDependency(memoSignal);
+      }
+      if (dirty) {
+        cleanupDependencies(memoSubscriber);
+        const previous = getCurrentSubscriber();
+        setCurrentSubscriber(memoSubscriber);
+        try {
+          cached = compute();
+          dirty = false;
+        } finally {
+          setCurrentSubscriber(previous);
+        }
+      }
+      return cached;
+    },
+    set value(_) {
+      throw new Error("memo: \u6D3E\u751F\u503C\u4E0D\u80FD\u76F4\u63A5\u8D4B\u503C");
+    },
+    unsubscribe(subscriber) {
+      subscribers.delete(subscriber);
+    },
+    dispose() {
+      if (disposed) return;
+      disposed = true;
+      subscribers.clear();
+      cleanupDependencies(memoSubscriber);
+    }
+  };
+  return memoSignal;
+}
+__name(memo, "memo");
+
+// packages/layout/src/viewport.ts
+var DEFAULT_MOBILE_BREAKPOINT = 768;
+function createKitViewport(breakpoint = DEFAULT_MOBILE_BREAKPOINT) {
+  const normalizedBreakpoint = normalizeBreakpoint(breakpoint);
+  const width = state(readWidth(), "layout.viewport.width");
+  const height = state(readHeight(), "layout.viewport.height");
+  const isMobile = memo(() => width.value < normalizedBreakpoint);
+  let disposed = false;
+  const onResize = /* @__PURE__ */ __name(() => {
+    if (disposed) return;
+    width.value = readWidth();
+    height.value = readHeight();
+  }, "onResize");
+  if (typeof window !== "undefined") {
+    window.addEventListener("resize", onResize);
+  }
+  const viewport = {
+    width,
+    height,
+    isMobile,
+    dispose() {
+      if (disposed) return;
+      disposed = true;
+      if (typeof window !== "undefined") window.removeEventListener("resize", onResize);
+      isMobile.dispose();
+      width.dispose();
+      height.dispose();
+    }
+  };
+  return viewport;
+}
+__name(createKitViewport, "createKitViewport");
+function normalizeBreakpoint(value) {
+  if (!Number.isFinite(value) || value <= 0) {
+    throw new Error("VOBS_KIT002: mobileBreakpoint \u5FC5\u987B\u662F\u5927\u4E8E 0 \u7684\u6709\u9650\u6570\u5B57");
+  }
+  return Math.round(value);
+}
+__name(normalizeBreakpoint, "normalizeBreakpoint");
+function readWidth() {
+  return typeof window === "undefined" ? DEFAULT_MOBILE_BREAKPOINT + 256 : window.innerWidth;
+}
+__name(readWidth, "readWidth");
+function readHeight() {
+  return typeof window === "undefined" ? 768 : window.innerHeight;
+}
+__name(readHeight, "readHeight");
+
+export { DEFAULT_MOBILE_BREAKPOINT, createKitViewport, normalizeBreakpoint };
+//# sourceMappingURL=viewport.js.map
+//# sourceMappingURL=viewport.js.map

package/dist/viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../reactivity/src/debug.ts","../../reactivity/src/owner.ts","../../reactivity/src/signal.ts","../../reactivity/src/scheduler.ts","../../reactivity/src/effect.ts","../../reactivity/src/memo.ts","../src/viewport.ts"],"names":["effect"],"mappings":"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","file":"viewport.js","sourcesContent":["import type { Effect } from './effect'\nimport type { Owner } from './owner'\nimport type { Dependency, ReadableSignal, Subscriber } from './signal'\n\nexport interface ReactivityDebugHooks {\n  ownerCreated?(owner: Owner): void\n  ownerNamed?(owner: Owner, name: string): void\n  ownerDisposed?(owner: Owner): void\n  signalCreated?(signal: ReadableSignal<unknown>, owner: Owner | null): void\n  signalNamed?(signal: ReadableSignal<unknown>, name: string): void\n  signalRead?(signal: ReadableSignal<unknown>, subscriber: Subscriber): void\n  signalChanged?(signal: ReadableSignal<unknown>, previousValue: unknown, nextValue: unknown): void\n  signalDisposed?(signal: ReadableSignal<unknown>): void\n  dependencyTracked?(dependency: Dependency, subscriber: Subscriber): void\n  dependencyUntracked?(dependency: Dependency, subscriber: Subscriber): void\n  effectCreated?(effect: Effect, owner: Owner | null): void\n  effectInvalidated?(effect: Effect): void\n  effectRunStart?(effect: Effect): void\n  effectRunEnd?(effect: Effect, error?: unknown, handled?: boolean): void\n  effectDisposed?(effect: Effect): void\n  memoCreated?(signal: ReadableSignal<unknown>, subscriber: Subscriber, owner: Owner | null): void\n  memoInvalidated?(signal: ReadableSignal<unknown>): void\n  flushStart?(): void\n  flushEnd?(): void\n}\n\nlet activeDebugHooks: ReactivityDebugHooks | null = null\nconst signalNames = new WeakMap<object, string>()\n\nexport function setDebugHooks(hooks: ReactivityDebugHooks | null): ReactivityDebugHooks | null {\n  const previous = activeDebugHooks\n  activeDebugHooks = hooks\n  return previous\n}\n\nexport function getDebugHooks(): ReactivityDebugHooks | null {\n  return activeDebugHooks\n}\n\n/** 热路径守卫：无 hooks 时跳过 invokeDebug 调用，避免 rest 参数数组分配。 */\nexport function hasDebugHooks(): boolean {\n  return activeDebugHooks !== null\n}\n\nexport function setSignalDebugName(signal: ReadableSignal<unknown>, name: string): void {\n  signalNames.set(signal, name)\n  invokeDebug('signalNamed', signal, name)\n}\n\nexport function getSignalDebugName(signal: ReadableSignal<unknown>): string | undefined {\n  return signalNames.get(signal)\n}\n\nexport function invokeDebug<K extends keyof ReactivityDebugHooks>(\n  name: K,\n  ...args: Parameters<NonNullable<ReactivityDebugHooks[K]>>\n): void {\n  const callback = activeDebugHooks?.[name] as ((...values: unknown[]) => void) | undefined\n  if (!callback) return\n  try {\n    callback(...args)\n  } catch {\n    // Debug tooling must never change application behavior.\n  }\n}\n","import { invokeDebug, hasDebugHooks } from './debug'\n\nexport interface Owner {\n  readonly id: string\n  readonly parent: Owner | null\n  readonly children: readonly Owner[]\n  readonly depth: number\n  readonly disposed: boolean\n  run<T>(fn: () => T): T\n  addCleanup(cleanup: () => void): void\n  onDispose(cleanup: () => void): void\n  onError(handler: (error: unknown) => void): () => void\n  handleError(error: unknown): boolean\n  dispose(): void\n}\n\nlet currentOwner: Owner | null = null\nlet nextOwnerId = 1\nconst ownerNames = new WeakMap<Owner, string>()\n\nexport function createOwner(): Owner {\n  const parent = currentOwner\n  let disposed = parent?.disposed ?? false\n  const children: Owner[] = []\n  const cleanups: Array<() => void> = []\n  const errorHandlers = new Set<(error: unknown) => void>()\n\n  const owner: Owner = {\n    id: `owner-${nextOwnerId++}`,\n    parent,\n    children,\n    depth: (parent?.depth ?? -1) + 1,\n\n    get disposed(): boolean {\n      return disposed\n    },\n\n    run<T>(fn: () => T): T {\n      if (disposed) throw new Error('Vobs: 已销毁的 Owner 不能继续运行')\n      const previous = currentOwner\n      currentOwner = owner\n      try {\n        return fn()\n      } finally {\n        currentOwner = previous\n      }\n    },\n\n    addCleanup(cleanup: () => void): void {\n      if (disposed) {\n        cleanup()\n        return\n      }\n      cleanups.push(cleanup)\n    },\n\n    onDispose(cleanup: () => void): void {\n      owner.addCleanup(cleanup)\n    },\n\n    onError(handler: (error: unknown) => void): () => void {\n      errorHandlers.add(handler)\n      const remove = () => errorHandlers.delete(handler)\n      owner.addCleanup(remove)\n      return remove\n    },\n\n    handleError(error: unknown): boolean {\n      for (const handler of [...errorHandlers].reverse()) {\n        try {\n          handler(error)\n          return true\n        } catch (handlerError) {\n          return parent?.handleError(handlerError) ?? false\n        }\n      }\n      return parent?.handleError(error) ?? false\n    },\n\n    dispose(): void {\n      if (disposed) return\n      disposed = true\n      for (const child of [...children]) child.dispose()\n      children.length = 0\n\n      let firstError: unknown\n      for (let index = cleanups.length - 1; index >= 0; index--) {\n        try {\n          cleanups[index]()\n        } catch (error) {\n          firstError ??= error\n        }\n      }\n      cleanups.length = 0\n\n      if (parent) {\n        const index = parent.children.indexOf(owner)\n        if (index >= 0) (parent.children as Owner[]).splice(index, 1)\n      }\n      if (hasDebugHooks()) invokeDebug('ownerDisposed', owner)\n      if (firstError) throw firstError\n    }\n  }\n\n  if (parent && !parent.disposed) (parent.children as Owner[]).push(owner)\n  if (hasDebugHooks()) invokeDebug('ownerCreated', owner)\n  return owner\n}\n\nexport function setOwnerDebugName(owner: Owner, name: string): void {\n  ownerNames.set(owner, name)\n  if (hasDebugHooks()) invokeDebug('ownerNamed', owner, name)\n}\n\nexport function getOwnerDebugName(owner: Owner): string | undefined {\n  return ownerNames.get(owner)\n}\n\nexport function getCurrentOwner(): Owner | null {\n  return currentOwner\n}\n\n/** Re-enter an Owner for an explicitly captured asynchronous continuation. */\nexport function runWithOwner<T>(owner: Owner, fn: () => T): T {\n  return owner.run(fn)\n}\n\nexport function onDispose(cleanup: () => void): void {\n  const owner = getCurrentOwner()\n  if (!owner) throw new Error('Vobs: onDispose 必须在 Owner 作用域内调用')\n  owner.onDispose(cleanup)\n}\n","import { getCurrentOwner } from './owner'\nimport { invokeDebug, hasDebugHooks, setSignalDebugName } from './debug'\n\nexport interface Dependency {\n  unsubscribe(subscriber: Subscriber): void\n}\n\nexport interface Subscriber {\n  readonly dependencies: Set<Dependency>\n  readonly disposed: boolean\n  notify(): void\n}\n\n/** 只读信号：派生值（memo）与只读上下文的最小契约，只能订阅与读取。 */\nexport interface ReadableSignal<T> extends Dependency {\n  readonly value: T\n  dispose(): void\n}\n\n/** 可写信号：state() 的返回类型。`set` 与 `.value =` 赋值语义完全一致。 */\nexport interface Signal<T> extends ReadableSignal<T> {\n  value: T\n  set(next: T): void\n}\n\nlet currentSubscriber: Subscriber | null = null\n\nexport function getCurrentSubscriber(): Subscriber | null {\n  return currentSubscriber\n}\n\nexport function setCurrentSubscriber(subscriber: Subscriber | null): void {\n  currentSubscriber = subscriber\n}\n\nexport function untrack<T>(fn: () => T): T {\n  const previous = currentSubscriber\n  currentSubscriber = null\n  try {\n    return fn()\n  } finally {\n    currentSubscriber = previous\n  }\n}\n\nexport function trackDependency(dependency: Dependency): void {\n  if (!currentSubscriber || currentSubscriber.disposed) return\n  const added = !currentSubscriber.dependencies.has(dependency)\n  currentSubscriber.dependencies.add(dependency)\n  if (added && hasDebugHooks()) invokeDebug('dependencyTracked', dependency, currentSubscriber)\n}\n\n/**\n * Create a reactive state signal.\n *\n * State uses identity (`Object.is`) change detection. Objects and arrays are\n * intentionally shallow: mutating a nested property in place does not notify\n * subscribers; assign a new object/array to `value` to publish the change.\n *\n * The optional debug name is metadata for inspection tools only. It does not\n * affect subscriptions, scheduling, serialization, or the signal contract.\n */\nexport function state<T>(initialValue: T, debugName?: string): Signal<T> {\n  let value = initialValue\n  let disposed = false\n  const subscribers = new Set<Subscriber>()\n\n  const signalInstance: Signal<T> = {\n    get value(): T {\n      const subscriber = getCurrentSubscriber()\n      if (subscriber && !subscriber.disposed) {\n        subscribers.add(subscriber)\n        if (hasDebugHooks()) invokeDebug('signalRead', signalInstance as Signal<unknown>, subscriber)\n        trackDependency(signalInstance)\n      }\n      return value\n    },\n\n    set value(nextValue: T) {\n      if (disposed || Object.is(value, nextValue)) return\n      const previousValue = value\n      value = nextValue\n      if (hasDebugHooks()) invokeDebug('signalChanged', signalInstance as Signal<unknown>, previousValue, nextValue)\n      for (const subscriber of [...subscribers]) subscriber.notify()\n    },\n\n    unsubscribe(subscriber: Subscriber): void {\n      subscribers.delete(subscriber)\n    },\n\n    // 与 `.value =` 赋值同一条路径：判等短路、debug hook、notify 全部一致。\n    // 以闭包实现，可安全地作为回调直接传递（无 this 绑定问题）。\n    set(next: T): void {\n      signalInstance.value = next\n    },\n\n    dispose(): void {\n      if (disposed) return\n      disposed = true\n      subscribers.clear()\n      if (hasDebugHooks()) invokeDebug('signalDisposed', signalInstance as Signal<unknown>)\n    }\n  }\n\n  const owner = getCurrentOwner()\n  owner?.addCleanup(signalInstance.dispose)\n  if (hasDebugHooks()) invokeDebug('signalCreated', signalInstance as Signal<unknown>, owner)\n  if (debugName?.trim()) setSignalDebugName(signalInstance as Signal<unknown>, debugName.trim())\n  return signalInstance\n}\n","import type { Effect } from './effect'\nimport { hasDebugHooks, invokeDebug } from './debug'\n\nexport class Scheduler {\n  private readonly dirtyEffects = new Set<Effect>()\n  private readonly lowPriorityEffects = new Set<Effect>()\n  // flush 不可重入（flushing 标志保证），缓冲数组可在轮次间安全复用，避免每轮分配。\n  private readonly normalBuffer: Effect[] = []\n  private readonly lowBuffer: Effect[] = []\n  private flushing = false\n  private scheduled = false\n  private batchDepth = 0\n\n  schedule(effect: Effect): void {\n    if (effect.disposed) return\n    this.dirtyEffects.add(effect)\n    this.lowPriorityEffects.delete(effect)\n    this.ensureScheduled()\n  }\n\n  /** Queue an effect behind normal updates while preserving deterministic order. */\n  scheduleLow(effect: Effect): void {\n    if (effect.disposed) return\n    if (!this.dirtyEffects.has(effect)) this.lowPriorityEffects.add(effect)\n    this.ensureScheduled()\n  }\n\n  private ensureScheduled(): void {\n    if (this.batchDepth === 0 && !this.flushing && !this.scheduled) {\n      this.scheduled = true\n      queueMicrotask(() => {\n        this.scheduled = false\n        this.flush()\n      })\n    }\n  }\n\n  remove(effect: Effect): void {\n    this.dirtyEffects.delete(effect)\n    this.lowPriorityEffects.delete(effect)\n  }\n\n  batch<T>(fn: () => T): T {\n    this.batchDepth++\n    try {\n      return fn()\n    } finally {\n      this.batchDepth--\n      if (this.batchDepth === 0) this.flush()\n    }\n  }\n\n  flush(): void {\n    if (this.flushing || this.batchDepth > 0) return\n    this.flushing = true\n    const debugEnabled = hasDebugHooks()\n    if (debugEnabled) invokeDebug('flushStart')\n    let rounds = 0\n    let firstError: unknown\n    let hasError = false\n    try {\n      while (this.dirtyEffects.size > 0 || this.lowPriorityEffects.size > 0) {\n        if (++rounds > 100) {\n          this.dirtyEffects.clear()\n          this.lowPriorityEffects.clear()\n          throw new Error('Vobs: 响应式更新超过 100 轮，可能存在循环依赖')\n        }\n\n        // normal 先、low 后，两组分别排序：与旧的合并排序语义一致\n        // （旧比较器里 low 优先级本就高于 depth），但消除了比较器内的 Set 查找。\n        this.collectRunnable(this.dirtyEffects, this.normalBuffer)\n        this.collectRunnable(this.lowPriorityEffects, this.lowBuffer)\n        sortEffects(this.normalBuffer)\n        sortEffects(this.lowBuffer)\n        for (const effect of this.normalBuffer) {\n          try {\n            effect.run()\n          } catch (error) {\n            // Isolate one failed effect from the rest of the flush. Re-throw\n            // the first error after all runnable effects have had a chance.\n            if (!hasError) {\n              firstError = error\n              hasError = true\n            }\n          }\n        }\n        for (const effect of this.lowBuffer) {\n          try {\n            effect.run()\n          } catch (error) {\n            if (!hasError) {\n              firstError = error\n              hasError = true\n            }\n          }\n        }\n        this.normalBuffer.length = 0\n        this.lowBuffer.length = 0\n      }\n    } finally {\n      this.normalBuffer.length = 0\n      this.lowBuffer.length = 0\n      this.flushing = false\n      if (debugEnabled) invokeDebug('flushEnd')\n    }\n    if (hasError) throw firstError\n  }\n\n  /** 收集未 disposed 的 effect 并清空源集合；run() 期间新调度的 effect 留给下一轮。 */\n  private collectRunnable(source: Set<Effect>, target: Effect[]): void {\n    for (const effect of source) {\n      if (!effect.disposed) target.push(effect)\n    }\n    source.clear()\n  }\n}\n\n/** depth 深的先跑（子 effect 先于父），同深度按创建顺序。 */\nfunction sortEffects(effects: Effect[]): void {\n  if (effects.length > 1) {\n    effects.sort((a, b) => b.depth - a.depth || a.order - b.order)\n  }\n}\n\nexport const scheduler = new Scheduler()\n\nexport function batch<T>(fn: () => T): T {\n  return scheduler.batch(fn)\n}\n\n/** Schedule a low-priority effect explicitly. */\nexport function scheduleLow(effect: Effect): void {\n  effect.scheduleLow()\n}\n","import { getCurrentOwner } from './owner'\nimport { invokeDebug, hasDebugHooks } from './debug'\nimport {\n  getCurrentSubscriber,\n  setCurrentSubscriber,\n  type Dependency,\n  type Subscriber\n} from './signal'\nimport { scheduler } from './scheduler'\n\nexport interface Effect extends Subscriber {\n  readonly order: number\n  readonly depth: number\n  run(): void\n  scheduleLow(): void\n  dispose(): void\n}\n\nexport type EffectCleanup = () => void\nexport type EffectCallback = () => void | EffectCleanup\n\nlet nextEffectOrder = 1\n\nexport function cleanupDependencies(subscriber: Subscriber): void {\n  for (const dependency of subscriber.dependencies) {\n    dependency.unsubscribe(subscriber)\n    if (hasDebugHooks()) invokeDebug('dependencyUntracked', dependency, subscriber)\n  }\n  subscriber.dependencies.clear()\n}\n\nexport function effect(callback: EffectCallback): Effect {\n  const owner = getCurrentOwner()\n  let cleanup: EffectCleanup | undefined\n  let dirty = true\n  let disposed = false\n\n  const eff: Effect = {\n    order: nextEffectOrder++,\n    depth: owner?.depth ?? 0,\n    dependencies: new Set<Dependency>(),\n\n    get disposed(): boolean {\n      return disposed\n    },\n\n    notify(): void {\n      if (disposed || dirty) return\n      dirty = true\n      if (hasDebugHooks()) invokeDebug('effectInvalidated', eff)\n      scheduler.schedule(eff)\n    },\n\n    run(): void {\n      if (disposed || !dirty) return\n      dirty = false\n      const previousCleanup = cleanup\n      cleanup = undefined\n      let cleanupError: unknown\n      if (previousCleanup) {\n        try {\n          previousCleanup()\n        } catch (error) {\n          const handled = owner?.handleError(error) ?? false\n          if (!handled) cleanupError = error\n        }\n      }\n      cleanupDependencies(eff)\n\n      const previous = getCurrentSubscriber()\n      setCurrentSubscriber(eff)\n      let thrown: unknown\n      let handled = false\n      if (hasDebugHooks()) invokeDebug('effectRunStart', eff)\n      try {\n        const result = owner ? owner.run(callback) : callback()\n        cleanup = typeof result === 'function' ? result : undefined\n      } catch (error) {\n        thrown = error\n        handled = owner?.handleError(error) ?? false\n        if (!handled) throw error\n      } finally {\n        setCurrentSubscriber(previous)\n        if (hasDebugHooks()) invokeDebug('effectRunEnd', eff, thrown, handled)\n      }\n      if (cleanupError && !thrown) throw cleanupError\n    },\n\n    scheduleLow(): void {\n      if (disposed || dirty) return\n      dirty = true\n      scheduler.scheduleLow(eff)\n    },\n\n    dispose(): void {\n      if (disposed) return\n      disposed = true\n      dirty = false\n      scheduler.remove(eff)\n      const previousCleanup = cleanup\n      cleanup = undefined\n      let cleanupError: unknown\n      if (previousCleanup) {\n        try {\n          previousCleanup()\n        } catch (error) {\n          const handled = owner?.handleError(error) ?? false\n          if (!handled) cleanupError = error\n        }\n      }\n      cleanupDependencies(eff)\n      if (hasDebugHooks()) invokeDebug('effectDisposed', eff)\n      if (cleanupError) throw cleanupError\n    }\n  }\n\n  owner?.addCleanup(eff.dispose)\n  if (hasDebugHooks()) invokeDebug('effectCreated', eff, owner)\n  eff.run()\n  return eff\n}\n\nexport const renderEffect = effect\n","import { cleanupDependencies } from './effect'\nimport { getCurrentOwner } from './owner'\nimport { invokeDebug, hasDebugHooks } from './debug'\nimport {\n  getCurrentSubscriber,\n  setCurrentSubscriber,\n  trackDependency,\n  type Dependency,\n  type ReadableSignal,\n  type Subscriber\n} from './signal'\n\n/** 派生值：只读信号。写入在类型层面即被禁止；运行时保留 setter 防线兜底未经类型检查的调用方。 */\nexport interface Memo<T> extends ReadableSignal<T> {}\n\nexport function memo<T>(compute: () => T): Memo<T> {\n  let cached!: T\n  let dirty = true\n  let disposed = false\n  const subscribers = new Set<Subscriber>()\n\n  const memoSubscriber: Subscriber = {\n    dependencies: new Set<Dependency>(),\n\n    get disposed(): boolean {\n      return disposed\n    },\n\n    notify(): void {\n      if (disposed || dirty) return\n      dirty = true\n      if (hasDebugHooks()) invokeDebug('memoInvalidated', memoSignal as ReadableSignal<unknown>)\n      for (const subscriber of [...subscribers]) subscriber.notify()\n    }\n  }\n\n  const memoSignal: Memo<T> = {\n    get value(): T {\n      const subscriber = getCurrentSubscriber()\n      if (subscriber && !subscriber.disposed) {\n        subscribers.add(subscriber)\n        trackDependency(memoSignal)\n      }\n\n      if (dirty) {\n        cleanupDependencies(memoSubscriber)\n        const previous = getCurrentSubscriber()\n        setCurrentSubscriber(memoSubscriber)\n        try {\n          cached = compute()\n          dirty = false\n        } finally {\n          setCurrentSubscriber(previous)\n        }\n      }\n\n      return cached\n    },\n\n    set value(_: T) {\n      throw new Error('memo: 派生值不能直接赋值')\n    },\n\n    unsubscribe(subscriber: Subscriber): void {\n      subscribers.delete(subscriber)\n    },\n\n    dispose(): void {\n      if (disposed) return\n      disposed = true\n      subscribers.clear()\n      cleanupDependencies(memoSubscriber)\n      if (hasDebugHooks()) invokeDebug('signalDisposed', memoSignal as ReadableSignal<unknown>)\n    }\n  }\n\n  const owner = getCurrentOwner()\n  owner?.addCleanup(memoSignal.dispose)\n  if (hasDebugHooks()) {\n    invokeDebug('signalCreated', memoSignal as ReadableSignal<unknown>, owner)\n    invokeDebug('memoCreated', memoSignal as ReadableSignal<unknown>, memoSubscriber, owner)\n  }\n  return memoSignal\n}\n","import { getCurrentOwner, memo, onDispose, state } from '@vobs/reactivity'\nimport type { KitViewport } from './types'\n\nexport const DEFAULT_MOBILE_BREAKPOINT = 768\n\nexport function createKitViewport(breakpoint = DEFAULT_MOBILE_BREAKPOINT): KitViewport {\n  const normalizedBreakpoint = normalizeBreakpoint(breakpoint)\n  const width = state(readWidth(), 'layout.viewport.width')\n  const height = state(readHeight(), 'layout.viewport.height')\n  const isMobile = memo(() => width.value < normalizedBreakpoint)\n  let disposed = false\n\n  const onResize = (): void => {\n    if (disposed) return\n    width.value = readWidth()\n    height.value = readHeight()\n  }\n\n  if (typeof window !== 'undefined') {\n    window.addEventListener('resize', onResize)\n  }\n\n  const viewport: KitViewport = {\n    width,\n    height,\n    isMobile,\n    dispose(): void {\n      if (disposed) return\n      disposed = true\n      if (typeof window !== 'undefined') window.removeEventListener('resize', onResize)\n      isMobile.dispose()\n      width.dispose()\n      height.dispose()\n    }\n  }\n\n  if (getCurrentOwner()) onDispose(viewport.dispose)\n  return viewport\n}\n\nexport function normalizeBreakpoint(value: number): number {\n  if (!Number.isFinite(value) || value <= 0) {\n    throw new Error('VOBS_KIT002: mobileBreakpoint 必须是大于 0 的有限数字')\n  }\n  return Math.round(value)\n}\n\nfunction readWidth(): number {\n  return typeof window === 'undefined' ? DEFAULT_MOBILE_BREAKPOINT + 256 : window.innerWidth\n}\n\nfunction readHeight(): number {\n  return typeof window === 'undefined' ? 768 : window.innerHeight\n}\n"]}

package/package.json

@@ -1,36 +1,96 @@
 {
   "license": "MIT",
   "files": [
+    "dist",
     "src",
     "README.md",
     "LICENSE"
   ],
   "name": "@vobs/layout",
-  "version": "1.1.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vobsjs/vobs.git"
+  },
+  "version": "1.2.1",
+  "publishConfig": {
+    "access": "public"
+  },
   "description": "Optional Kit layout primitives for Vobs.",
   "type": "module",
-  "main": "src/index.ts",
-  "types": "src/index.ts",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
-    ".": "./src/index.ts",
-    "./layout": "./src/layout.ts",
-    "./header": "./src/header.ts",
-    "./sidebar": "./src/sidebar.ts",
-    "./menu": "./src/menu.ts",
-    "./breadcrumb": "./src/breadcrumb.ts",
-    "./tabs": "./src/tabs.ts",
-    "./context": "./src/context.ts",
-    "./viewport": "./src/viewport.ts",
-    "./layout.css": "./src/styles/layout.css",
-    "./styles.css": "./src/styles/styles.css",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.js"
+    },
+    "./layout": {
+      "types": "./dist/layout.d.ts",
+      "import": "./dist/layout.js",
+      "require": "./dist/layout.cjs",
+      "default": "./dist/layout.js"
+    },
+    "./header": {
+      "types": "./dist/header.d.ts",
+      "import": "./dist/header.js",
+      "require": "./dist/header.cjs",
+      "default": "./dist/header.js"
+    },
+    "./sidebar": {
+      "types": "./dist/sidebar.d.ts",
+      "import": "./dist/sidebar.js",
+      "require": "./dist/sidebar.cjs",
+      "default": "./dist/sidebar.js"
+    },
+    "./menu": {
+      "types": "./dist/menu.d.ts",
+      "import": "./dist/menu.js",
+      "require": "./dist/menu.cjs",
+      "default": "./dist/menu.js"
+    },
+    "./breadcrumb": {
+      "types": "./dist/breadcrumb.d.ts",
+      "import": "./dist/breadcrumb.js",
+      "require": "./dist/breadcrumb.cjs",
+      "default": "./dist/breadcrumb.js"
+    },
+    "./tabs": {
+      "types": "./dist/tabs.d.ts",
+      "import": "./dist/tabs.js",
+      "require": "./dist/tabs.cjs",
+      "default": "./dist/tabs.js"
+    },
+    "./context": {
+      "types": "./dist/context.d.ts",
+      "import": "./dist/context.js",
+      "require": "./dist/context.cjs",
+      "default": "./dist/context.js"
+    },
+    "./viewport": {
+      "types": "./dist/viewport.d.ts",
+      "import": "./dist/viewport.js",
+      "require": "./dist/viewport.cjs",
+      "default": "./dist/viewport.js"
+    },
+    "./layout.css": "./dist/styles/layout.css",
+    "./styles.css": "./dist/styles/styles.css",
+    "./source": {
+      "types": "./src/index.ts",
+      "default": "./src/index.ts"
+    },
+    "./source/*": "./src/*",
     "./package.json": "./package.json"
   },
   "sideEffects": [
+    "./dist/styles/*.css",
     "./src/styles/*.css"
   ],
   "dependencies": {
-    "@vobs/reactivity": "1.1.0",
-    "@vobs/vobs": "1.1.0"
+    "@vobs/reactivity": "1.2.1",
+    "@vobs/vobs": "1.2.1"
   },
   "scripts": {
     "test": "vitest --environment jsdom"

package/src/types.ts

@@ -1,4 +1,4 @@
-import type { Signal } from '@vobs/reactivity'
+import type { ReadableSignal, Signal } from '@vobs/reactivity'
 import type { VobsNode } from '@vobs/vobs'
 
 export type LayoutAttributeValue = string | number | boolean | undefined
@@ -145,6 +145,7 @@ export interface KitLayoutContext {
 export interface KitViewport {
   readonly width: Signal<number>
   readonly height: Signal<number>
-  readonly isMobile: Signal<boolean>
+  /** memo 派生值，只读。 */
+  readonly isMobile: ReadableSignal<boolean>
   dispose(): void
 }