agentcss 0.0.0-stage → 0.11.3

package/dist/09-assets/echarts-adapter/echarts-adapter.js

@@ -0,0 +1,185 @@
+(function () {
+'use strict';
+
+function cssVar(name, fallback) {
+if (typeof window.getComputedStyle !== 'function') return fallback;
+var v = getComputedStyle(document.documentElement).getPropertyValue(name);
+return (v && v.trim()) || fallback;
+}
+
+function palette() {
+return {
+text: cssVar('--text-primary', '#15181c'),
+textSub: cssVar('--text-secondary', '#5b6472'),
+textTertiary: cssVar('--text-tertiary', '#8a94a3'),
+surface: cssVar('--surface', '#ffffff'),
+paper: cssVar('--paper', '#f6f7f8'),
+border: cssVar('--border-decor', '#e2e5e9'),
+borderStrong: cssVar('--border-control', '#868b94'),
+danger: cssVar('--danger', '#c0392b'),
+success: cssVar('--success', '#2e7d52'),
+warn: cssVar('--warning', '#b8860b'),
+info: cssVar('--info', '#2b7a9e'),
+accent: cssVar('--accent', '#1b4d8f'),
+};
+}
+
+function seriesColors(n, p) {
+var ramp = [p.accent, p.danger, p.success, p.warn, p.info];
+if (n > ramp.length) return null;
+return ramp.slice(0, n);
+}
+
+function theme(name, p) {
+p = p || palette();
+var isDark = document.documentElement.getAttribute('data-theme-current') === 'dark'
+|| cssVar('--paper', '#fff') !== '#f6f7f8';
+
+return {
+color: [p.accent, p.danger, p.success, p.warn, p.info],
+backgroundColor: 'transparent',
+textStyle: {
+color: p.text,
+fontFamily: cssVar('--sans', 'system-ui, sans-serif'),
+},
+title: {
+textStyle: { color: p.text, fontWeight: 600 },
+subtextStyle: { color: p.textSub },
+},
+legend: { textStyle: { color: p.textSub } },
+tooltip: {
+backgroundColor: isDark ? '#1c2024' : '#ffffff',
+borderColor: p.border,
+borderWidth: 1,
+textStyle: { color: p.text, fontSize: 12 },
+
+extraCssText: isDark
+? 'box-shadow:0 2px 8px rgba(0,0,0,.5);'
+: 'box-shadow:0 2px 8px rgba(0,0,0,.1);',
+},
+categoryAxis: axisCommon(p, isDark),
+valueAxis: axisCommon(p, isDark),
+logAxis: axisCommon(p, isDark),
+timeAxis: axisCommon(p, isDark),
+};
+}
+
+function axisCommon(p, isDark) {
+return {
+axisLine: { lineStyle: { color: p.border } },
+axisTick: { show: false },
+axisLabel: { color: p.textSub, fontSize: 11 },
+splitLine: { lineStyle: { color: p.border, type: 'dashed' } },
+
+splitNumber: 4,
+};
+}
+
+function defaults(option) {
+var p = palette();
+var o = option || {};
+
+o.textStyle = merge(o.textStyle, {
+fontFamily: cssVar('--mono', 'ui-monospace, monospace'),
+});
+
+o.grid = merge(o.grid, { left: 56, right: 24, top: 32, bottom: 32, containLabel: false });
+
+o.series = (o.series || []).map(function (s) {
+if (s.type === 'line') {
+return merge(s, {
+smooth: false,
+showSymbol: (s.data || []).length <= 7,
+symbolSize: 5,
+lineStyle: merge(s.lineStyle, { width: 2 }),
+});
+}
+if (s.type === 'bar') {
+return merge(s, {
+barMaxWidth: 28,
+
+});
+}
+if (s.type === 'area') {
+return merge(s, {
+areaStyle: merge(s.areaStyle, { opacity: 0.14 }),
+});
+}
+return s;
+});
+
+var isBar = o.series.some(function (s) { return s.type === 'bar'; });
+if (isBar && o.yAxis) {
+var y = Array.isArray(o.yAxis) ? o.yAxis[0] : o.yAxis;
+if (y && y.min === undefined) y.min = 0;
+}
+
+if (o.series.length > 5) {
+if (typeof console !== 'undefined' && console.warn) {
+console.warn('[frontend-lib] 系列数 ' + o.series.length +
+' 超过 5 —— 请改图表类型或分屏，见 charter 10。配色循环会让颜色撞车。');
+}
+}
+
+return o;
+}
+
+function currentThemeName() {
+return 'fe-' +
+(document.documentElement.getAttribute('data-theme-current') || 'light');
+}
+
+function create(dom, opt) {
+if (typeof window.echarts === 'undefined') {
+if (typeof console !== 'undefined' && console.warn) {
+console.warn('[frontend-lib] 未检测到 ECharts —— ' +
+'请在主项目里自行引入（前端库本身零依赖）。');
+}
+return null;
+}
+var name = currentThemeName();
+
+if (typeof window.echarts.registerTheme === 'function') {
+window.echarts.registerTheme(name, theme(name));
+}
+var inst = window.echarts.init(dom, name);
+inst.__feDom = dom;
+inst.__feOpts = opt || {};
+inst.__feTheme = name;
+inst.setOption(defaults(inst.__feOpts));
+return inst;
+}
+
+function merge(a, b) {
+var o = {}, k;
+if (a) for (k in a) if (a.hasOwnProperty(k)) o[k] = a[k];
+if (b) for (k in b) if (b.hasOwnProperty(k)) o[k] = b[k];
+return o;
+}
+
+var ChartAdapter = {
+cssVar: cssVar,
+palette: palette,
+seriesColors: seriesColors,
+theme: theme,
+defaults: defaults,
+create: create,
+
+refresh: function (inst) {
+if (!inst) return;
+var name = currentThemeName();
+if (typeof window.echarts !== 'undefined' && window.echarts.registerTheme) {
+window.echarts.registerTheme(name, theme(name));
+}
+
+if (inst.__feDom) {
+var opt = inst.__feOpts;
+inst.dispose();
+return create(inst.__feDom, opt);
+}
+inst.setOption(defaults(inst.__feOpts), name);
+return inst;
+},
+};
+if (typeof window !== 'undefined') window.ChartAdapter = ChartAdapter;
+})();

