@5even7/dlc-ui 0.2.18 → 0.2.20

package/dist/chunks/motion-a8_f8_Ui.mjs

@@ -0,0 +1,177 @@
+/**
+ * Document-level shared rAF scheduler. Every component instance subscribes
+ * its own frame callback; the whole page runs ONE animation loop (like the
+ * original demo), which avoids jank from many competing rAF loops.
+ */
+const subscribers = [];
+let running = false;
+let globallyPaused = false;
+let rafId = 0;
+let last = 0;
+
+function tick(now) {
+  if (!running) return;
+  const activeItems = [];
+  if (!globallyPaused) {
+    for (const item of subscribers.slice()) {
+      try {
+        if (!item.isPaused()) activeItems.push(item);
+      } catch {}
+    }
+  }
+  if (activeItems.length === 0) {
+    running = false;
+    rafId = 0;
+    last = 0;
+    return;
+  }
+  const delta = last ? Math.min((now - last) / 1000, 0.05) : 0;
+  last = now;
+  // Schedule the next frame BEFORE running callbacks so one throwing
+  // subscriber can never kill the whole animation loop.
+  rafId = requestAnimationFrame(tick);
+  for (const item of activeItems) {
+    try {
+      item.onFrame(delta, now);
+    } catch (error) {
+      console.warn('[dlc-ui] frame error:', error);
+    }
+  }
+  if (subscribers.length === 0) {
+    cancelAnimationFrame(rafId);
+    running = false;
+    rafId = 0;
+  }
+}
+
+function start() {
+  if (running) return;
+  running = true;
+  last = 0;
+  rafId = requestAnimationFrame(tick);
+}
+
+function pauseAll() {
+  globallyPaused = true;
+}
+
+function resumeAll() {
+  globallyPaused = false;
+  start();
+}
+
+function wakeScheduler() {
+  start();
+}
+
+function subscribeScheduler(onFrame, isPaused) {
+  const item = { onFrame, isPaused };
+  subscribers.push(item);
+  start();
+  return () => {
+    const index = subscribers.indexOf(item);
+    if (index !== -1) subscribers.splice(index, 1);
+    if (subscribers.length === 0 && rafId) {
+      cancelAnimationFrame(rafId);
+      running = false;
+      rafId = 0;
+    }
+  };
+}
+
+/**
+ * Gates drawing on "element intersects viewport AND the page tab is visible".
+ * Falls back to always-visible when IntersectionObserver is unavailable.
+ */
+function createVisibilityGuard(element, onChange = null) {
+  let intersecting = true;
+  let pageVisible = typeof document === 'undefined' || !document.hidden;
+  let disposed = false;
+  let observer = null;
+
+  if (typeof IntersectionObserver !== 'undefined') {
+    observer = new IntersectionObserver(
+      (entries) => {
+        intersecting = entries.some((entry) => entry.isIntersecting);
+        if (typeof onChange === 'function') onChange();
+      },
+      { rootMargin: '180px' }
+    );
+    observer.observe(element);
+  }
+
+  const onVisibilityChange = () => {
+    pageVisible = typeof document !== 'undefined' && !document.hidden;
+    if (typeof onChange === 'function') onChange();
+  };
+  if (typeof document !== 'undefined') {
+    document.addEventListener('visibilitychange', onVisibilityChange);
+  }
+
+  return {
+    isVisible() {
+      return intersecting && pageVisible;
+    },
+    dispose() {
+      if (disposed) return;
+      disposed = true;
+      if (observer) observer.disconnect();
+      if (typeof document !== 'undefined') {
+        document.removeEventListener('visibilitychange', onVisibilityChange);
+      }
+    }
+  };
+}
+
+function normalizeFps(value, fallback = 60) {
+  const fps = Number(value);
+  if (!Number.isFinite(fps)) return fallback;
+  return Math.min(60, Math.max(1, fps));
+}
+
+function createFrameGate(initialFps = 60) {
+  let fps = normalizeFps(initialFps);
+  let elapsed = 0;
+  return {
+    shouldDraw(delta) {
+      elapsed += delta;
+      const interval = 1 / fps;
+      if (elapsed + 0.0001 < interval) return false;
+      elapsed %= interval;
+      return true;
+    },
+    setFps(value) {
+      fps = normalizeFps(value, fps);
+      elapsed = 0;
+      return fps;
+    },
+    getFps() {
+      return fps;
+    }
+  };
+}
+
+function createReducedMotionPreference(enabled, onChange) {
+  const query = enabled && typeof matchMedia !== 'undefined'
+    ? matchMedia('(prefers-reduced-motion: reduce)')
+    : null;
+  const notify = () => {
+    if (typeof onChange === 'function') onChange(Boolean(query && query.matches));
+  };
+  if (query) {
+    if (typeof query.addEventListener === 'function') query.addEventListener('change', notify);
+    else if (typeof query.addListener === 'function') query.addListener(notify);
+  }
+  return {
+    matches() {
+      return Boolean(query && query.matches);
+    },
+    dispose() {
+      if (!query) return;
+      if (typeof query.removeEventListener === 'function') query.removeEventListener('change', notify);
+      else if (typeof query.removeListener === 'function') query.removeListener(notify);
+    }
+  };
+}
+
+export { createVisibilityGuard as a, createReducedMotionPreference as b, createFrameGate as c, pauseAll as p, resumeAll as r, subscribeScheduler as s, wakeScheduler as w };

