@5even7/dlc-ui 0.1.0 → 0.2.0

package/dist/progress.cjs

@@ -307,7 +307,7 @@ var PALETTES$1 = {
 var CAPSULE_PRESETS = [{
   id: 'original',
   code: 'NC-01',
-  name: 'ORIGINAL',
+  name: '初光',
   group: 'warm',
   seed: 1.7,
   speed: 0.5,
@@ -315,7 +315,7 @@ var CAPSULE_PRESETS = [{
 }, {
   id: 'ocean',
   code: 'NC-02',
-  name: 'OCEAN',
+  name: '沧溟',
   group: 'cold',
   seed: 8.2,
   speed: 0.48,
@@ -323,7 +323,7 @@ var CAPSULE_PRESETS = [{
 }, {
   id: 'klein',
   code: 'NC-03',
-  name: 'KLEIN',
+  name: '玄夜',
   group: 'cold',
   seed: 14.1,
   speed: 0.49,
@@ -331,7 +331,7 @@ var CAPSULE_PRESETS = [{
 }, {
   id: 'ultraviolet',
   code: 'NC-04',
-  name: 'ULTRAVIOLET',
+  name: '紫霄',
   group: 'cold',
   seed: 23.4,
   speed: 0.47,
@@ -339,7 +339,7 @@ var CAPSULE_PRESETS = [{
 }, {
   id: 'chrome',
   code: 'NC-05',
-  name: 'CHROME',
+  name: '银汉',
   group: 'cold',
   seed: 37.8,
   speed: 0.42,
@@ -347,7 +347,7 @@ var CAPSULE_PRESETS = [{
 }, {
   id: 'plus',
   code: 'NC-06',
-  name: 'PLUS',
+  name: '熔金',
   group: 'warm',
   seed: 51.3,
   speed: 0.5,
@@ -357,7 +357,7 @@ var CAPSULE_PRESETS = [{
 var PROGRESS_PRESETS = [{
   id: 'model-training',
   code: 'NC-10',
-  name: 'MODEL TRAINING',
+  name: '星火',
   subtitle: 'SHA 4.5 + 100 2026 TKN',
   group: 'progress',
   initialProgress: 43,
@@ -366,7 +366,7 @@ var PROGRESS_PRESETS = [{
 }, {
   id: 'agent-migration',
   code: 'NC-11',
-  name: 'AGENT MIGRATION',
+  name: '迁流',
   subtitle: 'TRANSFERRING PROTOCOL',
   group: 'progress',
   initialProgress: 33,
@@ -375,7 +375,7 @@ var PROGRESS_PRESETS = [{
 }, {
   id: 'visual-training',
   code: 'NC-12',
-  name: 'VISUAL TRAINING',
+  name: '幻境',
   subtitle: 'GENERATING POWER ++',
   group: 'progress',
   initialProgress: 58,
@@ -384,7 +384,7 @@ var PROGRESS_PRESETS = [{
 }, {
   id: 'tide',
   code: 'NC-13',
-  name: 'TIDE',
+  name: '汐潮',
   subtitle: 'MOON PULL / COAST',
   group: 'progress',
   initialProgress: 30,
@@ -393,20 +393,18 @@ var PROGRESS_PRESETS = [{
 }];
 
 [].concat(_toConsumableArray(CAPSULE_PRESETS), _toConsumableArray(PROGRESS_PRESETS));
-function validateProgressPreset(preset) {
-  return Boolean(preset && typeof preset.id === 'string' && typeof preset.code === 'string' && typeof preset.name === 'string' && preset.group === 'progress' && Number.isFinite(preset.initialProgress) && ['flow', 'tide'].indexOf(preset.edgeStyle || 'flow') !== -1 && Array.isArray(preset.colors) && preset.colors.length === 4);
-}
+
+/**
+ * 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) {
   var list = PROGRESS_PRESETS ;
   if (!list) throw new Error("Unknown preset kind: ".concat(kind, " (use \"capsule\" or \"progress\")"));
-  if (ref && _typeof(ref) === 'object') {
-    var valid = validateProgressPreset(ref);
-    if (!valid) throw new Error("Invalid ".concat(kind, " preset object"));
-    return ref;
-  }
   var key = String(ref).trim().toLowerCase();
   var found = list.find(function (preset) {
-    return preset.id.toLowerCase() === key || preset.code.toLowerCase() === key || preset.name.toLowerCase() === key;
+    return preset.name.toLowerCase() === key;
   });
   if (!found) throw new Error("Unknown ".concat(kind, " preset: ").concat(ref));
   return found;
@@ -1549,7 +1547,7 @@ function createProgressCapsule(container) {
   if (!container || typeof container.appendChild !== 'function') {
     throw new Error('createProgressCapsule: container element is required');
   }
-  var preset = _objectSpread2({}, getPreset('progress', (_options$preset = options.preset) !== null && _options$preset !== void 0 ? _options$preset : 'NC-10'));
+  var preset = _objectSpread2({}, getPreset('progress', (_options$preset = options.preset) !== null && _options$preset !== void 0 ? _options$preset : '星火'));
   var merged = normalizeOptions(DEFAULTS.progress, preset, options);
   var copy = _objectSpread2(_objectSpread2({}, COPY), merged.copy || {});
   var root = document.createElement('div');
@@ -1705,6 +1703,26 @@ function createProgressCapsule(container) {
       });
       return this;
     },
+    setEdgeStyle: function setEdgeStyle(edgeStyle) {
+      var value = String(edgeStyle || '').toLowerCase();
+      if (value !== 'flow' && value !== 'tide') return this;
+      preset.edgeStyle = value;
+      controller.profile = value === 'tide' ? FLOW_PROFILES.tide : FLOW_PROFILES[preset.id] || FLOW_PROFILES['visual-training'];
+      if (overlay) {
+        overlay.dispose();
+        overlay = attachProgressFlowOverlay({
+          root: root,
+          canvas: canvas,
+          preset: preset,
+          getProgress: function getProgress() {
+            return controller.value;
+          }
+        });
+      }
+      controller.webglActive = Boolean(overlay);
+      controller.resizeCanvas();
+      return this;
+    },
     setColors: function setColors(colors) {
       if (!Array.isArray(colors) || colors.length !== 4) return this;
       controller.setColors(colors);

package/dist/progress.mjs

@@ -96,40 +96,40 @@ function normalizeOptions(defaults, preset, user) {
 }
 
 const PROGRESS_PRESETS = [
-  {
-    id: 'model-training',
-    code: 'NC-10',
-    name: 'MODEL TRAINING',
+  {
+    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: 'AGENT MIGRATION',
+  {
+    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: 'VISUAL TRAINING',
+  {
+    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: 'TIDE',
+  {
+    id: 'tide',
+    code: 'NC-13',
+    name: '汐潮',
     subtitle: 'MOON PULL / COAST',
     group: 'progress',
     initialProgress: 30,
@@ -138,37 +138,20 @@ const PROGRESS_PRESETS = [
   }
 ];
 
-function validateProgressPreset(preset) {
-  return Boolean(
-    preset &&
-    typeof preset.id === 'string' &&
-    typeof preset.code === 'string' &&
-    typeof preset.name === 'string' &&
-    preset.group === 'progress' &&
-    Number.isFinite(preset.initialProgress) &&
-    ['flow', 'tide'].indexOf(preset.edgeStyle || 'flow') !== -1 &&
-    Array.isArray(preset.colors) &&
-    preset.colors.length === 4
-  );
-}
-
-function getPreset(kind, ref) {
-  const list = PROGRESS_PRESETS ;
-  if (!list) throw new Error(`Unknown preset kind: ${kind} (use "capsule" or "progress")`);
-  if (ref && typeof ref === 'object') {
-    const valid = validateProgressPreset(ref);
-    if (!valid) throw new Error(`Invalid ${kind} preset object`);
-    return ref;
-  }
-  const key = String(ref).trim().toLowerCase();
-  const found = list.find(
-    (preset) =>
-      preset.id.toLowerCase() === key ||
-      preset.code.toLowerCase() === key ||
-      preset.name.toLowerCase() === key
-  );
-  if (!found) throw new Error(`Unknown ${kind} preset: ${ref}`);
-  return found;
+/**
+ * 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 = PROGRESS_PRESETS ;
+  if (!list) throw new Error(`Unknown preset kind: ${kind} (use "capsule" or "progress")`);
+  const key = String(ref).trim().toLowerCase();
+  const found = list.find(
+    (preset) => preset.name.toLowerCase() === key
+  );
+  if (!found) throw new Error(`Unknown ${kind} preset: ${ref}`);
+  return found;
 }
 
 const DEFAULTS = {
@@ -1455,7 +1438,7 @@ function createProgressCapsule(container, options = {}) {
     throw new Error('createProgressCapsule: container element is required');
   }
 
-  const preset = { ...getPreset('progress', options.preset ?? 'NC-10') };
+  const preset = { ...getPreset('progress', options.preset ?? '星火') };
   const merged = normalizeOptions(DEFAULTS.progress, preset, options);
   const copy = { ...COPY, ...(merged.copy || {}) };
 
@@ -1594,9 +1577,9 @@ function createProgressCapsule(container, options = {}) {
       controller.setRange(min, max);
       return this;
     },
-    setPreset(ref) {
-      const next = getPreset('progress', ref);
-      Object.assign(preset, next);
+    setPreset(ref) {
+      const next = getPreset('progress', ref);
+      Object.assign(preset, next);
       controller.preset = next;
       controller.profile = next.edgeStyle === 'tide'
         ? FLOW_PROFILES.tide
@@ -1610,10 +1593,25 @@ function createProgressCapsule(container, options = {}) {
       }
       controller.webglActive = Boolean(overlay);
       controller.resizeCanvas();
-      emitter.emit('presetchange', { preset: { ...next } });
-      return this;
-    },
-    setColors(colors) {
+      emitter.emit('presetchange', { preset: { ...next } });
+      return this;
+    },
+    setEdgeStyle(edgeStyle) {
+      const value = String(edgeStyle || '').toLowerCase();
+      if (value !== 'flow' && value !== 'tide') return this;
+      preset.edgeStyle = value;
+      controller.profile = value === 'tide'
+        ? FLOW_PROFILES.tide
+        : (FLOW_PROFILES[preset.id] || FLOW_PROFILES['visual-training']);
+      if (overlay) {
+        overlay.dispose();
+        overlay = attachProgressFlowOverlay({ root, canvas, preset, getProgress: () => controller.value });
+      }
+      controller.webglActive = Boolean(overlay);
+      controller.resizeCanvas();
+      return this;
+    },
+    setColors(colors) {
       if (!Array.isArray(colors) || colors.length !== 4) return this;
       controller.setColors(colors);
       if (overlay) overlay.setColors(colors);

package/dist/vue2.cjs

@@ -320,7 +320,7 @@ var PALETTES$1 = {
 var CAPSULE_PRESETS = [{
   id: 'original',
   code: 'NC-01',
-  name: 'ORIGINAL',
+  name: '初光',
   group: 'warm',
   seed: 1.7,
   speed: 0.5,
@@ -328,7 +328,7 @@ var CAPSULE_PRESETS = [{
 }, {
   id: 'ocean',
   code: 'NC-02',
-  name: 'OCEAN',
+  name: '沧溟',
   group: 'cold',
   seed: 8.2,
   speed: 0.48,
@@ -336,7 +336,7 @@ var CAPSULE_PRESETS = [{
 }, {
   id: 'klein',
   code: 'NC-03',
-  name: 'KLEIN',
+  name: '玄夜',
   group: 'cold',
   seed: 14.1,
   speed: 0.49,
@@ -344,7 +344,7 @@ var CAPSULE_PRESETS = [{
 }, {
   id: 'ultraviolet',
   code: 'NC-04',
-  name: 'ULTRAVIOLET',
+  name: '紫霄',
   group: 'cold',
   seed: 23.4,
   speed: 0.47,
@@ -352,7 +352,7 @@ var CAPSULE_PRESETS = [{
 }, {
   id: 'chrome',
   code: 'NC-05',
-  name: 'CHROME',
+  name: '银汉',
   group: 'cold',
   seed: 37.8,
   speed: 0.42,
@@ -360,7 +360,7 @@ var CAPSULE_PRESETS = [{
 }, {
   id: 'plus',
   code: 'NC-06',
-  name: 'PLUS',
+  name: '熔金',
   group: 'warm',
   seed: 51.3,
   speed: 0.5,
@@ -370,7 +370,7 @@ var CAPSULE_PRESETS = [{
 var PROGRESS_PRESETS = [{
   id: 'model-training',
   code: 'NC-10',
-  name: 'MODEL TRAINING',
+  name: '星火',
   subtitle: 'SHA 4.5 + 100 2026 TKN',
   group: 'progress',
   initialProgress: 43,
@@ -379,7 +379,7 @@ var PROGRESS_PRESETS = [{
 }, {
   id: 'agent-migration',
   code: 'NC-11',
-  name: 'AGENT MIGRATION',
+  name: '迁流',
   subtitle: 'TRANSFERRING PROTOCOL',
   group: 'progress',
   initialProgress: 33,
@@ -388,7 +388,7 @@ var PROGRESS_PRESETS = [{
 }, {
   id: 'visual-training',
   code: 'NC-12',
-  name: 'VISUAL TRAINING',
+  name: '幻境',
   subtitle: 'GENERATING POWER ++',
   group: 'progress',
   initialProgress: 58,
@@ -397,7 +397,7 @@ var PROGRESS_PRESETS = [{
 }, {
   id: 'tide',
   code: 'NC-13',
-  name: 'TIDE',
+  name: '汐潮',
   subtitle: 'MOON PULL / COAST',
   group: 'progress',
   initialProgress: 30,
@@ -406,23 +406,18 @@ var PROGRESS_PRESETS = [{
 }];
 
 [].concat(_toConsumableArray(CAPSULE_PRESETS), _toConsumableArray(PROGRESS_PRESETS));
-function validatePreset(preset) {
-  return Boolean(preset && typeof preset.id === 'string' && typeof preset.code === 'string' && typeof preset.name === 'string' && Number.isFinite(preset.seed) && Number.isFinite(preset.speed) && Array.isArray(preset.colors) && preset.colors.length === 4);
-}
-function validateProgressPreset(preset) {
-  return Boolean(preset && typeof preset.id === 'string' && typeof preset.code === 'string' && typeof preset.name === 'string' && preset.group === 'progress' && Number.isFinite(preset.initialProgress) && ['flow', 'tide'].indexOf(preset.edgeStyle || 'flow') !== -1 && Array.isArray(preset.colors) && preset.colors.length === 4);
-}
+
+/**
+ * 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) {
   var list = kind === 'capsule' ? CAPSULE_PRESETS : kind === 'progress' ? PROGRESS_PRESETS : null;
   if (!list) throw new Error("Unknown preset kind: ".concat(kind, " (use \"capsule\" or \"progress\")"));
-  if (ref && _typeof(ref) === 'object') {
-    var valid = kind === 'capsule' ? validatePreset(ref) : validateProgressPreset(ref);
-    if (!valid) throw new Error("Invalid ".concat(kind, " preset object"));
-    return ref;
-  }
   var key = String(ref).trim().toLowerCase();
   var found = list.find(function (preset) {
-    return preset.id.toLowerCase() === key || preset.code.toLowerCase() === key || preset.name.toLowerCase() === key;
+    return preset.name.toLowerCase() === key;
   });
   if (!found) throw new Error("Unknown ".concat(kind, " preset: ").concat(ref));
   return found;
@@ -435,7 +430,6 @@ var DEFAULTS = {
     quality: 'auto',
     renderer: 'auto',
     respectReducedMotion: true,
-    interactive: true,
     mouseColor: true,
     showCopy: true
   },
@@ -856,8 +850,8 @@ function prefersReducedMotion$1() {
  * Mount a cosmic (nebula) capsule into `container`.
  *
  * Options: preset (id/code/name or object), width, height (number=px or
- * string with px/%/vw/vh/em/rem), colors, seed, speed, quality, interactive,
- * respectReducedMotion, copy, cssVars.
+ * string with px/%/vw/vh/em/rem), colors, seed, speed, quality,
+ * respectReducedMotion, copy, cssVars.
  */
 function createCapsule(container) {
   var _options$preset;
@@ -865,7 +859,7 @@ function createCapsule(container) {
   if (!container || typeof container.appendChild !== 'function') {
     throw new Error('createCapsule: container element is required');
   }
-  var preset = _objectSpread2({}, getPreset('capsule', (_options$preset = options.preset) !== null && _options$preset !== void 0 ? _options$preset : 'NC-01'));
+  var preset = _objectSpread2({}, getPreset('capsule', (_options$preset = options.preset) !== null && _options$preset !== void 0 ? _options$preset : '初光'));
   var merged = normalizeOptions(DEFAULTS.capsule, preset, options);
   var copy = _objectSpread2(_objectSpread2({}, COPY), merged.copy || {});
   var root = document.createElement('div');
@@ -944,18 +938,16 @@ function createCapsule(container) {
   }) : null;
   if (resizeObserver) resizeObserver.observe(root);else window.addEventListener('resize', renderer.resize);
   var visibility = createVisibilityGuard(root);
-  if (merged.interactive !== false) {
-    root.addEventListener('pointerenter', function () {
-      return emitter.emit('pointerenter', {
-        preset: _objectSpread2({}, preset)
-      });
+  root.addEventListener('pointerenter', function () {
+    return emitter.emit('pointerenter', {
+      preset: _objectSpread2({}, preset)
     });
-    root.addEventListener('pointerleave', function () {
-      return emitter.emit('pointerleave', {
-        preset: _objectSpread2({}, preset)
-      });
+  });
+  root.addEventListener('pointerleave', function () {
+    return emitter.emit('pointerleave', {
+      preset: _objectSpread2({}, preset)
     });
-  }
+  });
   root.addEventListener('click', function (event) {
     emitter.emit('click', {
       event: event,
@@ -1020,6 +1012,20 @@ function createCapsule(container) {
       }));
       return this;
     },
+    setSeed: function setSeed(seed) {
+      var value = Number(seed);
+      if (!Number.isFinite(value)) return this;
+      preset.seed = value;
+      renderer.setPreset(_objectSpread2({}, preset));
+      return this;
+    },
+    setSpeed: function setSpeed(speed) {
+      var value = Number(speed);
+      if (!Number.isFinite(value)) return this;
+      preset.speed = value;
+      renderer.setPreset(_objectSpread2({}, preset));
+      return this;
+    },
     setSize: function setSize(width, height) {
       if (width !== undefined) merged.width = width;
       if (height !== undefined) merged.height = height;
@@ -2048,7 +2054,7 @@ function createProgressCapsule(container) {
   if (!container || typeof container.appendChild !== 'function') {
     throw new Error('createProgressCapsule: container element is required');
   }
-  var preset = _objectSpread2({}, getPreset('progress', (_options$preset = options.preset) !== null && _options$preset !== void 0 ? _options$preset : 'NC-10'));
+  var preset = _objectSpread2({}, getPreset('progress', (_options$preset = options.preset) !== null && _options$preset !== void 0 ? _options$preset : '星火'));
   var merged = normalizeOptions(DEFAULTS.progress, preset, options);
   var copy = _objectSpread2(_objectSpread2({}, COPY), merged.copy || {});
   var root = document.createElement('div');
@@ -2204,6 +2210,26 @@ function createProgressCapsule(container) {
       });
       return this;
     },
+    setEdgeStyle: function setEdgeStyle(edgeStyle) {
+      var value = String(edgeStyle || '').toLowerCase();
+      if (value !== 'flow' && value !== 'tide') return this;
+      preset.edgeStyle = value;
+      controller.profile = value === 'tide' ? FLOW_PROFILES.tide : FLOW_PROFILES[preset.id] || FLOW_PROFILES['visual-training'];
+      if (overlay) {
+        overlay.dispose();
+        overlay = attachProgressFlowOverlay({
+          root: root,
+          canvas: canvas,
+          preset: preset,
+          getProgress: function getProgress() {
+            return controller.value;
+          }
+        });
+      }
+      controller.webglActive = Boolean(overlay);
+      controller.resizeCanvas();
+      return this;
+    },
     setColors: function setColors(colors) {
       if (!Array.isArray(colors) || colors.length !== 4) return this;
       controller.setColors(colors);
@@ -2341,7 +2367,7 @@ function makeWrapper(_ref) {
 function makeCapsuleWrapper(createCapsule, render) {
   return makeWrapper({
     name: 'CosmicCapsule',
-    props: ['preset', 'width', 'height', 'colors', 'seed', 'speed', 'interactive', 'mouseColor', 'renderer', 'quality', 'respectReducedMotion', 'copy', 'cssVars'],
+    props: ['preset', 'width', 'height', 'colors', 'seed', 'speed', 'mouseColor', 'renderer', 'quality', 'respectReducedMotion', 'copy', 'cssVars'],
     events: CAPSULE_EVENTS,
     create: createCapsule,
     render: render,
@@ -2349,22 +2375,15 @@ function makeCapsuleWrapper(createCapsule, render) {
       seed: function seed(value) {
         var seed = Number(value);
         if (this.controller && Number.isFinite(seed)) {
-          this.controller.setPreset(_objectSpread2(_objectSpread2({}, this.controller.preset), {}, {
-            seed: seed
-          }));
+          this.controller.setSeed(seed);
         }
       },
       speed: function speed(value) {
         var speed = Number(value);
         if (this.controller && Number.isFinite(speed)) {
-          this.controller.setPreset(_objectSpread2(_objectSpread2({}, this.controller.preset), {}, {
-            speed: speed
-          }));
+          this.controller.setSpeed(speed);
         }
       },
-      interactive: function interactive() {
-        this.scheduleRecreate();
-      },
       mouseColor: function mouseColor() {
         this.scheduleRecreate();
       },
@@ -2418,9 +2437,7 @@ function makeProgressWrapper(createProgressCapsule, render) {
         if (value !== undefined && this.controller) this.controller.setRange(this.controller.min, value);
       },
       edgeStyle: function edgeStyle(value) {
-        if (value && this.controller) this.controller.setPreset(_objectSpread2(_objectSpread2({}, this.controller.preset), {}, {
-          edgeStyle: value
-        }));
+        if (value && this.controller) this.controller.setEdgeStyle(value);
       },
       draggable: function draggable() {
         this.scheduleRecreate();