package/dist/09-assets/model-viewer/model-viewer.css

@@ -0,0 +1 @@
+.mv {position:relative;display:block;width:100%;box-sizing:border-box;border:1px solid var(--border-decor);border-radius:var(--r-md);background:var(--surface);overflow:hidden;}.mv__stage {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);min-height:180px;padding:var(--sp-5) var(--sp-4);background:var(--surface-sunken);text-align:center;}.mv__stage--err {border-inline-start:3px solid var(--danger);}.mv__ph {font-size:var(--fs-sm);color:var(--text-tertiary);letter-spacing:0.08em;text-transform:uppercase;}.mv__status, .mv__err {margin:0;font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6;}.mv__err {color:var(--danger);}.mv__btn {display:block;width:calc(100% - var(--sp-6));margin:var(--sp-3) var(--sp-3) 0;min-height:44px;padding:var(--sp-2) var(--sp-4);font:inherit;font-size:var(--fs-sm);font-weight:500;color:var(--text-on-accent);background:var(--accent);border:0;border-radius:var(--r-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--dur-fast) var(--ease-out);}.mv__btn:hover:not(:disabled) {background:var(--accent-hover);}.mv__btn:disabled {opacity:0.5;cursor:not-allowed;}.mv__btn:focus-visible {outline:2px solid var(--accent);outline-offset:2px;}.mv__hint {margin:0;padding:0 var(--sp-3) var(--sp-3);font-size:var(--fs-xs);color:var(--text-tertiary);line-height:1.6;}.mv__hint code {font-family:var(--mono);font-size:1em;color:var(--text-secondary);}.mv canvas {display:block;width:100% !important;height:auto !important;touch-action:none;background:transparent;}.mv__cap {margin:0;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);color:var(--text-secondary);background:var(--surface);border-top:1px solid var(--border-decor);line-height:1.6;}.mv__cap b {font-family:var(--mono);font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;}@media (prefers-reduced-motion:reduce) {.mv__btn {transition:none;}}@media print {.mv__btn, .mv__hint {display:none;}}@media (hover:hover) and (pointer:fine) {.mv__btn:hover:not(:disabled) {background:var(--accent-hover);}}

package/dist/09-assets/model-viewer/model-viewer.js