package/dist/chunks/number-BqWLX0iQ.mjs

@@ -0,0 +1,231 @@
+const QUALITY_TIERS = {
+  low: { dpr: 1 },
+  medium: { dpr: 1.5 },
+  high: { dpr: 2 }
+};
+
+function autoDprCap() {
+  const nav = typeof navigator !== 'undefined' ? navigator : null;
+  const memory = nav && typeof nav.deviceMemory === 'number' ? nav.deviceMemory : 8;
+  const cores = nav && typeof nav.hardwareConcurrency === 'number' ? nav.hardwareConcurrency : 8;
+  return memory <= 4 || cores <= 4 ? 1.5 : 2;
+}
+
+function dprCapFor(quality) {
+  if (quality === 'auto') return autoDprCap();
+  const tier = QUALITY_TIERS[quality] || QUALITY_TIERS.medium;
+  return tier.dpr;
+}
+
+function effectiveDprCap(quality, renderScale = 1) {
+  const scale = Number(renderScale);
+  const normalizedScale = Number.isFinite(scale) ? Math.min(1, Math.max(0.25, scale)) : 1;
+  return Math.max(0.5, dprCapFor(quality) * normalizedScale);
+}
+
+/**
+ * Merge defaults < preset < user. Unknown user keys are preserved so the
+ * component API can grow (new props, cssVars, callbacks) without a breaking
+ * change.
+ */
+function normalizeOptions(defaults, preset, user) {
+  // undefined means "not provided" (e.g. Vue $props with unset props):
+  // drop those keys before merging so defaults/preset values survive.
+  const omitUndefined = (source) => {
+    const result = {};
+    for (const key of Object.keys(source)) {
+      if (source[key] !== undefined) result[key] = source[key];
+    }
+    return result;
+  };
+  const presetOptions = omitUndefined(preset && typeof preset === 'object' ? preset : {});
+  const userOptions = omitUndefined(user && typeof user === 'object' ? user : {});
+  return { ...defaults, ...presetOptions, ...userOptions };
+}
+
+/**
+ * 公共色板：NC-01~NC-06 的四色组（底色 / 主色 / 辅色 / 高光色）。
+ * Capsule 预置与 dlc-color 等组件共用，新增色板只改这里。
+ */
+const PALETTES = {
+  original: ['#FFF3EA', '#F5B27A', '#F67BC6', '#A978E8'],
+  ocean: ['#EAF6FF', '#8FD0FF', '#3B87F6', '#6B58E9'],
+  klein: ['#EDF2FF', '#2F58D5', '#1B2040', '#E07A43'],
+  ultraviolet: ['#F2EEFF', '#B99AF1', '#8F74DB', '#D7D85C'],
+  chrome: ['#F5F6F8', '#B9C0CC', '#7F8793', '#4A4F59'],
+  plus: ['#FFF0E6', '#F6C26B', '#F98A64', '#E86D74']
+};
+
+/**
+ * Capsule 预置：仅星云材质 NC-01~NC-06（NC-07~09 aurora 已移除）。
+ * 颜色引用公共色板，seed/speed 决定形态与流速。
+ */
+const CAPSULE_PRESETS = [
+  { id: 'original', code: 'NC-01', name: '初光', group: 'warm', seed: 1.7, speed: 0.5, colors: [...PALETTES.original] },
+  { id: 'ocean', code: 'NC-02', name: '沧溟', group: 'cold', seed: 8.2, speed: 0.48, colors: [...PALETTES.ocean] },
+  { id: 'klein', code: 'NC-03', name: '玄夜', group: 'cold', seed: 14.1, speed: 0.49, colors: [...PALETTES.klein] },
+  { id: 'ultraviolet', code: 'NC-04', name: '紫霄', group: 'cold', seed: 23.4, speed: 0.47, colors: [...PALETTES.ultraviolet] },
+  { id: 'chrome', code: 'NC-05', name: '银汉', group: 'cold', seed: 37.8, speed: 0.42, colors: [...PALETTES.chrome] },
+  { id: 'plus', code: 'NC-06', name: '熔金', group: 'warm', seed: 51.3, speed: 0.5, colors: [...PALETTES.plus] }
+];
+
+const PROGRESS_PRESETS = [
+  {
+    id: 'model-training',
+    code: 'NC-10',
+    name: '星火',
+    subtitle: 'SHA 4.5 + 100 2026 TKN',
+    group: 'progress',
+    initialProgress: 43,
+    edgeStyle: 'flow',
+    colors: ['#2B1025', '#FF3F94', '#FF8A3D', '#FFF06A']
+  },
+  {
+    id: 'agent-migration',
+    code: 'NC-11',
+    name: '迁流',
+    subtitle: 'TRANSFERRING PROTOCOL',
+    group: 'progress',
+    initialProgress: 33,
+    edgeStyle: 'flow',
+    colors: ['#101C37', '#245BFF', '#00CFFF', '#5DFFE6']
+  },
+  {
+    id: 'visual-training',
+    code: 'NC-12',
+    name: '幻境',
+    subtitle: 'GENERATING POWER ++',
+    group: 'progress',
+    initialProgress: 58,
+    edgeStyle: 'flow',
+    colors: ['#21142D', '#7042FF', '#42F58D', '#C4FF8A']
+  },
+  {
+    id: 'tide',
+    code: 'NC-13',
+    name: '汐潮',
+    subtitle: 'MOON PULL / COAST',
+    group: 'progress',
+    initialProgress: 30,
+    edgeStyle: 'tide',
+    colors: ['#0A2239', '#2E9BFF', '#7FE3FF', '#EAF9FF']
+  },
+  {
+    id: 'botanic-lab',
+    code: 'NC-14',
+    name: '森息',
+    subtitle: 'MOSS CULTURE / ROOTING',
+    group: 'progress',
+    initialProgress: 46,
+    edgeStyle: 'flow',
+    colors: ['#102A23', '#287A58', '#9BD65B', '#F2FFC4']
+  }
+];
+
+const PRESETS = CAPSULE_PRESETS;
+const ALL_PRESETS = [...CAPSULE_PRESETS, ...PROGRESS_PRESETS];
+
+/**
+ * Resolve a preset by its literary name (e.g. '沧溟').
+ * Matching is case-insensitive and ignores surrounding whitespace,
+ * so '沧溟' and ' 沧溟 ' both work.
+ */
+function getPreset(kind, ref) {
+  const list = kind === 'capsule' ? CAPSULE_PRESETS : kind === 'progress' ? PROGRESS_PRESETS : null;
+  if (!list) throw new Error(`Unknown preset kind: ${kind} (use "capsule" or "progress")`);
+  const key = String(ref).trim().toLowerCase();
+  let found = null;
+  for (let index = 0; index < list.length; index += 1) {
+    if (list[index].name.toLowerCase() === key) {
+      found = list[index];
+      break;
+    }
+  }
+  if (!found) throw new Error(`Unknown ${kind} preset: ${ref}`);
+  return found;
+}
+
+const DEFAULTS = {
+  capsule: {
+    width: '100%',
+    height: 160,
+    quality: 'auto',
+    renderer: 'auto',
+    renderScale: 1,
+    powerPreference: 'high-performance',
+    fps: 60,
+    paused: false,
+    static: false,
+    respectReducedMotion: true,
+    mouseColor: true,
+    textRatio: 39
+  },
+  progress: {
+    width: 454,
+    height: 104,
+    min: 0,
+    max: 100,
+    step: 'any',
+    draggable: true,
+    keyboard: true,
+    disabled: false,
+    readonly: false,
+    direction: 'ltr',
+    precision: 0,
+    valueSuffix: '%',
+    edgeStyle: 'flow',
+    quality: 'auto',
+    renderer: 'auto',
+    renderScale: 1,
+    powerPreference: 'high-performance',
+    fps: 60,
+    paused: false,
+    static: false,
+    textRatio: 54,
+    showValue: true,
+    respectReducedMotion: true
+  },
+  emo: {
+    type: 'miao',
+    name: 'smile',
+    width: 160,
+    height: 160,
+    partColors: {},
+    speed: 1,
+    loop: true,
+    autoplay: true,
+    direction: 'forward',
+    opacity: 1,
+    fit: 'contain',
+    renderer: 'svg',
+    paused: false,
+    respectReducedMotion: true,
+    segment: null,
+    background: 'transparent'
+  }
+};
+
+/**
+ * Run a callback asynchronously, right after the current task and before the
+ * next paint. Used for mount-time events (ready / error) so listeners that
+ * are attached after create() still receive them. Falls back for legacy
+ * browsers that lack queueMicrotask / Promise.
+ */
+function nextTick(fn) {
+  if (typeof queueMicrotask === 'function') {
+    queueMicrotask(fn);
+  } else if (typeof Promise !== 'undefined' && typeof Promise.resolve === 'function') {
+    Promise.resolve().then(fn);
+  } else {
+    setTimeout(fn, 0);
+  }
+}
+
+function toFiniteNumber(value) {
+  if (value == null || typeof value === 'boolean') return null;
+  if (typeof value === 'string' && value.trim() === '') return null;
+  const number = Number(value);
+  return Number.isFinite(number) ? number : null;
+}
+
+export { ALL_PRESETS as A, DEFAULTS as D, PRESETS as P, QUALITY_TIERS as Q, PROGRESS_PRESETS as a, nextTick as b, dprCapFor as d, effectiveDprCap as e, getPreset as g, normalizeOptions as n, toFiniteNumber as t };