@@ -0,0 +1,320 @@
+(function () {
+'use strict';
+
+function el(tag, cls, text) {
+var n = document.createElement(tag);
+if (cls) n.className = cls;
+if (text !== undefined && text !== null) n.textContent = text;
+return n;
+}
+
+function hasWebGL() {
+try {
+var c = document.createElement('canvas');
+return !!(c.getContext('webgl2') || c.getContext('webgl') ||
+c.getContext('experimental-webgl'));
+} catch (e) { return false; }
+}
+
+function loadScript(src) {
+return new Promise(function (resolve, reject) {
+if (!src) { resolve(); return; }
+var s = document.createElement('script');
+s.src = src;
+s.async = false;
+s.onload = function () { resolve(); };
+s.onerror = function () {
+reject(new Error('脚本加载失败：' + src));
+};
+document.head.appendChild(s);
+});
+}
+
+function fmtKB(bytes) {
+return Math.round(bytes / 1024) + ' KB';
+}
+
+function Viewer(node) {
+this.node = node;
+
+var q = (location.search || '').replace(/^\?/, '');
+function qp(k, dflt) {
+var m = new RegExp('(?:^|&)' + k + '=([^&]*)').exec(q);
+return m ? decodeURIComponent(m[1]) : dflt;
+}
+this.qOverride = !!q;
+this.src = qp('mv', node.getAttribute('data-mv') || '');
+this.h = parseInt(node.getAttribute('data-mv-height') || '320', 10);
+this.threeSrc = qp('three', node.getAttribute('data-mv-three') || '');
+this.gltfSrc = qp('gltf', node.getAttribute('data-mv-gltf') || '');
+this.orbitSrc = qp('orbit', node.getAttribute('data-mv-orbit') || '');
+this.instances = {};
+this.state = 'idle';
+this.build();
+}
+
+Viewer.prototype.build = function () {
+var self = this;
+var n = this.node;
+n.classList.add('mv');
+
+this.ui = el('div', 'mv__ui');
+this.ui.appendChild(this.makeIdle());
+n.appendChild(this.ui);
+
+this.btn = el('button', 'mv__btn', '加载 3D 模型');
+this.btn.type = 'button';
+this.btn.addEventListener('click', function () { self.load(); });
+this.ui.appendChild(this.btn);
+
+this.hint = el('p', 'mv__hint');
+this.hint.innerHTML = '模型 <code>' + (this.src.split('/').pop() || '—') +
+'</code> 会<b>点击后才下载</b>，首屏不占流量。';
+this.ui.appendChild(this.hint);
+
+if (!hasWebGL()) {
+this.fail('这台设备的浏览器不支持 WebGL，无法显示 3D 模型。');
+this.btn.disabled = true;
+}
+};
+
+Viewer.prototype.makeIdle = function () {
+var box = el('div', 'mv__stage');
+box.appendChild(el('div', 'mv__ph', '3D 模型'));
+return box;
+};
+
+Viewer.prototype.fail = function (msg) {
+if (this.timer) { clearTimeout(this.timer); this.timer = null; }
+this.state = 'error';
+this.ui.innerHTML = '';
+var s = el('div', 'mv__stage mv__stage--err');
+s.appendChild(el('div', 'mv__ph', '3D 模型'));
+var p = el('p', 'mv__err', msg);
+s.appendChild(p);
+this.ui.appendChild(s);
+if (this.btn) this.ui.appendChild(this.btn);
+if (this.btn) {
+this.btn.disabled = false;
+this.btn.textContent = '重试';
+}
+};
+
+Viewer.prototype.status = function (msg) {
+if (this.statusNode) { this.statusNode.textContent = msg; }
+};
+
+Viewer.prototype.load = function () {
+var self = this;
+if (this.state === 'loading' || this.state === 'ok') return;
+this.state = 'loading';
+
+this.ui.innerHTML = '';
+var stage = el('div', 'mv__stage');
+this.statusNode = el('p', 'mv__status', '正在准备…');
+stage.appendChild(this.statusNode);
+this.ui.appendChild(stage);
+
+var t0 = (window.performance && performance.now) ? performance.now() : Date.now();
+this.status('正在准备 3D 引擎…');
+this.boot(null, t0, 0);
+
+var self0 = this;
+this.timer = setTimeout(function () {
+if (self0.state === 'loading') {
+self0.fail('加载超时（20 秒）。请检查：' +
+'① 模型路径是否正确：'+ self0.src +
+'② 服务器是否能返回该文件（404 时也应给明确提示）');
+}
+}, 20000);
+};
+
+Viewer.prototype.boot = function (buf, t0, bytes) {
+var self = this;
+
+loadScript(this.threeSrc)
+.then(function () { return loadScript(self.gltfSrc); })
+.then(function () { return loadScript(self.orbitSrc); })
+.then(function () { self.initScene(buf, t0, bytes); })
+.catch(function (err) {
+self.fail('3D 引擎加载失败：' + (err && err.message ? err.message : err) +
+'。请检查 three.js / GLTFLoader.js / OrbitControls.js 的路径。');
+});
+};
+
+Viewer.prototype.initScene = function (buf, t0, bytes) {
+var self = this;
+if (typeof window.THREE === 'undefined') {
+this.fail('three.js 没有正确加载（THREE 未定义）。请检查 data-mv-three 的路径。');
+return;
+}
+
+var W = this.node.clientWidth || 320;
+var H = this.h;
+
+var scene = new THREE.Scene();
+var camera = new THREE.PerspectiveCamera(45, W / H, 0.1, 100);
+camera.position.set(0, 0.6, 2.4);
+
+var renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
+renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2));
+renderer.setSize(W, H);
+renderer.setClearColor(0x000000, 0);
+this.ui.innerHTML = '';
+this.node.appendChild(renderer.domElement);
+this.statusNode = null;
+
+scene.add(new THREE.AmbientLight(0xffffff, 0.45));
+var key = new THREE.DirectionalLight(0xffffff, 0.9);
+key.position.set(1, 1.6, 1.4);
+scene.add(key);
+var rim = new THREE.DirectionalLight(0xffffff, 0.35);
+rim.position.set(-1.2, 0.4, -1);
+scene.add(rim);
+
+var OrbitCtor = (window.THREE && window.THREE.OrbitControls) || window.OrbitControls;
+var controls = null;
+if (OrbitCtor) {
+controls = new OrbitCtor(camera, renderer.domElement);
+controls.enableDamping = true;
+controls.dampingFactor = 0.08;
+controls.enablePan = false;
+controls.minDistance = 1.1;
+controls.maxDistance = 4.5;
+controls.target.set(0, 0.35, 0);
+}
+
+var GLCtor = (window.THREE && window.THREE.GLTFLoader) || window.GLTFLoader;
+if (!GLCtor) {
+this.fail('GLTFLoader 没有正确加载（THREE.GLTFLoader 未定义）。请检查 data-mv-gltf 的路径。');
+return;
+}
+
+var loader = new GLCtor();
+
+var self1 = this;
+var xhr = new XMLHttpRequest();
+xhr.responseType = 'arraybuffer';
+xhr.open('GET', this.src, true);
+xhr.onprogress = function (e) {
+if (e.lengthComputable && e.total) {
+self1.lastBytes = e.total;
+self1.status('正在下载模型 ' + Math.round(e.loaded / e.total * 100) + '%');
+}
+};
+xhr.onload = function () {
+if (xhr.status >= 400) {
+self1.fail('模型不存在（HTTP ' + xhr.status + '）：' + self1.src);
+return;
+}
+var buf = xhr.response;
+
+if (!buf || buf.byteLength < 12) {
+self1.fail('模型文件是空的或损坏了：' + self1.src);
+return;
+}
+
+var b0 = new Uint8Array(buf, 0, 4);
+var head = String.fromCharCode(b0[0], b0[1], b0[2], b0[3]);
+if (head !== 'glTF') {
+self1.fail('这不是 glb 文件（缺少 glTF 标识，收到的是「' + head + '」）。' +
+'服务器可能返回了 HTML 错误页。');
+return;
+}
+doLoad(buf);
+};
+xhr.onerror = function () { self1.fail('无法访问模型：' + self1.src); };
+xhr.send();
+
+function doLoad(buf) {
+loader.parse(buf, '', function (gltf) {
+var model = gltf.scene;
+
+var box = new THREE.Box3().setFromObject(model);
+var size = box.getSize(new THREE.Vector3());
+var center = box.getCenter(new THREE.Vector3());
+model.position.sub(center);
+var maxDim = Math.max(size.x, size.y, size.z) || 1;
+model.scale.setScalar(1.6 / maxDim);
+box.setFromObject(model);
+var c2 = box.getCenter(new THREE.Vector3());
+model.position.sub(new THREE.Vector3(c2.x, box.min.y + (box.max.y - box.min.y) * 0.45, c2.z));
+scene.add(model);
+
+if (self.timer) { clearTimeout(self.timer); self.timer = null; }
+self.state = 'ok';
+self.instances = { scene: scene, camera: camera, renderer: renderer,
+model: model, controls: controls };
+
+var last = 0;
+function loop(t) {
+self.raf = requestAnimationFrame(loop);
+
+if (document.hidden) return;
+if (controls) controls.update();
+renderer.render(scene, camera);
+last = t;
+}
+self.raf = requestAnimationFrame(loop);
+
+self.ui.innerHTML = '';
+var cap = el('p', 'mv__cap');
+var dt = Math.round(((window.performance && performance.now) ? performance.now() : Date.now()) - t0);
+cap.innerHTML = '模型 <b>' + fmtKB(bytes || self.lastBytes || 0) + '</b> · 引擎就绪耗时 <b>' + dt + 'ms</b>' +
+(controls ? ' · 拖动可旋转，滚轮/双指可缩放' : ' · 未加载控制器，无法拖动');
+self.node.appendChild(cap);
+},
+
+function (evt) {
+if (evt && evt.lengthComputable && evt.total) {
+self.lastBytes = evt.total;
+self.status('正在下载模型 ' + Math.round(evt.loaded / evt.total * 100) + '%');
+}
+},
+
+function (err) {
+var msg = (err && err.message) ? err.message : (err || '未知错误');
+
+if (msg.indexOf('fetch') > -1 || msg.indexOf('Failed') > -1) {
+self.fail('模型加载失败：服务器的 Content-Security-Policy 缺少 blob:，' +
+'内嵌贴图被浏览器拦下了。需要在 CSP 的 img-src 与 connect-src 里加上 blob:。');
+} else {
+self.fail('模型加载失败：' + msg + '。请确认 ' + self.src + ' 已部署且可访问。');
+}
+});
+}
+};
+
+var ModelViewer = {
+
+update: function (root) {
+var list = (root || document).querySelectorAll('[data-mv]');
+for (var i = 0; i < list.length; i++) {
+if (list[i].__mv) continue;
+list[i].__mv = new Viewer(list[i]);
+}
+},
+
+refresh: function (root) {
+var list = (root || document).querySelectorAll('[data-mv]');
+for (var i = 0; i < list.length; i++) {
+var v = list[i].__mv;
+if (!v || v.state !== 'ok') continue;
+if (v.raf) cancelAnimationFrame(v.raf);
+if (v.instances && v.instances.renderer) {
+try { v.instances.renderer.dispose(); } catch (e) {}
+}
+list[i].innerHTML = '';
+list[i].__mv = new Viewer(list[i]);
+}
+},
+};
+
+if (typeof window !== 'undefined') window.ModelViewer = ModelViewer;
+
+if (document.readyState === 'loading') {
+document.addEventListener('DOMContentLoaded', function () { ModelViewer.update(); });
+} else {
+ModelViewer.update();
+}
+})();

package/dist/09-assets/scientific-plot/scientific-plot.css

@@ -0,0 +1 @@
+.splot {display:block;max-width:100%;height:auto;font-family:var(--sans);}.splot__s0 {--splot-c:var(--accent);}.splot__s1 {--splot-c:var(--danger);}.splot__s2 {--splot-c:var(--success);}.splot__s3 {--splot-c:var(--warning);}.splot__s4 {--splot-c:var(--info);}.splot__grid {stroke:var(--border-decor);stroke-width:1;}.splot__axis {stroke:var(--border-decor-str);stroke-width:1;}.splot__tick {stroke:var(--border-decor-str);stroke-width:1;}.splot__tick-label {fill:var(--text-tertiary);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;}.splot__axis-label {fill:var(--text-secondary);font-size:var(--fs-xs);font-weight:500;}.splot__line {fill:none;stroke:var(--splot-c, var(--accent));stroke-width:2;stroke-linejoin:round;stroke-linecap:round;}.splot__pt {fill:var(--splot-c, var(--accent));stroke:var(--surface);stroke-width:1;}.splot__err {stroke:var(--splot-c, var(--accent));stroke-width:1.5;stroke-linecap:round;}.splot__band {fill:var(--splot-c, var(--accent));fill-opacity:.14;stroke:none;}.splot__legend {display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4, 1rem);margin:var(--sp-2) 0 0;padding:0;list-style:none;font-size:var(--fs-xs);color:var(--text-secondary);}.splot__legend-item {display:inline-flex;align-items:center;gap:var(--sp-1);}.splot__legend-mark {flex:0 0 auto;overflow:visible;}.splot__legend-mark line {stroke:var(--splot-c, var(--accent));}.splot__ref {stroke:var(--text-tertiary);stroke-width:1;stroke-dasharray:4 4;}.splot__ref-label {fill:var(--text-tertiary);font-size:var(--fs-xs);}.splot__anno-dot {fill:var(--text-primary);}.splot__anno {fill:var(--text-primary);font-size:var(--fs-xs);font-weight:600;}.splot__note {fill:var(--warning);font-size:var(--fs-xs);}@media (prefers-contrast:more) {.splot__axis, .splot__tick {stroke:var(--text-primary);}.splot__line {stroke-width:3;}}@media print {.splot__grid {stroke:var(--border-decor);}.splot__band {fill-opacity:.22;}}