cfd-materials 0.1.0

package/lib/components/mesh-visualization/mesh-visualization.js

@@ -0,0 +1,2614 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var THREE = _interopRequireWildcard(require("three"));
+var _OrbitControls = require("three/examples/jsm/controls/OrbitControls");
+var _STLLoader = require("three/examples/jsm/loaders/STLLoader");
+var _OBJLoader = require("three/examples/jsm/loaders/OBJLoader");
+var _variables = require("../../variables");
+require("./index.scss");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t3 in e) "default" !== _t3 && {}.hasOwnProperty.call(e, _t3) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t3)) && (i.get || i.set) ? o(f, _t3, i) : f[_t3] = e[_t3]); return f; })(e, t); }
+// //第一版
+// import * as React from 'react';
+// import { createElement, useEffect, useMemo, useRef, useState } from 'react';
+// import * as THREE from 'three';
+// import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
+// import { STLLoader } from 'three/examples/jsm/loaders/STLLoader';
+// import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader';
+// import { bizCssPrefix } from '../../variables';
+// import './index.scss';
+
+// export type MeshSourceType = 'demo' | 'url' | 'local';
+// export type MeshDataFormat = 'custom-json' | 'stl' | 'obj';
+// export type MeshType = 'structured' | 'unstructured';
+// export type MeshDisplayMode = 'surface' | 'wireframe' | 'surface-wireframe' | 'quality';
+// export type MeshQualityMode = 'orthogonality' | 'skewness' | 'aspectRatio';
+
+// export interface MeshVisualizationProps {
+//   sourceType?: MeshSourceType;
+//   dataFormat?: MeshDataFormat;
+//   dataUrl?: string;
+//   meshType?: MeshType;
+//   targetSize?: number;
+//   refineEnabled?: boolean;
+//   refinementLevel?: number;
+//   boundaryLayerEnabled?: boolean;
+//   boundaryLayerCount?: number;
+//   boundaryLayerThickness?: number;
+//   displayMode?: MeshDisplayMode;
+//   qualityMode?: MeshQualityMode;
+//   qualityThreshold?: number;
+//   showNodes?: boolean;
+//   showBoundaryHint?: boolean;
+//   autoRotate?: boolean;
+//   allowLocalUpload?: boolean;
+//   background?: string;
+//   style?: React.CSSProperties;
+// }
+
+// type MeshNode = {
+//   x: number;
+//   y: number;
+//   z: number;
+// };
+
+// type MeshCell = {
+//   type: 'tetra' | 'hexa' | 'triangle' | 'quad';
+//   indices: number[];
+//   zone?: string;
+//   boundary?: string;
+// };
+
+// type MeshDataset = {
+//   nodes: MeshNode[];
+//   cells: MeshCell[];
+//   meta?: {
+//     name?: string;
+//     caseType?: string;
+//     sourceFormat?: MeshDataFormat;
+//   };
+//   rawGeometry?: THREE.BufferGeometry | null;
+// };
+
+// type MeshStats = {
+//   nodeCount: number;
+//   cellCount: number;
+//   faceCount: number;
+//   edgeCount: number;
+//   zoneCount: number;
+//   boundaryCount: number;
+//   boundsText: string;
+//   featureEdgeEstimate: number;
+//   orthogonality: number;
+//   skewness: number;
+//   aspectRatio: number;
+// };
+
+// const DEMO_JSON_DATASET: MeshDataset = {
+//   meta: {
+//     name: 'demo-mesh-case',
+//     caseType: 'internal-flow',
+//     sourceFormat: 'custom-json',
+//   },
+//   nodes: [
+//     { x: -1, y: -0.6, z: -0.4 },
+//     { x: 1, y: -0.6, z: -0.4 },
+//     { x: 1, y: 0.6, z: -0.4 },
+//     { x: -1, y: 0.6, z: -0.4 },
+//     { x: -1, y: -0.6, z: 0.4 },
+//     { x: 1, y: -0.6, z: 0.4 },
+//     { x: 1, y: 0.6, z: 0.4 },
+//     { x: -1, y: 0.6, z: 0.4 },
+
+//     { x: -0.35, y: -0.2, z: -0.25 },
+//     { x: 0.35, y: -0.2, z: -0.25 },
+//     { x: 0.35, y: 0.2, z: -0.25 },
+//     { x: -0.35, y: 0.2, z: -0.25 },
+//     { x: -0.35, y: -0.2, z: 0.25 },
+//     { x: 0.35, y: -0.2, z: 0.25 },
+//     { x: 0.35, y: 0.2, z: 0.25 },
+//     { x: -0.35, y: 0.2, z: 0.25 },
+//   ],
+//   cells: [
+//     {
+//       type: 'hexa',
+//       indices: [0, 1, 2, 3, 4, 5, 6, 7],
+//       zone: 'outer',
+//       boundary: 'wall',
+//     },
+//     {
+//       type: 'hexa',
+//       indices: [8, 9, 10, 11, 12, 13, 14, 15],
+//       zone: 'core',
+//       boundary: 'fluid',
+//     },
+//   ],
+// };
+
+// const MeshVisualization: React.FC<MeshVisualizationProps> = function MeshVisualization({
+//   sourceType = 'demo',
+//   dataFormat = 'custom-json',
+//   dataUrl = '',
+//   meshType = 'unstructured',
+//   targetSize = 0.12,
+//   refineEnabled = true,
+//   refinementLevel = 2,
+//   boundaryLayerEnabled = true,
+//   boundaryLayerCount = 6,
+//   boundaryLayerThickness = 0.02,
+//   displayMode = 'surface-wireframe',
+//   qualityMode = 'orthogonality',
+//   qualityThreshold = 0.58,
+//   showNodes = false,
+//   showBoundaryHint = true,
+//   autoRotate = false,
+//   allowLocalUpload = true,
+//   background = '#061526',
+//   style = {},
+// }) {
+//   const containerRef = useRef<HTMLDivElement | null>(null);
+//   const fileInputRef = useRef<HTMLInputElement | null>(null);
+
+//   const rendererRef = useRef<THREE.WebGLRenderer | null>(null);
+//   const sceneRef = useRef<THREE.Scene | null>(null);
+//   const cameraRef = useRef<THREE.PerspectiveCamera | null>(null);
+//   const controlsRef = useRef<OrbitControls | null>(null);
+//   const frameIdRef = useRef<number | null>(null);
+//   const previewGroupRef = useRef<THREE.Group | null>(null);
+
+//   const [dataset, setDataset] = useState<MeshDataset | null>(buildDemoDataset(dataFormat));
+//   const [loading, setLoading] = useState<boolean>(false);
+//   const [errorText, setErrorText] = useState<string>('');
+//   const [activeFileName, setActiveFileName] = useState<string>('');
+//   const [sourceText, setSourceText] = useState<string>('当前为示例网格数据');
+
+//   useEffect(() => {
+//     initScene();
+//     return () => {
+//       disposeScene();
+//     };
+//   }, []);
+
+//   useEffect(() => {
+//     if (sourceType === 'demo') {
+//       setDataset(buildDemoDataset(dataFormat));
+//       setErrorText('');
+//       setSourceText(`当前为示例数据（${dataFormat}）`);
+//       setActiveFileName(getDemoFileName(dataFormat));
+//     }
+//   }, [sourceType, dataFormat]);
+
+//   useEffect(() => {
+//     if (sourceType === 'url' && dataUrl) {
+//       loadFromUrl(dataUrl, dataFormat);
+//     }
+//   }, [sourceType, dataUrl, dataFormat]);
+
+//   useEffect(() => {
+//     rebuildPreview();
+//   }, [
+//     dataset,
+//     displayMode,
+//     qualityMode,
+//     showNodes,
+//     showBoundaryHint,
+//     background,
+//     autoRotate,
+//     targetSize,
+//     refineEnabled,
+//     refinementLevel,
+//     boundaryLayerEnabled,
+//     boundaryLayerCount,
+//     boundaryLayerThickness,
+//   ]);
+
+//   const stats = useMemo<MeshStats>(() => {
+//     return buildMeshStats(
+//       dataset,
+//       meshType,
+//       targetSize,
+//       refineEnabled,
+//       refinementLevel,
+//       boundaryLayerEnabled,
+//       boundaryLayerCount,
+//       boundaryLayerThickness
+//     );
+//   }, [
+//     dataset,
+//     meshType,
+//     targetSize,
+//     refineEnabled,
+//     refinementLevel,
+//     boundaryLayerEnabled,
+//     boundaryLayerCount,
+//     boundaryLayerThickness,
+//   ]);
+
+//   const qualityGrade = useMemo(() => {
+//     const value = stats[qualityMode];
+//     if (qualityMode === 'skewness') {
+//       if (value <= 0.25) return '优';
+//       if (value <= 0.45) return '良';
+//       if (value <= 0.65) return '中';
+//       return '需优化';
+//     }
+//     if (value >= 0.85) return '优';
+//     if (value >= 0.7) return '良';
+//     if (value >= qualityThreshold) return '中';
+//     return '需优化';
+//   }, [stats, qualityMode, qualityThreshold]);
+
+//   function initScene() {
+//     if (!containerRef.current || sceneRef.current) return;
+
+//     const container = containerRef.current;
+//     const width = container.clientWidth || 800;
+//     const height = container.clientHeight || 500;
+
+//     const scene = new THREE.Scene();
+//     scene.background = new THREE.Color(background);
+
+//     const camera = new THREE.PerspectiveCamera(45, width / height, 0.1, 1000);
+//     camera.position.set(3.5, 2.8, 4.5);
+
+//     const renderer = new THREE.WebGLRenderer({
+//       antialias: true,
+//       alpha: false,
+//     });
+//     renderer.setPixelRatio(window.devicePixelRatio || 1);
+//     renderer.setSize(width, height);
+
+//     container.innerHTML = '';
+//     container.appendChild(renderer.domElement);
+
+//     const controls = new OrbitControls(camera, renderer.domElement);
+//     controls.enableDamping = true;
+//     controls.dampingFactor = 0.08;
+
+//     const ambientLight = new THREE.AmbientLight(0xffffff, 0.85);
+//     scene.add(ambientLight);
+
+//     const directionalLight = new THREE.DirectionalLight(0xffffff, 0.9);
+//     directionalLight.position.set(4, 6, 5);
+//     scene.add(directionalLight);
+
+//     const gridHelper = new THREE.GridHelper(8, 16, 0x35506f, 0x20374f);
+//     gridHelper.position.y = -1.2;
+//     scene.add(gridHelper);
+
+//     const axesHelper = new THREE.AxesHelper(1.4);
+//     scene.add(axesHelper);
+
+//     const previewGroup = new THREE.Group();
+//     scene.add(previewGroup);
+
+//     sceneRef.current = scene;
+//     cameraRef.current = camera;
+//     rendererRef.current = renderer;
+//     controlsRef.current = controls;
+//     previewGroupRef.current = previewGroup;
+
+//     const animate = () => {
+//       frameIdRef.current = requestAnimationFrame(animate);
+//       if (autoRotate && previewGroupRef.current) {
+//         previewGroupRef.current.rotation.y += 0.006;
+//       }
+//       controls.update();
+//       renderer.render(scene, camera);
+//     };
+
+//     animate();
+
+//     const handleResize = () => {
+//       if (!containerRef.current || !rendererRef.current || !cameraRef.current) return;
+//       const nextWidth = containerRef.current.clientWidth || 800;
+//       const nextHeight = containerRef.current.clientHeight || 500;
+//       rendererRef.current.setSize(nextWidth, nextHeight);
+//       cameraRef.current.aspect = nextWidth / nextHeight;
+//       cameraRef.current.updateProjectionMatrix();
+//     };
+
+//     window.addEventListener('resize', handleResize);
+//     (renderer.domElement as any).__meshResizeHandler = handleResize;
+//   }
+
+//   function disposeScene() {
+//     if (frameIdRef.current !== null) {
+//       cancelAnimationFrame(frameIdRef.current);
+//     }
+
+//     if (rendererRef.current?.domElement) {
+//       const handler = (rendererRef.current.domElement as any).__meshResizeHandler;
+//       if (handler) {
+//         window.removeEventListener('resize', handler);
+//       }
+//     }
+
+//     controlsRef.current?.dispose();
+
+//     if (previewGroupRef.current) {
+//       clearGroup(previewGroupRef.current);
+//     }
+
+//     rendererRef.current?.dispose();
+
+//     sceneRef.current = null;
+//     cameraRef.current = null;
+//     rendererRef.current = null;
+//     controlsRef.current = null;
+//     previewGroupRef.current = null;
+//   }
+
+//   async function loadFromUrl(url: string, format: MeshDataFormat) {
+//     if (!url) return;
+
+//     setLoading(true);
+//     setErrorText('');
+//     setSourceText(`正在从地址加载: ${url}`);
+
+//     try {
+//       const nextDataset = await loadDatasetByFormatFromUrl(url, format);
+//       setDataset(nextDataset);
+//       setActiveFileName(getFileNameFromUrl(url));
+//       setSourceText(`已加载远程数据: ${url}`);
+//     } catch (error: any) {
+//       setDataset(null);
+//       setErrorText(error?.message || '远程数据加载失败');
+//     } finally {
+//       setLoading(false);
+//     }
+//   }
+
+//   async function handleLocalFileChange(event: React.ChangeEvent<HTMLInputElement>) {
+//     const file = event.target.files?.[0];
+//     if (!file) return;
+
+//     setLoading(true);
+//     setErrorText('');
+//     setActiveFileName(file.name);
+
+//     try {
+//       const nextDataset = await loadDatasetByFormatFromFile(file, dataFormat);
+//       setDataset(nextDataset);
+//       setSourceText(`已加载本地文件: ${file.name}`);
+//     } catch (error: any) {
+//       setDataset(null);
+//       setErrorText(error?.message || '本地文件解析失败');
+//     } finally {
+//       setLoading(false);
+//       if (fileInputRef.current) {
+//         fileInputRef.current.value = '';
+//       }
+//     }
+//   }
+
+//   function rebuildPreview() {
+//     if (!previewGroupRef.current || !sceneRef.current) return;
+
+//     sceneRef.current.background = new THREE.Color(background);
+//     clearGroup(previewGroupRef.current);
+
+//     if (!dataset) return;
+
+//     const geometry =
+//       dataset.rawGeometry ||
+//       (dataset.nodes.length > 0 && dataset.cells.length > 0 ? buildSurfaceGeometry(dataset) : null);
+
+//     if (!geometry) return;
+
+//     geometry.computeVertexNormals();
+
+//     const previewGeometry = geometry.clone();
+//     if (displayMode === 'quality') {
+//       applyQualityVertexColors(previewGeometry, dataset, qualityMode);
+//     }
+
+//     const surfaceMaterial = new THREE.MeshStandardMaterial({
+//       color: displayMode === 'quality' ? 0xffffff : 0x4ea1ff,
+//       transparent: true,
+//       opacity: displayMode === 'wireframe' ? 0.08 : 0.88,
+//       side: THREE.DoubleSide,
+//       flatShading: false,
+//       vertexColors: displayMode === 'quality',
+//       metalness: 0.05,
+//       roughness: 0.65,
+//     });
+
+//     const surfaceMesh = new THREE.Mesh(previewGeometry, surfaceMaterial);
+
+//     if (displayMode !== 'wireframe') {
+//       previewGroupRef.current.add(surfaceMesh);
+//     }
+
+//     if (displayMode === 'wireframe' || displayMode === 'surface-wireframe' || displayMode === 'quality') {
+//       const edgesGeometry = new THREE.EdgesGeometry(previewGeometry);
+//       const edgesMaterial = new THREE.LineBasicMaterial({
+//         color: 0xe6f0ff,
+//         transparent: true,
+//         opacity: displayMode === 'wireframe' ? 1 : 0.55,
+//       });
+//       const edgeLines = new THREE.LineSegments(edgesGeometry, edgesMaterial);
+//       previewGroupRef.current.add(edgeLines);
+//     }
+
+//     if (showNodes) {
+//       const pointsGeometry = buildPointsGeometry(dataset, previewGeometry);
+//       if (pointsGeometry) {
+//         const pointsMaterial = new THREE.PointsMaterial({
+//           color: 0xffd166,
+//           size: 0.04,
+//           sizeAttenuation: true,
+//         });
+
+//         const pointMesh = new THREE.Points(pointsGeometry, pointsMaterial);
+//         previewGroupRef.current.add(pointMesh);
+//       }
+//     }
+
+//     if (showBoundaryHint) {
+//       const bbox = new THREE.Box3().setFromObject(previewGroupRef.current);
+//       const size = new THREE.Vector3();
+//       bbox.getSize(size);
+//       const box = new THREE.Box3Helper(bbox, 0x53d6ff);
+//       previewGroupRef.current.add(box);
+
+//       if (boundaryLayerEnabled) {
+//         const helper = buildBoundaryLayerHint(size, boundaryLayerCount);
+//         helper.position.copy(bbox.getCenter(new THREE.Vector3()));
+//         previewGroupRef.current.add(helper);
+//       }
+//     }
+
+//     fitCameraToObject(previewGroupRef.current);
+//   }
+
+//   function fitCameraToObject(object: THREE.Object3D) {
+//     if (!cameraRef.current || !controlsRef.current) return;
+
+//     const box = new THREE.Box3().setFromObject(object);
+//     if (box.isEmpty()) return;
+
+//     const size = new THREE.Vector3();
+//     const center = new THREE.Vector3();
+//     box.getSize(size);
+//     box.getCenter(center);
+
+//     const maxDim = Math.max(size.x, size.y, size.z) || 1;
+//     const camera = cameraRef.current;
+//     const distance = maxDim * 2.2;
+
+//     camera.position.set(center.x + distance, center.y + distance * 0.8, center.z + distance);
+//     camera.near = 0.01;
+//     camera.far = distance * 20;
+//     camera.updateProjectionMatrix();
+
+//     controlsRef.current.target.copy(center);
+//     controlsRef.current.update();
+//   }
+
+//   return (
+//     <div className={`${bizCssPrefix}-mesh-workbench`} style={style}>
+//       <div className={`${bizCssPrefix}-mesh-workbench__topbar`}>
+//         <div className={`${bizCssPrefix}-mesh-workbench__top-item`}>
+//           <span className={`${bizCssPrefix}-mesh-workbench__top-label`}>数据来源</span>
+//           <span className={`${bizCssPrefix}-mesh-workbench__top-value`}>{sourceType}</span>
+//         </div>
+//         <div className={`${bizCssPrefix}-mesh-workbench__top-item`}>
+//           <span className={`${bizCssPrefix}-mesh-workbench__top-label`}>数据格式</span>
+//           <span className={`${bizCssPrefix}-mesh-workbench__top-value`}>{dataFormat}</span>
+//         </div>
+//         <div className={`${bizCssPrefix}-mesh-workbench__top-item`}>
+//           <span className={`${bizCssPrefix}-mesh-workbench__top-label`}>网格类型</span>
+//           <span className={`${bizCssPrefix}-mesh-workbench__top-value`}>
+//             {meshType === 'structured' ? '结构化' : '非结构化'}
+//           </span>
+//         </div>
+//         <div className={`${bizCssPrefix}-mesh-workbench__top-item`}>
+//           <span className={`${bizCssPrefix}-mesh-workbench__top-label`}>目标尺寸</span>
+//           <span className={`${bizCssPrefix}-mesh-workbench__top-value`}>{targetSize}</span>
+//         </div>
+//         <div className={`${bizCssPrefix}-mesh-workbench__top-item`}>
+//           <span className={`${bizCssPrefix}-mesh-workbench__top-label`}>显示模式</span>
+//           <span className={`${bizCssPrefix}-mesh-workbench__top-value`}>{displayMode}</span>
+//         </div>
+
+//         {allowLocalUpload && sourceType === 'local' && (
+//           <div className={`${bizCssPrefix}-mesh-workbench__upload`}>
+//             <input
+//               ref={fileInputRef}
+//               type="file"
+//               accept={getAcceptByFormat(dataFormat)}
+//               onChange={handleLocalFileChange}
+//             />
+//           </div>
+//         )}
+//       </div>
+
+//       <div className={`${bizCssPrefix}-mesh-workbench__main`}>
+//         <div className={`${bizCssPrefix}-mesh-workbench__left`}>
+//           <PanelTitle title="网格分析" />
+
+//           <MetricRow label="节点数" value={String(stats.nodeCount)} />
+//           <MetricRow label="单元数" value={String(stats.cellCount)} />
+//           <MetricRow label="面片数" value={String(stats.faceCount)} />
+//           <MetricRow label="边数量估计" value={String(stats.edgeCount)} />
+//           <MetricRow label="区域数量" value={String(stats.zoneCount)} />
+//           <MetricRow label="边界数量" value={String(stats.boundaryCount)} />
+//           <MetricRow label="特征边估计" value={String(stats.featureEdgeEstimate)} />
+//           <MetricRow label="包围盒范围" value={stats.boundsText} />
+
+//           <PanelTitle title="质量检查" />
+//           <MetricRow label="正交性" value={stats.orthogonality.toFixed(2)} />
+//           <MetricRow label="偏斜度" value={stats.skewness.toFixed(2)} />
+//           <MetricRow label="长宽比" value={stats.aspectRatio.toFixed(2)} />
+//           <MetricRow label="当前质量评级" value={qualityGrade} />
+//         </div>
+
+//         <div className={`${bizCssPrefix}-mesh-workbench__center`}>
+//           <div className={`${bizCssPrefix}-mesh-workbench__viewport-toolbar`}>
+//             <span>{loading ? '数据加载中...' : '3D 预览'}</span>
+//             <span>{activeFileName || '未指定文件'}</span>
+//           </div>
+
+//           <div
+//             ref={containerRef}
+//             className={`${bizCssPrefix}-mesh-workbench__viewport`}
+//           />
+
+//           {errorText ? (
+//             <div className={`${bizCssPrefix}-mesh-workbench__overlay-error`}>
+//               {errorText}
+//             </div>
+//           ) : null}
+//         </div>
+
+//         <div className={`${bizCssPrefix}-mesh-workbench__right`}>
+//           <PanelTitle title="配置摘要" />
+
+//           <SummaryBlock
+//             title="数据状态"
+//             lines={[
+//               sourceText,
+//               `文件名: ${activeFileName || '无'}`,
+//               `格式: ${dataFormat}`,
+//               `质量指标: ${qualityMode}`,
+//             ]}
+//           />
+
+//           <SummaryBlock
+//             title="前处理参数"
+//             lines={[
+//               `网格类型: ${meshType === 'structured' ? '结构化' : '非结构化'}`,
+//               `目标尺寸: ${targetSize}`,
+//               `局部加密: ${refineEnabled ? `启用（级别 ${refinementLevel}）` : '未启用'}`,
+//               `边界层: ${
+//                 boundaryLayerEnabled
+//                   ? `启用（${boundaryLayerCount} 层 / 厚度 ${boundaryLayerThickness}）`
+//                   : '未启用'
+//               }`,
+//             ]}
+//           />
+
+//           <SummaryBlock
+//             title="显示选项"
+//             lines={[
+//               `显示模式: ${displayMode}`,
+//               `显示节点: ${showNodes ? '是' : '否'}`,
+//               `边界提示: ${showBoundaryHint ? '是' : '否'}`,
+//               `自动旋转: ${autoRotate ? '是' : '否'}`,
+//             ]}
+//           />
+
+//           <SummaryBlock
+//             title="输入说明"
+//             lines={[
+//               'custom-json：适合演示体网格结构。',
+//               'STL / OBJ：更适合几何表面导入与检查。',
+//               '这一版已支持 STL / OBJ 的本地与远程读取。',
+//             ]}
+//           />
+//         </div>
+//       </div>
+//     </div>
+//   );
+// };
+
+// MeshVisualization.displayName = 'MeshVisualization';
+// export default MeshVisualization;
+
+// /** ---------------- 子组件 ---------------- */
+
+// function PanelTitle({ title }: { title: string }) {
+//   return <div className={`${bizCssPrefix}-mesh-workbench__panel-title`}>{title}</div>;
+// }
+
+// function MetricRow({ label, value }: { label: string; value: string }) {
+//   return (
+//     <div className={`${bizCssPrefix}-mesh-workbench__metric-row`}>
+//       <span>{label}</span>
+//       <span>{value}</span>
+//     </div>
+//   );
+// }
+
+// function SummaryBlock({ title, lines }: { title: string; lines: string[] }) {
+//   return (
+//     <div className={`${bizCssPrefix}-mesh-workbench__summary-block`}>
+//       <div className={`${bizCssPrefix}-mesh-workbench__summary-title`}>{title}</div>
+//       {lines.map((line, index) => (
+//         <div key={index} className={`${bizCssPrefix}-mesh-workbench__summary-line`}>
+//           {line}
+//         </div>
+//       ))}
+//     </div>
+//   );
+// }
+
+// /** ---------------- 多格式数据加载 ---------------- */
+
+// async function loadDatasetByFormatFromUrl(url: string, format: MeshDataFormat): Promise<MeshDataset> {
+//   if (format === 'custom-json') {
+//     const response = await fetch(url);
+//     if (!response.ok) {
+//       throw new Error(`请求失败: ${response.status}`);
+//     }
+//     const text = await response.text();
+//     return parseCustomJsonMesh(text);
+//   }
+
+//   if (format === 'stl') {
+//     const response = await fetch(url);
+//     if (!response.ok) {
+//       throw new Error(`请求失败: ${response.status}`);
+//     }
+//     const buffer = await response.arrayBuffer();
+//     return parseSTLMesh(buffer);
+//   }
+
+//   if (format === 'obj') {
+//     const response = await fetch(url);
+//     if (!response.ok) {
+//       throw new Error(`请求失败: ${response.status}`);
+//     }
+//     const text = await response.text();
+//     return parseOBJMesh(text);
+//   }
+
+//   throw new Error(`暂不支持的数据格式: ${format}`);
+// }
+
+// async function loadDatasetByFormatFromFile(file: File, format: MeshDataFormat): Promise<MeshDataset> {
+//   if (format === 'custom-json') {
+//     const text = await file.text();
+//     return parseCustomJsonMesh(text);
+//   }
+
+//   if (format === 'stl') {
+//     const buffer = await file.arrayBuffer();
+//     return parseSTLMesh(buffer);
+//   }
+
+//   if (format === 'obj') {
+//     const text = await file.text();
+//     return parseOBJMesh(text);
+//   }
+
+//   throw new Error(`暂不支持的数据格式: ${format}`);
+// }
+
+// function buildDemoDataset(format: MeshDataFormat): MeshDataset {
+//   if (format === 'stl') {
+//     const geometry = new THREE.TorusKnotGeometry(0.9, 0.26, 180, 24);
+//     return buildGeometryDataset(geometry, 'demo-stl-geometry', 'stl');
+//   }
+
+//   if (format === 'obj') {
+//     const geometry = new THREE.SphereGeometry(1, 28, 22);
+//     return buildGeometryDataset(geometry, 'demo-obj-geometry', 'obj');
+//   }
+
+//   return {
+//     ...DEMO_JSON_DATASET,
+//     meta: {
+//       ...DEMO_JSON_DATASET.meta,
+//       sourceFormat: 'custom-json',
+//     },
+//   };
+// }
+
+// function parseCustomJsonMesh(text: string): MeshDataset {
+//   let raw: any;
+//   try {
+//     raw = JSON.parse(text);
+//   } catch {
+//     throw new Error('JSON 解析失败，请检查文件内容。');
+//   }
+
+//   const nodes = Array.isArray(raw?.nodes) ? raw.nodes : [];
+//   const cells = Array.isArray(raw?.cells) ? raw.cells : [];
+
+//   if (!nodes.length || !cells.length) {
+//     throw new Error('数据格式无效，custom-json 需要包含 nodes 和 cells。');
+//   }
+
+//   const parsedNodes: MeshNode[] = nodes.map((item: any) => ({
+//     x: Number(item.x),
+//     y: Number(item.y),
+//     z: Number(item.z),
+//   }));
+
+//   const parsedCells: MeshCell[] = cells.map((item: any) => ({
+//     type: normalizeCellType(item.type),
+//     indices: Array.isArray(item.indices) ? item.indices.map((i: any) => Number(i)) : [],
+//     zone: item.zone || 'default-zone',
+//     boundary: item.boundary || 'default-boundary',
+//   }));
+
+//   return {
+//     nodes: parsedNodes,
+//     cells: parsedCells,
+//     meta: {
+//       ...(raw.meta || {}),
+//       sourceFormat: 'custom-json',
+//     },
+//   };
+// }
+
+// function parseSTLMesh(buffer: ArrayBuffer): MeshDataset {
+//   const loader = new STLLoader();
+//   const geometry = loader.parse(buffer);
+//   geometry.computeVertexNormals();
+//   return buildGeometryDataset(geometry, 'stl-geometry', 'stl');
+// }
+
+// function parseOBJMesh(text: string): MeshDataset {
+//   const loader = new OBJLoader();
+//   const object = loader.parse(text);
+
+//   let mergedGeometry: THREE.BufferGeometry | null = null;
+
+//   object.traverse((child) => {
+//     const mesh = child as THREE.Mesh;
+//     if (mesh.isMesh && mesh.geometry) {
+//       const geom = (mesh.geometry as THREE.BufferGeometry).clone();
+//       geom.applyMatrix4(mesh.matrixWorld);
+
+//       if (!mergedGeometry) {
+//         mergedGeometry = geom;
+//       } else {
+//         mergedGeometry = mergeBufferGeometriesSimple(mergedGeometry, geom);
+//       }
+//     }
+//   });
+
+//   if (!mergedGeometry) {
+//     throw new Error('OBJ 解析失败，未找到可用几何体。');
+//   }
+
+//   mergedGeometry.computeVertexNormals();
+//   return buildGeometryDataset(mergedGeometry, 'obj-geometry', 'obj');
+// }
+
+// function buildGeometryDataset(
+//   geometry: THREE.BufferGeometry,
+//   name: string,
+//   format: MeshDataFormat
+// ): MeshDataset {
+//   const nextGeometry = geometry.index ? geometry.toNonIndexed() : geometry.clone();
+//   nextGeometry.computeBoundingBox();
+//   nextGeometry.computeVertexNormals();
+
+//   const positionAttr = nextGeometry.getAttribute('position');
+//   const nodes: MeshNode[] = [];
+//   const cells: MeshCell[] = [];
+
+//   if (positionAttr) {
+//     for (let i = 0; i < positionAttr.count; i++) {
+//       nodes.push({
+//         x: positionAttr.getX(i),
+//         y: positionAttr.getY(i),
+//         z: positionAttr.getZ(i),
+//       });
+//     }
+
+//     for (let i = 0; i < positionAttr.count; i += 3) {
+//       if (i + 2 < positionAttr.count) {
+//         cells.push({
+//           type: 'triangle',
+//           indices: [i, i + 1, i + 2],
+//           zone: 'surface-zone',
+//           boundary: 'surface',
+//         });
+//       }
+//     }
+//   }
+
+//   return {
+//     nodes,
+//     cells,
+//     rawGeometry: nextGeometry,
+//     meta: {
+//       name,
+//       sourceFormat: format,
+//       caseType: 'surface-geometry',
+//     },
+//   };
+// }
+
+// function mergeBufferGeometriesSimple(
+//   geometryA: THREE.BufferGeometry,
+//   geometryB: THREE.BufferGeometry
+// ): THREE.BufferGeometry {
+//   const a = geometryA.index ? geometryA.toNonIndexed() : geometryA.clone();
+//   const b = geometryB.index ? geometryB.toNonIndexed() : geometryB.clone();
+
+//   const posA = a.getAttribute('position');
+//   const posB = b.getAttribute('position');
+
+//   if (!posA || !posB) {
+//     return a;
+//   }
+
+//   const mergedPositions = new Float32Array(posA.array.length + posB.array.length);
+//   mergedPositions.set(posA.array as Float32Array, 0);
+//   mergedPositions.set(posB.array as Float32Array, posA.array.length);
+
+//   const merged = new THREE.BufferGeometry();
+//   merged.setAttribute('position', new THREE.BufferAttribute(mergedPositions, 3));
+//   return merged;
+// }
+
+// /** ---------------- 统计分析 ---------------- */
+
+// function buildMeshStats(
+//   dataset: MeshDataset | null,
+//   meshType: MeshType,
+//   targetSize: number,
+//   refineEnabled: boolean,
+//   refinementLevel: number,
+//   boundaryLayerEnabled: boolean,
+//   boundaryLayerCount: number,
+//   boundaryLayerThickness: number
+// ): MeshStats {
+//   if (!dataset) {
+//     return {
+//       nodeCount: 0,
+//       cellCount: 0,
+//       faceCount: 0,
+//       edgeCount: 0,
+//       zoneCount: 0,
+//       boundaryCount: 0,
+//       boundsText: '-',
+//       featureEdgeEstimate: 0,
+//       orthogonality: 0,
+//       skewness: 0,
+//       aspectRatio: 0,
+//     };
+//   }
+
+//   const nodeCount = dataset.nodes.length;
+//   const cellCount = dataset.cells.length;
+
+//   let faceCount = 0;
+//   let edgeCount = 0;
+//   const zoneSet = new Set<string>();
+//   const boundarySet = new Set<string>();
+
+//   dataset.cells.forEach((cell) => {
+//     faceCount += getCellFaces(cell).length;
+//     edgeCount += getCellEdges(cell).length;
+//     if (cell.zone) zoneSet.add(cell.zone);
+//     if (cell.boundary) boundarySet.add(cell.boundary);
+//   });
+
+//   const boundsText = getBoundsText(dataset.nodes);
+//   const featureEdgeEstimate = Math.max(0, Math.round(edgeCount * 0.28));
+
+//   const orthogonalityBase = meshType === 'structured' ? 0.91 : 0.84;
+//   const skewnessBase = meshType === 'structured' ? 0.18 : 0.29;
+//   const aspectRatioBase = meshType === 'structured' ? 1.8 : 2.7;
+
+//   const targetEffect = targetSize < 0.08 ? 0.04 : targetSize < 0.15 ? 0.02 : -0.03;
+//   const refineEffect = refineEnabled ? refinementLevel * 0.01 : 0;
+//   const layerEffect = boundaryLayerEnabled ? boundaryLayerCount * 0.006 : 0;
+//   const thicknessEffect = boundaryLayerEnabled ? boundaryLayerThickness * 0.25 : 0;
+
+//   const isSurfaceMesh =
+//     dataset.meta?.sourceFormat === 'stl' || dataset.meta?.sourceFormat === 'obj';
+
+//   const orthogonality = clamp(
+//     orthogonalityBase + targetEffect - refineEffect * 0.5 - thicknessEffect - (isSurfaceMesh ? 0.03 : 0),
+//     0.45,
+//     0.98
+//   );
+//   const skewness = clamp(
+//     skewnessBase - targetEffect * 0.6 + refineEffect * 0.45 + thicknessEffect + (isSurfaceMesh ? 0.04 : 0),
+//     0.05,
+//     0.92
+//   );
+//   const aspectRatio = clamp(
+//     aspectRatioBase + refineEffect * 1.2 + layerEffect + thicknessEffect * 5 + (isSurfaceMesh ? 0.6 : 0),
+//     1,
+//     12
+//   );
+
+//   return {
+//     nodeCount,
+//     cellCount,
+//     faceCount,
+//     edgeCount,
+//     zoneCount: zoneSet.size,
+//     boundaryCount: boundarySet.size,
+//     boundsText,
+//     featureEdgeEstimate,
+//     orthogonality,
+//     skewness,
+//     aspectRatio,
+//   };
+// }
+
+// function getBoundsText(nodes: MeshNode[]) {
+//   if (!nodes.length) return '-';
+
+//   const xs = nodes.map((n) => n.x);
+//   const ys = nodes.map((n) => n.y);
+//   const zs = nodes.map((n) => n.z);
+
+//   const xRange = `${Math.min(...xs).toFixed(2)} ~ ${Math.max(...xs).toFixed(2)}`;
+//   const yRange = `${Math.min(...ys).toFixed(2)} ~ ${Math.max(...ys).toFixed(2)}`;
+//   const zRange = `${Math.min(...zs).toFixed(2)} ~ ${Math.max(...zs).toFixed(2)}`;
+
+//   return `X:${xRange} Y:${yRange} Z:${zRange}`;
+// }
+
+// /** ---------------- three 几何构建 ---------------- */
+
+// function buildSurfaceGeometry(dataset: MeshDataset) {
+//   const positions: number[] = [];
+//   const colors: number[] = [];
+
+//   dataset.cells.forEach((cell, cellIndex) => {
+//     const faces = getCellFaces(cell);
+//     const color = getFallbackColor(cellIndex);
+
+//     faces.forEach((face) => {
+//       triangulateFace(face).forEach((triangle) => {
+//         triangle.forEach((nodeIndex) => {
+//           const node = dataset.nodes[nodeIndex];
+//           if (!node) return;
+//           positions.push(node.x, node.y, node.z);
+//           colors.push(color.r, color.g, color.b);
+//         });
+//       });
+//     });
+//   });
+
+//   const geometry = new THREE.BufferGeometry();
+//   geometry.setAttribute('position', new THREE.Float32BufferAttribute(positions, 3));
+//   geometry.setAttribute('color', new THREE.Float32BufferAttribute(colors, 3));
+//   return geometry;
+// }
+
+// function buildPointsGeometry(
+//   dataset: MeshDataset,
+//   previewGeometry: THREE.BufferGeometry
+// ): THREE.BufferGeometry | null {
+//   if (dataset.nodes.length > 0) {
+//     const pointsGeometry = new THREE.BufferGeometry();
+//     const points = new Float32Array(dataset.nodes.length * 3);
+//     dataset.nodes.forEach((node, index) => {
+//       points[index * 3] = node.x;
+//       points[index * 3 + 1] = node.y;
+//       points[index * 3 + 2] = node.z;
+//     });
+//     pointsGeometry.setAttribute('position', new THREE.BufferAttribute(points, 3));
+//     return pointsGeometry;
+//   }
+
+//   const positionAttr = previewGeometry.getAttribute('position');
+//   if (!positionAttr) return null;
+
+//   const cloned = new THREE.BufferGeometry();
+//   cloned.setAttribute('position', positionAttr.clone());
+//   return cloned;
+// }
+
+// function applyQualityVertexColors(
+//   geometry: THREE.BufferGeometry,
+//   dataset: MeshDataset,
+//   qualityMode: MeshQualityMode
+// ) {
+//   const positionAttr = geometry.getAttribute('position');
+//   if (!positionAttr) return;
+
+//   const nextColors: number[] = [];
+
+//   for (let i = 0; i < positionAttr.count; i++) {
+//     const ratio = i / Math.max(1, positionAttr.count - 1);
+//     const q = buildPseudoQualityValue(dataset, ratio, qualityMode);
+//     const color = qualityValueToColor(q, qualityMode);
+//     nextColors.push(color.r, color.g, color.b);
+//   }
+
+//   geometry.setAttribute('color', new THREE.Float32BufferAttribute(nextColors, 3));
+// }
+
+// function buildPseudoQualityValue(
+//   dataset: MeshDataset,
+//   ratio: number,
+//   qualityMode: MeshQualityMode
+// ) {
+//   const complexity = Math.min(1, dataset.cells.length / 200);
+
+//   if (qualityMode === 'orthogonality') {
+//     return clamp(0.92 - ratio * 0.28 - complexity * 0.08, 0, 1);
+//   }
+//   if (qualityMode === 'skewness') {
+//     return clamp(0.08 + ratio * 0.55 + complexity * 0.1, 0, 1);
+//   }
+//   return clamp(0.12 + ratio * 0.75 + complexity * 0.12, 0, 1);
+// }
+
+// function qualityValueToColor(value: number, qualityMode: MeshQualityMode) {
+//   const good = new THREE.Color(0x2ecc71);
+//   const mid = new THREE.Color(0xf1c40f);
+//   const bad = new THREE.Color(0xe74c3c);
+
+//   let t = value;
+//   if (qualityMode === 'orthogonality') {
+//     t = 1 - value;
+//   }
+
+//   if (t < 0.5) {
+//     return good.clone().lerp(mid, t / 0.5);
+//   }
+//   return mid.clone().lerp(bad, (t - 0.5) / 0.5);
+// }
+
+// function buildBoundaryLayerHint(size: THREE.Vector3, layerCount: number) {
+//   const group = new THREE.Group();
+//   const width = Math.max(size.x * 0.55, 0.5);
+//   const height = Math.max(size.z * 0.55, 0.4);
+
+//   for (let i = 0; i < Math.min(layerCount, 12); i++) {
+//     const scale = 1 + i * 0.06;
+//     const geometry = new THREE.RingGeometry(width * scale, width * scale + 0.01, 48);
+//     const material = new THREE.MeshBasicMaterial({
+//       color: 0x4dd0e1,
+//       transparent: true,
+//       opacity: Math.max(0.04, 0.22 - i * 0.012),
+//       side: THREE.DoubleSide,
+//     });
+//     const ring = new THREE.Mesh(geometry, material);
+//     ring.rotation.x = Math.PI / 2;
+//     ring.scale.set(1, height / width, 1);
+//     group.add(ring);
+//   }
+
+//   return group;
+// }
+
+// /** ---------------- 网格拓扑辅助 ---------------- */
+
+// function getCellFaces(cell: MeshCell): number[][] {
+//   const { type, indices } = cell;
+
+//   if (type === 'tetra' && indices.length >= 4) {
+//     return [
+//       [indices[0], indices[1], indices[2]],
+//       [indices[0], indices[1], indices[3]],
+//       [indices[1], indices[2], indices[3]],
+//       [indices[0], indices[2], indices[3]],
+//     ];
+//   }
+
+//   if (type === 'hexa' && indices.length >= 8) {
+//     return [
+//       [indices[0], indices[1], indices[2], indices[3]],
+//       [indices[4], indices[5], indices[6], indices[7]],
+//       [indices[0], indices[1], indices[5], indices[4]],
+//       [indices[1], indices[2], indices[6], indices[5]],
+//       [indices[2], indices[3], indices[7], indices[6]],
+//       [indices[3], indices[0], indices[4], indices[7]],
+//     ];
+//   }
+
+//   if (type === 'triangle' && indices.length >= 3) {
+//     return [[indices[0], indices[1], indices[2]]];
+//   }
+
+//   if (type === 'quad' && indices.length >= 4) {
+//     return [[indices[0], indices[1], indices[2], indices[3]]];
+//   }
+
+//   return [];
+// }
+
+// function getCellEdges(cell: MeshCell): number[][] {
+//   const { type, indices } = cell;
+
+//   if (type === 'tetra' && indices.length >= 4) {
+//     return [
+//       [indices[0], indices[1]],
+//       [indices[1], indices[2]],
+//       [indices[2], indices[0]],
+//       [indices[0], indices[3]],
+//       [indices[1], indices[3]],
+//       [indices[2], indices[3]],
+//     ];
+//   }
+
+//   if (type === 'hexa' && indices.length >= 8) {
+//     return [
+//       [indices[0], indices[1]],
+//       [indices[1], indices[2]],
+//       [indices[2], indices[3]],
+//       [indices[3], indices[0]],
+//       [indices[4], indices[5]],
+//       [indices[5], indices[6]],
+//       [indices[6], indices[7]],
+//       [indices[7], indices[4]],
+//       [indices[0], indices[4]],
+//       [indices[1], indices[5]],
+//       [indices[2], indices[6]],
+//       [indices[3], indices[7]],
+//     ];
+//   }
+
+//   if (type === 'triangle' && indices.length >= 3) {
+//     return [
+//       [indices[0], indices[1]],
+//       [indices[1], indices[2]],
+//       [indices[2], indices[0]],
+//     ];
+//   }
+
+//   if (type === 'quad' && indices.length >= 4) {
+//     return [
+//       [indices[0], indices[1]],
+//       [indices[1], indices[2]],
+//       [indices[2], indices[3]],
+//       [indices[3], indices[0]],
+//     ];
+//   }
+
+//   return [];
+// }
+
+// function triangulateFace(face: number[]) {
+//   if (face.length === 3) {
+//     return [face];
+//   }
+//   if (face.length === 4) {
+//     return [
+//       [face[0], face[1], face[2]],
+//       [face[0], face[2], face[3]],
+//     ];
+//   }
+//   return [];
+// }
+
+// /** ---------------- 工具 ---------------- */
+
+// function clearGroup(group: THREE.Group) {
+//   while (group.children.length > 0) {
+//     const child = group.children[0];
+//     group.remove(child);
+
+//     if ((child as any).geometry) {
+//       (child as any).geometry.dispose?.();
+//     }
+
+//     if ((child as any).material) {
+//       const material = (child as any).material;
+//       if (Array.isArray(material)) {
+//         material.forEach((m) => m.dispose?.());
+//       } else {
+//         material.dispose?.();
+//       }
+//     }
+//   }
+// }
+
+// function getFallbackColor(index: number) {
+//   const palette = [0x4ea1ff, 0x59d189, 0xffc857, 0xff6b6b, 0x9b5de5];
+//   return new THREE.Color(palette[index % palette.length]);
+// }
+
+// function getFileNameFromUrl(url: string) {
+//   const parts = url.split('/');
+//   return parts[parts.length - 1] || url;
+// }
+
+// function getDemoFileName(format: MeshDataFormat) {
+//   if (format === 'stl') return 'demo-surface.stl';
+//   if (format === 'obj') return 'demo-surface.obj';
+//   return 'demo-mesh.json';
+// }
+
+// function getAcceptByFormat(format: MeshDataFormat) {
+//   if (format === 'stl') return '.stl';
+//   if (format === 'obj') return '.obj';
+//   return '.json';
+// }
+
+// function normalizeCellType(type: string): MeshCell['type'] {
+//   if (type === 'tetra' || type === 'hexa' || type === 'triangle' || type === 'quad') {
+//     return type;
+//   }
+//   return 'hexa';
+// }
+
+// function clamp(value: number, min: number, max: number) {
+//   return Math.max(min, Math.min(max, value));
+// }
+
+var DEMO_JSON_DATASET = {
+  meta: {
+    name: 'demo-mesh-case',
+    caseType: 'internal-flow',
+    sourceFormat: 'custom-json'
+  },
+  nodes: [{
+    x: -1,
+    y: -0.6,
+    z: -0.4
+  }, {
+    x: 1,
+    y: -0.6,
+    z: -0.4
+  }, {
+    x: 1,
+    y: 0.6,
+    z: -0.4
+  }, {
+    x: -1,
+    y: 0.6,
+    z: -0.4
+  }, {
+    x: -1,
+    y: -0.6,
+    z: 0.4
+  }, {
+    x: 1,
+    y: -0.6,
+    z: 0.4
+  }, {
+    x: 1,
+    y: 0.6,
+    z: 0.4
+  }, {
+    x: -1,
+    y: 0.6,
+    z: 0.4
+  }, {
+    x: -0.35,
+    y: -0.2,
+    z: -0.25
+  }, {
+    x: 0.35,
+    y: -0.2,
+    z: -0.25
+  }, {
+    x: 0.35,
+    y: 0.2,
+    z: -0.25
+  }, {
+    x: -0.35,
+    y: 0.2,
+    z: -0.25
+  }, {
+    x: -0.35,
+    y: -0.2,
+    z: 0.25
+  }, {
+    x: 0.35,
+    y: -0.2,
+    z: 0.25
+  }, {
+    x: 0.35,
+    y: 0.2,
+    z: 0.25
+  }, {
+    x: -0.35,
+    y: 0.2,
+    z: 0.25
+  }],
+  cells: [{
+    type: 'hexa',
+    indices: [0, 1, 2, 3, 4, 5, 6, 7],
+    zone: 'outer-domain',
+    boundary: 'wall'
+  }, {
+    type: 'hexa',
+    indices: [8, 9, 10, 11, 12, 13, 14, 15],
+    zone: 'core-region',
+    boundary: 'fluid'
+  }]
+};
+var MeshVisualization = function MeshVisualization(_ref) {
+  var _ref$sourceType = _ref.sourceType,
+    sourceType = _ref$sourceType === void 0 ? 'demo' : _ref$sourceType,
+    _ref$dataFormat = _ref.dataFormat,
+    dataFormat = _ref$dataFormat === void 0 ? 'custom-json' : _ref$dataFormat,
+    _ref$dataUrl = _ref.dataUrl,
+    dataUrl = _ref$dataUrl === void 0 ? '' : _ref$dataUrl,
+    _ref$meshType = _ref.meshType,
+    meshType = _ref$meshType === void 0 ? 'unstructured' : _ref$meshType,
+    _ref$targetSize = _ref.targetSize,
+    targetSize = _ref$targetSize === void 0 ? 0.12 : _ref$targetSize,
+    _ref$refineEnabled = _ref.refineEnabled,
+    refineEnabled = _ref$refineEnabled === void 0 ? true : _ref$refineEnabled,
+    _ref$refinementLevel = _ref.refinementLevel,
+    refinementLevel = _ref$refinementLevel === void 0 ? 2 : _ref$refinementLevel,
+    _ref$boundaryLayerEna = _ref.boundaryLayerEnabled,
+    boundaryLayerEnabled = _ref$boundaryLayerEna === void 0 ? true : _ref$boundaryLayerEna,
+    _ref$boundaryLayerCou = _ref.boundaryLayerCount,
+    boundaryLayerCount = _ref$boundaryLayerCou === void 0 ? 6 : _ref$boundaryLayerCou,
+    _ref$boundaryLayerThi = _ref.boundaryLayerThickness,
+    boundaryLayerThickness = _ref$boundaryLayerThi === void 0 ? 0.02 : _ref$boundaryLayerThi,
+    _ref$displayMode = _ref.displayMode,
+    displayMode = _ref$displayMode === void 0 ? 'surface-wireframe' : _ref$displayMode,
+    _ref$qualityMode = _ref.qualityMode,
+    qualityMode = _ref$qualityMode === void 0 ? 'orthogonality' : _ref$qualityMode,
+    _ref$qualityThreshold = _ref.qualityThreshold,
+    qualityThreshold = _ref$qualityThreshold === void 0 ? 0.58 : _ref$qualityThreshold,
+    _ref$showNodes = _ref.showNodes,
+    showNodes = _ref$showNodes === void 0 ? false : _ref$showNodes,
+    _ref$showBoundaryHint = _ref.showBoundaryHint,
+    showBoundaryHint = _ref$showBoundaryHint === void 0 ? true : _ref$showBoundaryHint,
+    _ref$autoRotate = _ref.autoRotate,
+    autoRotate = _ref$autoRotate === void 0 ? false : _ref$autoRotate,
+    _ref$allowLocalUpload = _ref.allowLocalUpload,
+    allowLocalUpload = _ref$allowLocalUpload === void 0 ? true : _ref$allowLocalUpload,
+    _ref$background = _ref.background,
+    background = _ref$background === void 0 ? '#061526' : _ref$background,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style;
+  var containerRef = (0, _react.useRef)(null);
+  var fileInputRef = (0, _react.useRef)(null);
+  var rendererRef = (0, _react.useRef)(null);
+  var sceneRef = (0, _react.useRef)(null);
+  var cameraRef = (0, _react.useRef)(null);
+  var controlsRef = (0, _react.useRef)(null);
+  var frameIdRef = (0, _react.useRef)(null);
+  var previewGroupRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(buildDemoDataset(dataFormat)),
+    dataset = _useState[0],
+    setDataset = _useState[1];
+  var _useState2 = (0, _react.useState)(false),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    errorText = _useState3[0],
+    setErrorText = _useState3[1];
+  var _useState4 = (0, _react.useState)(''),
+    activeFileName = _useState4[0],
+    setActiveFileName = _useState4[1];
+  var _useState5 = (0, _react.useState)('当前为示例网格数据'),
+    sourceText = _useState5[0],
+    setSourceText = _useState5[1];
+  var _useState6 = (0, _react.useState)('未选择文件'),
+    localFileLabel = _useState6[0],
+    setLocalFileLabel = _useState6[1];
+  (0, _react.useEffect)(function () {
+    initScene();
+    return function () {
+      disposeScene();
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (sourceType === 'demo') {
+      setDataset(buildDemoDataset(dataFormat));
+      setErrorText('');
+      setSourceText("\u5F53\u524D\u4E3A\u793A\u4F8B\u6570\u636E\uFF08" + dataFormat + "\uFF09");
+      setActiveFileName(getDemoFileName(dataFormat));
+      setLocalFileLabel('未选择文件');
+    }
+  }, [sourceType, dataFormat]);
+  (0, _react.useEffect)(function () {
+    if (sourceType === 'url' && dataUrl) {
+      loadFromUrl(dataUrl, dataFormat);
+    }
+  }, [sourceType, dataUrl, dataFormat]);
+  (0, _react.useEffect)(function () {
+    rebuildPreview();
+  }, [dataset, displayMode, qualityMode, showNodes, showBoundaryHint, background, autoRotate, targetSize, refineEnabled, refinementLevel, boundaryLayerEnabled, boundaryLayerCount, boundaryLayerThickness]);
+  var stats = (0, _react.useMemo)(function () {
+    return buildMeshStats(dataset, meshType, targetSize, refineEnabled, refinementLevel, boundaryLayerEnabled, boundaryLayerCount, boundaryLayerThickness);
+  }, [dataset, meshType, targetSize, refineEnabled, refinementLevel, boundaryLayerEnabled, boundaryLayerCount, boundaryLayerThickness]);
+  var qualityGrade = (0, _react.useMemo)(function () {
+    var value = stats[qualityMode];
+    if (qualityMode === 'skewness') {
+      if (value <= 0.25) return '优';
+      if (value <= 0.45) return '良';
+      if (value <= 0.65) return '中';
+      return '需优化';
+    }
+    if (value >= 0.85) return '优';
+    if (value >= 0.7) return '良';
+    if (value >= qualityThreshold) return '中';
+    return '需优化';
+  }, [stats, qualityMode, qualityThreshold]);
+  function handleTriggerFileSelect(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    if (fileInputRef.current) {
+      fileInputRef.current.click();
+    }
+  }
+  function initScene() {
+    if (!containerRef.current || sceneRef.current) return;
+    var container = containerRef.current;
+    var width = container.clientWidth || 800;
+    var height = container.clientHeight || 500;
+    var scene = new THREE.Scene();
+    scene.background = new THREE.Color(background);
+    var camera = new THREE.PerspectiveCamera(45, width / height, 0.1, 1000);
+    camera.position.set(3.5, 2.8, 4.5);
+    var renderer = new THREE.WebGLRenderer({
+      antialias: true,
+      alpha: false
+    });
+    renderer.setPixelRatio(window.devicePixelRatio || 1);
+    renderer.setSize(width, height);
+    container.innerHTML = '';
+    container.appendChild(renderer.domElement);
+    var controls = new _OrbitControls.OrbitControls(camera, renderer.domElement);
+    controls.enableDamping = true;
+    controls.dampingFactor = 0.08;
+    var ambientLight = new THREE.AmbientLight(0xffffff, 0.85);
+    scene.add(ambientLight);
+    var directionalLight = new THREE.DirectionalLight(0xffffff, 0.9);
+    directionalLight.position.set(4, 6, 5);
+    scene.add(directionalLight);
+    var gridHelper = new THREE.GridHelper(8, 16, 0x35506f, 0x20374f);
+    gridHelper.position.y = -1.2;
+    scene.add(gridHelper);
+    var axesHelper = new THREE.AxesHelper(1.4);
+    scene.add(axesHelper);
+    var previewGroup = new THREE.Group();
+    scene.add(previewGroup);
+    sceneRef.current = scene;
+    cameraRef.current = camera;
+    rendererRef.current = renderer;
+    controlsRef.current = controls;
+    previewGroupRef.current = previewGroup;
+    var _animate = function animate() {
+      frameIdRef.current = requestAnimationFrame(_animate);
+      if (autoRotate && previewGroupRef.current) {
+        previewGroupRef.current.rotation.y += 0.006;
+      }
+      controls.update();
+      renderer.render(scene, camera);
+    };
+    _animate();
+    var handleResize = function handleResize() {
+      if (!containerRef.current || !rendererRef.current || !cameraRef.current) return;
+      var nextWidth = containerRef.current.clientWidth || 800;
+      var nextHeight = containerRef.current.clientHeight || 500;
+      rendererRef.current.setSize(nextWidth, nextHeight);
+      cameraRef.current.aspect = nextWidth / nextHeight;
+      cameraRef.current.updateProjectionMatrix();
+    };
+    window.addEventListener('resize', handleResize);
+    renderer.domElement.__meshResizeHandler = handleResize;
+  }
+  function disposeScene() {
+    var _rendererRef$current, _controlsRef$current, _rendererRef$current2;
+    if (frameIdRef.current !== null) {
+      cancelAnimationFrame(frameIdRef.current);
+    }
+    if ((_rendererRef$current = rendererRef.current) !== null && _rendererRef$current !== void 0 && _rendererRef$current.domElement) {
+      var handler = rendererRef.current.domElement.__meshResizeHandler;
+      if (handler) {
+        window.removeEventListener('resize', handler);
+      }
+    }
+    (_controlsRef$current = controlsRef.current) === null || _controlsRef$current === void 0 ? void 0 : _controlsRef$current.dispose();
+    if (previewGroupRef.current) {
+      clearGroup(previewGroupRef.current);
+    }
+    (_rendererRef$current2 = rendererRef.current) === null || _rendererRef$current2 === void 0 ? void 0 : _rendererRef$current2.dispose();
+    sceneRef.current = null;
+    cameraRef.current = null;
+    rendererRef.current = null;
+    controlsRef.current = null;
+    previewGroupRef.current = null;
+  }
+  function loadFromUrl(_x, _x2) {
+    return _loadFromUrl.apply(this, arguments);
+  }
+  function _loadFromUrl() {
+    _loadFromUrl = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(url, format) {
+      var nextDataset, _t;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (url) {
+              _context.next = 1;
+              break;
+            }
+            return _context.abrupt("return");
+          case 1:
+            setLoading(true);
+            setErrorText('');
+            setSourceText("\u6B63\u5728\u4ECE\u5730\u5740\u52A0\u8F7D: " + url);
+            _context.prev = 2;
+            _context.next = 3;
+            return loadDatasetByFormatFromUrl(url, format);
+          case 3:
+            nextDataset = _context.sent;
+            setDataset(nextDataset);
+            setActiveFileName(getFileNameFromUrl(url));
+            setSourceText("\u5DF2\u52A0\u8F7D\u8FDC\u7A0B\u6570\u636E: " + url);
+            _context.next = 5;
+            break;
+          case 4:
+            _context.prev = 4;
+            _t = _context["catch"](2);
+            setDataset(null);
+            setErrorText((_t === null || _t === void 0 ? void 0 : _t.message) || '远程数据加载失败');
+          case 5:
+            _context.prev = 5;
+            setLoading(false);
+            return _context.finish(5);
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 4, 5, 6]]);
+    }));
+    return _loadFromUrl.apply(this, arguments);
+  }
+  function handleLocalFileChange(_x3) {
+    return _handleLocalFileChange.apply(this, arguments);
+  }
+  function _handleLocalFileChange() {
+    _handleLocalFileChange = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(event) {
+      var _event$target$files;
+      var file, nextDataset, _t2;
+      return _regenerator["default"].wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            event.stopPropagation();
+            file = (_event$target$files = event.target.files) === null || _event$target$files === void 0 ? void 0 : _event$target$files[0];
+            if (file) {
+              _context2.next = 1;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 1:
+            setLoading(true);
+            setErrorText('');
+            setActiveFileName(file.name);
+            setLocalFileLabel(file.name);
+            _context2.prev = 2;
+            _context2.next = 3;
+            return loadDatasetByFormatFromFile(file, dataFormat);
+          case 3:
+            nextDataset = _context2.sent;
+            setDataset(nextDataset);
+            setSourceText("\u5DF2\u52A0\u8F7D\u672C\u5730\u6587\u4EF6: " + file.name);
+            _context2.next = 5;
+            break;
+          case 4:
+            _context2.prev = 4;
+            _t2 = _context2["catch"](2);
+            setDataset(null);
+            setErrorText((_t2 === null || _t2 === void 0 ? void 0 : _t2.message) || '本地文件解析失败');
+          case 5:
+            _context2.prev = 5;
+            setLoading(false);
+            if (fileInputRef.current) {
+              fileInputRef.current.value = '';
+            }
+            return _context2.finish(5);
+          case 6:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[2, 4, 5, 6]]);
+    }));
+    return _handleLocalFileChange.apply(this, arguments);
+  }
+  function rebuildPreview() {
+    if (!previewGroupRef.current || !sceneRef.current) return;
+    sceneRef.current.background = new THREE.Color(background);
+    clearGroup(previewGroupRef.current);
+    if (!dataset) return;
+    var geometry = dataset.rawGeometry || (dataset.nodes.length > 0 && dataset.cells.length > 0 ? buildSurfaceGeometry(dataset) : null);
+    if (!geometry) return;
+    geometry.computeVertexNormals();
+    var previewGeometry = geometry.clone();
+    if (displayMode === 'quality') {
+      applyQualityVertexColors(previewGeometry, dataset, qualityMode);
+    }
+    var surfaceMaterial = new THREE.MeshStandardMaterial({
+      color: displayMode === 'quality' ? 0xffffff : 0x4ea1ff,
+      transparent: true,
+      opacity: displayMode === 'wireframe' ? 0.08 : 0.88,
+      side: THREE.DoubleSide,
+      flatShading: false,
+      vertexColors: displayMode === 'quality',
+      metalness: 0.05,
+      roughness: 0.65
+    });
+    var surfaceMesh = new THREE.Mesh(previewGeometry, surfaceMaterial);
+    if (displayMode !== 'wireframe') {
+      previewGroupRef.current.add(surfaceMesh);
+    }
+    if (displayMode === 'wireframe' || displayMode === 'surface-wireframe' || displayMode === 'quality') {
+      var edgesGeometry = new THREE.EdgesGeometry(previewGeometry);
+      var edgesMaterial = new THREE.LineBasicMaterial({
+        color: 0xe6f0ff,
+        transparent: true,
+        opacity: displayMode === 'wireframe' ? 1 : 0.55
+      });
+      var edgeLines = new THREE.LineSegments(edgesGeometry, edgesMaterial);
+      previewGroupRef.current.add(edgeLines);
+    }
+
+    // const featureEdges = buildFeatureEdges(previewGeometry);
+    // if (featureEdges) {
+    //   previewGroupRef.current.add(featureEdges);
+    // }
+
+    // if (showNodes) {
+    //   const pointsGeometry = buildPointsGeometry(dataset, previewGeometry);
+    //   if (pointsGeometry) {
+    //     const pointsMaterial = new THREE.PointsMaterial({
+    //       color: 0xffd166,
+    //       size: 0.04,
+    //       sizeAttenuation: true,
+    //     });
+
+    //     const pointMesh = new THREE.Points(pointsGeometry, pointsMaterial);
+    //     previewGroupRef.current.add(pointMesh);
+    //   }
+    // }
+
+    // const boundaryHighlight = buildBoundaryHighlight(dataset);
+    // if (boundaryHighlight) {
+    //   previewGroupRef.current.add(boundaryHighlight);
+    // }
+
+    // const hotspotOverlay = buildQualityHotspotOverlay(previewGeometry, qualityMode);
+    // if (hotspotOverlay && displayMode === 'quality') {
+    //   previewGroupRef.current.add(hotspotOverlay);
+    // }
+
+    // if (showBoundaryHint) {
+    //   const bbox = new THREE.Box3().setFromObject(previewGroupRef.current);
+    //   const size = new THREE.Vector3();
+    //   bbox.getSize(size);
+    //   const box = new THREE.Box3Helper(bbox, 0x53d6ff);
+    //   previewGroupRef.current.add(box);
+
+    //   if (boundaryLayerEnabled) {
+    //     const helper = buildBoundaryLayerHint(size, boundaryLayerCount);
+    //     helper.position.copy(bbox.getCenter(new THREE.Vector3()));
+    //     previewGroupRef.current.add(helper);
+    //   }
+    // }
+    var featureEdges = buildFeatureEdges(previewGeometry);
+    if (featureEdges) {
+      previewGroupRef.current.add(featureEdges);
+    }
+    if (showNodes) {
+      var pointsGeometry = buildPointsGeometry(dataset, previewGeometry);
+      if (pointsGeometry) {
+        var pointsMaterial = new THREE.PointsMaterial({
+          color: 0xffd166,
+          size: 0.04,
+          sizeAttenuation: true
+        });
+        var pointMesh = new THREE.Points(pointsGeometry, pointsMaterial);
+        previewGroupRef.current.add(pointMesh);
+      }
+    }
+    var boundaryHighlight = buildBoundaryHighlight(dataset);
+    if (boundaryHighlight) {
+      previewGroupRef.current.add(boundaryHighlight);
+    }
+    var hotspotOverlay = buildQualityHotspotOverlay(previewGeometry, qualityMode);
+    if (hotspotOverlay && displayMode === 'quality') {
+      previewGroupRef.current.add(hotspotOverlay);
+    }
+    var bbox = new THREE.Box3().setFromObject(previewGroupRef.current);
+    var size = new THREE.Vector3();
+    var center = new THREE.Vector3();
+    bbox.getSize(size);
+    bbox.getCenter(center);
+    if (refineEnabled) {
+      var refinementOverlay = buildRefinementOverlay(size, center, refinementLevel, targetSize);
+      if (refinementOverlay) {
+        previewGroupRef.current.add(refinementOverlay);
+      }
+    }
+    if (showBoundaryHint) {
+      var box = new THREE.Box3Helper(bbox, 0x53d6ff);
+      previewGroupRef.current.add(box);
+      if (boundaryLayerEnabled) {
+        var helper = buildBoundaryLayerHint(size, center, boundaryLayerCount, boundaryLayerThickness, targetSize);
+        if (helper) {
+          previewGroupRef.current.add(helper);
+        }
+      }
+    }
+    fitCameraToObject(previewGroupRef.current);
+  }
+  function fitCameraToObject(object) {
+    if (!cameraRef.current || !controlsRef.current) return;
+    var box = new THREE.Box3().setFromObject(object);
+    if (box.isEmpty()) return;
+    var size = new THREE.Vector3();
+    var center = new THREE.Vector3();
+    box.getSize(size);
+    box.getCenter(center);
+    var maxDim = Math.max(size.x, size.y, size.z) || 1;
+    var camera = cameraRef.current;
+    var distance = maxDim * 2.2;
+    camera.position.set(center.x + distance, center.y + distance * 0.8, center.z + distance);
+    camera.near = 0.01;
+    camera.far = distance * 20;
+    camera.updateProjectionMatrix();
+    controlsRef.current.target.copy(center);
+    controlsRef.current.update();
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench",
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__topbar"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__top-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__top-label"
+  }, "\u6570\u636E\u6765\u6E90"), /*#__PURE__*/React.createElement("span", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__top-value"
+  }, sourceType)), /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__top-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__top-label"
+  }, "\u6570\u636E\u683C\u5F0F"), /*#__PURE__*/React.createElement("span", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__top-value"
+  }, dataFormat)), /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__top-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__top-label"
+  }, "\u7F51\u683C\u7C7B\u578B"), /*#__PURE__*/React.createElement("span", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__top-value"
+  }, meshType === 'structured' ? '结构化' : '非结构化')), /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__top-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__top-label"
+  }, "\u76EE\u6807\u5C3A\u5BF8"), /*#__PURE__*/React.createElement("span", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__top-value"
+  }, targetSize)), /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__top-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__top-label"
+  }, "\u663E\u793A\u6A21\u5F0F"), /*#__PURE__*/React.createElement("span", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__top-value"
+  }, displayMode)), allowLocalUpload && sourceType === 'local' && /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__upload",
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    },
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: _variables.bizCssPrefix + "-mesh-workbench__upload-btn",
+    onClick: handleTriggerFileSelect,
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    }
+  }, "\u9009\u62E9\u6587\u4EF6"), /*#__PURE__*/React.createElement("span", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__upload-name"
+  }, localFileLabel), /*#__PURE__*/React.createElement("input", {
+    ref: fileInputRef,
+    type: "file",
+    accept: getAcceptByFormat(dataFormat),
+    onChange: handleLocalFileChange,
+    style: {
+      display: 'none'
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__main"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__left"
+  }, /*#__PURE__*/React.createElement(PanelTitle, {
+    title: "\u7F51\u683C\u5206\u6790"
+  }), /*#__PURE__*/React.createElement(MetricRow, {
+    label: "\u8282\u70B9\u6570",
+    value: String(stats.nodeCount)
+  }), /*#__PURE__*/React.createElement(MetricRow, {
+    label: "\u5355\u5143\u6570",
+    value: String(stats.cellCount)
+  }), /*#__PURE__*/React.createElement(MetricRow, {
+    label: "\u9762\u7247\u6570",
+    value: String(stats.faceCount)
+  }), /*#__PURE__*/React.createElement(MetricRow, {
+    label: "\u8FB9\u6570\u91CF\u4F30\u8BA1",
+    value: String(stats.edgeCount)
+  }), /*#__PURE__*/React.createElement(MetricRow, {
+    label: "\u533A\u57DF\u6570\u91CF",
+    value: String(stats.zoneCount)
+  }), /*#__PURE__*/React.createElement(MetricRow, {
+    label: "\u8FB9\u754C\u6570\u91CF",
+    value: String(stats.boundaryCount)
+  }), /*#__PURE__*/React.createElement(MetricRow, {
+    label: "\u7279\u5F81\u8FB9\u4F30\u8BA1",
+    value: String(stats.featureEdgeEstimate)
+  }), /*#__PURE__*/React.createElement(MetricRow, {
+    label: "\u5305\u56F4\u76D2\u8303\u56F4",
+    value: stats.boundsText
+  }), /*#__PURE__*/React.createElement(PanelTitle, {
+    title: "\u8D28\u91CF\u68C0\u67E5"
+  }), /*#__PURE__*/React.createElement(MetricRow, {
+    label: "\u6B63\u4EA4\u6027",
+    value: stats.orthogonality.toFixed(2)
+  }), /*#__PURE__*/React.createElement(MetricRow, {
+    label: "\u504F\u659C\u5EA6",
+    value: stats.skewness.toFixed(2)
+  }), /*#__PURE__*/React.createElement(MetricRow, {
+    label: "\u957F\u5BBD\u6BD4",
+    value: stats.aspectRatio.toFixed(2)
+  }), /*#__PURE__*/React.createElement(MetricRow, {
+    label: "\u70ED\u533A\u5360\u6BD4\u4F30\u8BA1",
+    value: (stats.hotspotRatio * 100).toFixed(1) + "%"
+  }), /*#__PURE__*/React.createElement(MetricRow, {
+    label: "\u5F53\u524D\u8D28\u91CF\u8BC4\u7EA7",
+    value: qualityGrade
+  })), /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__center"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__viewport-toolbar"
+  }, /*#__PURE__*/React.createElement("span", null, loading ? '数据加载中...' : '3D 预览'), /*#__PURE__*/React.createElement("span", null, activeFileName || '未指定文件')), /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    className: _variables.bizCssPrefix + "-mesh-workbench__viewport"
+  }), errorText ? /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__overlay-error"
+  }, errorText) : null), /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__right"
+  }, /*#__PURE__*/React.createElement(PanelTitle, {
+    title: "\u914D\u7F6E\u6458\u8981"
+  }), /*#__PURE__*/React.createElement(SummaryBlock, {
+    title: "\u6570\u636E\u72B6\u6001",
+    lines: [sourceText, "\u6587\u4EF6\u540D: " + (activeFileName || '无'), "\u683C\u5F0F: " + dataFormat, "\u8D28\u91CF\u6307\u6807: " + qualityMode]
+  }), /*#__PURE__*/React.createElement(SummaryBlock, {
+    title: "\u524D\u5904\u7406\u53C2\u6570",
+    lines: ["\u7F51\u683C\u7C7B\u578B: " + (meshType === 'structured' ? '结构化' : '非结构化'), "\u76EE\u6807\u5C3A\u5BF8: " + targetSize, "\u5C40\u90E8\u52A0\u5BC6: " + (refineEnabled ? "\u542F\u7528\uFF08\u7EA7\u522B " + refinementLevel + "\uFF09" : '未启用'), "\u8FB9\u754C\u5C42: " + (boundaryLayerEnabled ? "\u542F\u7528\uFF08" + boundaryLayerCount + " \u5C42 / \u539A\u5EA6 " + boundaryLayerThickness + "\uFF09" : '未启用')]
+  }), /*#__PURE__*/React.createElement(SummaryBlock, {
+    title: "Zone \u7EDF\u8BA1",
+    lines: stats.zoneSummary.length ? stats.zoneSummary.map(function (item) {
+      return item.name + ": " + item.count;
+    }) : ['无 zone 信息']
+  }), /*#__PURE__*/React.createElement(SummaryBlock, {
+    title: "Boundary \u7EDF\u8BA1",
+    lines: stats.boundarySummary.length ? stats.boundarySummary.map(function (item) {
+      return item.name + ": " + item.count;
+    }) : ['无 boundary 信息']
+  }), /*#__PURE__*/React.createElement(SummaryBlock, {
+    title: "\u68C0\u67E5\u63D0\u793A",
+    lines: ["\u663E\u793A\u6A21\u5F0F: " + displayMode, "\u7279\u5F81\u8FB9\u9AD8\u4EAE: \u5DF2\u542F\u7528", "\u8FB9\u754C\u9AD8\u4EAE: \u5DF2\u542F\u7528", "\u8D28\u91CF\u70ED\u533A\u63D0\u793A: " + (displayMode === 'quality' ? '已启用' : '切换到质量模式可见')]
+  }))));
+};
+MeshVisualization.displayName = 'MeshVisualization';
+var _default = exports["default"] = MeshVisualization;
+/** ---------------- 子组件 ---------------- */
+function PanelTitle(_ref2) {
+  var title = _ref2.title;
+  return /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__panel-title"
+  }, title);
+}
+function MetricRow(_ref3) {
+  var label = _ref3.label,
+    value = _ref3.value;
+  return /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__metric-row"
+  }, /*#__PURE__*/React.createElement("span", null, label), /*#__PURE__*/React.createElement("span", null, value));
+}
+function SummaryBlock(_ref4) {
+  var title = _ref4.title,
+    lines = _ref4.lines;
+  return /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__summary-block"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _variables.bizCssPrefix + "-mesh-workbench__summary-title"
+  }, title), lines.map(function (line, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: _variables.bizCssPrefix + "-mesh-workbench__summary-line"
+    }, line);
+  }));
+}
+
+/** ---------------- 多格式数据加载 ---------------- */
+function loadDatasetByFormatFromUrl(_x4, _x5) {
+  return _loadDatasetByFormatFromUrl.apply(this, arguments);
+}
+function _loadDatasetByFormatFromUrl() {
+  _loadDatasetByFormatFromUrl = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(url, format) {
+    var response, text, _response, buffer, _response2, _text;
+    return _regenerator["default"].wrap(function (_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          if (!(format === 'custom-json')) {
+            _context3.next = 4;
+            break;
+          }
+          _context3.next = 1;
+          return fetch(url);
+        case 1:
+          response = _context3.sent;
+          if (response.ok) {
+            _context3.next = 2;
+            break;
+          }
+          throw new Error("\u8BF7\u6C42\u5931\u8D25: " + response.status);
+        case 2:
+          _context3.next = 3;
+          return response.text();
+        case 3:
+          text = _context3.sent;
+          return _context3.abrupt("return", parseCustomJsonMesh(text));
+        case 4:
+          if (!(format === 'stl')) {
+            _context3.next = 8;
+            break;
+          }
+          _context3.next = 5;
+          return fetch(url);
+        case 5:
+          _response = _context3.sent;
+          if (_response.ok) {
+            _context3.next = 6;
+            break;
+          }
+          throw new Error("\u8BF7\u6C42\u5931\u8D25: " + _response.status);
+        case 6:
+          _context3.next = 7;
+          return _response.arrayBuffer();
+        case 7:
+          buffer = _context3.sent;
+          return _context3.abrupt("return", parseSTLMesh(buffer));
+        case 8:
+          if (!(format === 'obj')) {
+            _context3.next = 12;
+            break;
+          }
+          _context3.next = 9;
+          return fetch(url);
+        case 9:
+          _response2 = _context3.sent;
+          if (_response2.ok) {
+            _context3.next = 10;
+            break;
+          }
+          throw new Error("\u8BF7\u6C42\u5931\u8D25: " + _response2.status);
+        case 10:
+          _context3.next = 11;
+          return _response2.text();
+        case 11:
+          _text = _context3.sent;
+          return _context3.abrupt("return", parseOBJMesh(_text));
+        case 12:
+          throw new Error("\u6682\u4E0D\u652F\u6301\u7684\u6570\u636E\u683C\u5F0F: " + format);
+        case 13:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return _loadDatasetByFormatFromUrl.apply(this, arguments);
+}
+function loadDatasetByFormatFromFile(_x6, _x7) {
+  return _loadDatasetByFormatFromFile.apply(this, arguments);
+}
+function _loadDatasetByFormatFromFile() {
+  _loadDatasetByFormatFromFile = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(file, format) {
+    var text, buffer, _text2;
+    return _regenerator["default"].wrap(function (_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          if (!(format === 'custom-json')) {
+            _context4.next = 2;
+            break;
+          }
+          _context4.next = 1;
+          return file.text();
+        case 1:
+          text = _context4.sent;
+          return _context4.abrupt("return", parseCustomJsonMesh(text));
+        case 2:
+          if (!(format === 'stl')) {
+            _context4.next = 4;
+            break;
+          }
+          _context4.next = 3;
+          return file.arrayBuffer();
+        case 3:
+          buffer = _context4.sent;
+          return _context4.abrupt("return", parseSTLMesh(buffer));
+        case 4:
+          if (!(format === 'obj')) {
+            _context4.next = 6;
+            break;
+          }
+          _context4.next = 5;
+          return file.text();
+        case 5:
+          _text2 = _context4.sent;
+          return _context4.abrupt("return", parseOBJMesh(_text2));
+        case 6:
+          throw new Error("\u6682\u4E0D\u652F\u6301\u7684\u6570\u636E\u683C\u5F0F: " + format);
+        case 7:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return _loadDatasetByFormatFromFile.apply(this, arguments);
+}
+function buildDemoDataset(format) {
+  if (format === 'stl') {
+    var geometry = new THREE.TorusKnotGeometry(0.9, 0.26, 180, 24);
+    return buildGeometryDataset(geometry, 'demo-stl-geometry', 'stl');
+  }
+  if (format === 'obj') {
+    var _geometry = new THREE.SphereGeometry(1, 28, 22);
+    return buildGeometryDataset(_geometry, 'demo-obj-geometry', 'obj');
+  }
+  return (0, _extends2["default"])({}, DEMO_JSON_DATASET, {
+    meta: (0, _extends2["default"])({}, DEMO_JSON_DATASET.meta, {
+      sourceFormat: 'custom-json'
+    })
+  });
+}
+function parseCustomJsonMesh(text) {
+  var _raw, _raw2;
+  var raw;
+  try {
+    raw = JSON.parse(text);
+  } catch (_unused) {
+    throw new Error('JSON 解析失败，请检查文件内容。');
+  }
+  var nodes = Array.isArray((_raw = raw) === null || _raw === void 0 ? void 0 : _raw.nodes) ? raw.nodes : [];
+  var cells = Array.isArray((_raw2 = raw) === null || _raw2 === void 0 ? void 0 : _raw2.cells) ? raw.cells : [];
+  if (!nodes.length || !cells.length) {
+    throw new Error('数据格式无效，custom-json 需要包含 nodes 和 cells。');
+  }
+  var parsedNodes = nodes.map(function (item) {
+    return {
+      x: Number(item.x),
+      y: Number(item.y),
+      z: Number(item.z)
+    };
+  });
+  var parsedCells = cells.map(function (item) {
+    return {
+      type: normalizeCellType(item.type),
+      indices: Array.isArray(item.indices) ? item.indices.map(function (i) {
+        return Number(i);
+      }) : [],
+      zone: item.zone || 'default-zone',
+      boundary: item.boundary || 'default-boundary'
+    };
+  });
+  return {
+    nodes: parsedNodes,
+    cells: parsedCells,
+    meta: (0, _extends2["default"])({}, raw.meta || {}, {
+      sourceFormat: 'custom-json'
+    })
+  };
+}
+function parseSTLMesh(buffer) {
+  var loader = new _STLLoader.STLLoader();
+  var geometry = loader.parse(buffer);
+  geometry.computeVertexNormals();
+  return buildGeometryDataset(geometry, 'stl-geometry', 'stl');
+}
+function parseOBJMesh(text) {
+  var loader = new _OBJLoader.OBJLoader();
+  var object = loader.parse(text);
+  var mergedGeometry = null;
+  object.traverse(function (child) {
+    var mesh = child;
+    if (mesh.isMesh && mesh.geometry) {
+      var geom = mesh.geometry.clone();
+      geom.applyMatrix4(mesh.matrixWorld);
+      if (!mergedGeometry) {
+        mergedGeometry = geom;
+      } else {
+        mergedGeometry = mergeBufferGeometriesSimple(mergedGeometry, geom);
+      }
+    }
+  });
+  if (!mergedGeometry) {
+    throw new Error('OBJ 解析失败，未找到可用几何体。');
+  }
+  mergedGeometry.computeVertexNormals();
+  return buildGeometryDataset(mergedGeometry, 'obj-geometry', 'obj');
+}
+function buildGeometryDataset(geometry, name, format) {
+  var nextGeometry = geometry.index ? geometry.toNonIndexed() : geometry.clone();
+  nextGeometry.computeBoundingBox();
+  nextGeometry.computeVertexNormals();
+  var positionAttr = nextGeometry.getAttribute('position');
+  var nodes = [];
+  var cells = [];
+  if (positionAttr) {
+    for (var i = 0; i < positionAttr.count; i++) {
+      nodes.push({
+        x: positionAttr.getX(i),
+        y: positionAttr.getY(i),
+        z: positionAttr.getZ(i)
+      });
+    }
+    for (var _i = 0; _i < positionAttr.count; _i += 3) {
+      if (_i + 2 < positionAttr.count) {
+        cells.push({
+          type: 'triangle',
+          indices: [_i, _i + 1, _i + 2],
+          zone: 'surface-zone',
+          boundary: 'surface'
+        });
+      }
+    }
+  }
+  return {
+    nodes: nodes,
+    cells: cells,
+    rawGeometry: nextGeometry,
+    meta: {
+      name: name,
+      sourceFormat: format,
+      caseType: 'surface-geometry'
+    }
+  };
+}
+function mergeBufferGeometriesSimple(geometryA, geometryB) {
+  var a = geometryA.index ? geometryA.toNonIndexed() : geometryA.clone();
+  var b = geometryB.index ? geometryB.toNonIndexed() : geometryB.clone();
+  var posA = a.getAttribute('position');
+  var posB = b.getAttribute('position');
+  if (!posA || !posB) {
+    return a;
+  }
+  var mergedPositions = new Float32Array(posA.array.length + posB.array.length);
+  mergedPositions.set(posA.array, 0);
+  mergedPositions.set(posB.array, posA.array.length);
+  var merged = new THREE.BufferGeometry();
+  merged.setAttribute('position', new THREE.BufferAttribute(mergedPositions, 3));
+  return merged;
+}
+
+/** ---------------- 统计分析 ---------------- */
+
+function buildMeshStats(dataset, meshType, targetSize, refineEnabled, refinementLevel, boundaryLayerEnabled, boundaryLayerCount, boundaryLayerThickness) {
+  var _dataset$meta, _dataset$meta2;
+  if (!dataset) {
+    return {
+      nodeCount: 0,
+      cellCount: 0,
+      faceCount: 0,
+      edgeCount: 0,
+      zoneCount: 0,
+      boundaryCount: 0,
+      boundsText: '-',
+      featureEdgeEstimate: 0,
+      orthogonality: 0,
+      skewness: 0,
+      aspectRatio: 0,
+      zoneSummary: [],
+      boundarySummary: [],
+      hotspotRatio: 0
+    };
+  }
+  var nodeCount = dataset.nodes.length;
+  var cellCount = dataset.cells.length;
+  var faceCount = 0;
+  var edgeCount = 0;
+  var zoneMap = new Map();
+  var boundaryMap = new Map();
+  dataset.cells.forEach(function (cell) {
+    faceCount += getCellFaces(cell).length;
+    edgeCount += getCellEdges(cell).length;
+    var zoneName = cell.zone || 'default-zone';
+    var boundaryName = cell.boundary || 'default-boundary';
+    zoneMap.set(zoneName, (zoneMap.get(zoneName) || 0) + 1);
+    boundaryMap.set(boundaryName, (boundaryMap.get(boundaryName) || 0) + 1);
+  });
+  var boundsText = getBoundsText(dataset.nodes);
+  var featureEdgeEstimate = Math.max(0, Math.round(edgeCount * 0.28));
+  var orthogonalityBase = meshType === 'structured' ? 0.91 : 0.84;
+  var skewnessBase = meshType === 'structured' ? 0.18 : 0.29;
+  var aspectRatioBase = meshType === 'structured' ? 1.8 : 2.7;
+  var targetEffect = targetSize < 0.08 ? 0.04 : targetSize < 0.15 ? 0.02 : -0.03;
+  var refineEffect = refineEnabled ? refinementLevel * 0.01 : 0;
+  var layerEffect = boundaryLayerEnabled ? boundaryLayerCount * 0.006 : 0;
+  var thicknessEffect = boundaryLayerEnabled ? boundaryLayerThickness * 0.25 : 0;
+  var isSurfaceMesh = ((_dataset$meta = dataset.meta) === null || _dataset$meta === void 0 ? void 0 : _dataset$meta.sourceFormat) === 'stl' || ((_dataset$meta2 = dataset.meta) === null || _dataset$meta2 === void 0 ? void 0 : _dataset$meta2.sourceFormat) === 'obj';
+  var orthogonality = clamp(orthogonalityBase + targetEffect - refineEffect * 0.5 - thicknessEffect - (isSurfaceMesh ? 0.03 : 0), 0.45, 0.98);
+  var skewness = clamp(skewnessBase - targetEffect * 0.6 + refineEffect * 0.45 + thicknessEffect + (isSurfaceMesh ? 0.04 : 0), 0.05, 0.92);
+  var aspectRatio = clamp(aspectRatioBase + refineEffect * 1.2 + layerEffect + thicknessEffect * 5 + (isSurfaceMesh ? 0.6 : 0), 1, 12);
+  var hotspotRatio = clamp((1 - orthogonality) * 0.45 + skewness * 0.35 + aspectRatio / 12 * 0.2, 0, 1);
+  return {
+    nodeCount: nodeCount,
+    cellCount: cellCount,
+    faceCount: faceCount,
+    edgeCount: edgeCount,
+    zoneCount: zoneMap.size,
+    boundaryCount: boundaryMap.size,
+    boundsText: boundsText,
+    featureEdgeEstimate: featureEdgeEstimate,
+    orthogonality: orthogonality,
+    skewness: skewness,
+    aspectRatio: aspectRatio,
+    zoneSummary: Array.from(zoneMap.entries()).map(function (_ref5) {
+      var name = _ref5[0],
+        count = _ref5[1];
+      return {
+        name: name,
+        count: count
+      };
+    }),
+    boundarySummary: Array.from(boundaryMap.entries()).map(function (_ref6) {
+      var name = _ref6[0],
+        count = _ref6[1];
+      return {
+        name: name,
+        count: count
+      };
+    }),
+    hotspotRatio: hotspotRatio
+  };
+}
+function getBoundsText(nodes) {
+  if (!nodes.length) return '-';
+  var xs = nodes.map(function (n) {
+    return n.x;
+  });
+  var ys = nodes.map(function (n) {
+    return n.y;
+  });
+  var zs = nodes.map(function (n) {
+    return n.z;
+  });
+  var xRange = Math.min.apply(Math, xs).toFixed(2) + " ~ " + Math.max.apply(Math, xs).toFixed(2);
+  var yRange = Math.min.apply(Math, ys).toFixed(2) + " ~ " + Math.max.apply(Math, ys).toFixed(2);
+  var zRange = Math.min.apply(Math, zs).toFixed(2) + " ~ " + Math.max.apply(Math, zs).toFixed(2);
+  return "X:" + xRange + " Y:" + yRange + " Z:" + zRange;
+}
+
+/** ---------------- three 几何构建 ---------------- */
+
+function buildSurfaceGeometry(dataset) {
+  var positions = [];
+  var colors = [];
+  dataset.cells.forEach(function (cell, cellIndex) {
+    var faces = getCellFaces(cell);
+    var color = getFallbackColor(cellIndex);
+    faces.forEach(function (face) {
+      triangulateFace(face).forEach(function (triangle) {
+        triangle.forEach(function (nodeIndex) {
+          var node = dataset.nodes[nodeIndex];
+          if (!node) return;
+          positions.push(node.x, node.y, node.z);
+          colors.push(color.r, color.g, color.b);
+        });
+      });
+    });
+  });
+  var geometry = new THREE.BufferGeometry();
+  geometry.setAttribute('position', new THREE.Float32BufferAttribute(positions, 3));
+  geometry.setAttribute('color', new THREE.Float32BufferAttribute(colors, 3));
+  return geometry;
+}
+function buildPointsGeometry(dataset, previewGeometry) {
+  if (dataset.nodes.length > 0) {
+    var pointsGeometry = new THREE.BufferGeometry();
+    var points = new Float32Array(dataset.nodes.length * 3);
+    dataset.nodes.forEach(function (node, index) {
+      points[index * 3] = node.x;
+      points[index * 3 + 1] = node.y;
+      points[index * 3 + 2] = node.z;
+    });
+    pointsGeometry.setAttribute('position', new THREE.BufferAttribute(points, 3));
+    return pointsGeometry;
+  }
+  var positionAttr = previewGeometry.getAttribute('position');
+  if (!positionAttr) return null;
+  var cloned = new THREE.BufferGeometry();
+  cloned.setAttribute('position', positionAttr.clone());
+  return cloned;
+}
+function applyQualityVertexColors(geometry, dataset, qualityMode) {
+  var positionAttr = geometry.getAttribute('position');
+  if (!positionAttr) return;
+  var nextColors = [];
+  for (var i = 0; i < positionAttr.count; i++) {
+    var ratio = i / Math.max(1, positionAttr.count - 1);
+    var q = buildPseudoQualityValue(dataset, ratio, qualityMode);
+    var color = qualityValueToColor(q, qualityMode);
+    nextColors.push(color.r, color.g, color.b);
+  }
+  geometry.setAttribute('color', new THREE.Float32BufferAttribute(nextColors, 3));
+}
+function buildPseudoQualityValue(dataset, ratio, qualityMode) {
+  var complexity = Math.min(1, dataset.cells.length / 200);
+  if (qualityMode === 'orthogonality') {
+    return clamp(0.92 - ratio * 0.28 - complexity * 0.08, 0, 1);
+  }
+  if (qualityMode === 'skewness') {
+    return clamp(0.08 + ratio * 0.55 + complexity * 0.1, 0, 1);
+  }
+  return clamp(0.12 + ratio * 0.75 + complexity * 0.12, 0, 1);
+}
+function qualityValueToColor(value, qualityMode) {
+  var good = new THREE.Color(0x2ecc71);
+  var mid = new THREE.Color(0xf1c40f);
+  var bad = new THREE.Color(0xe74c3c);
+  var t = value;
+  if (qualityMode === 'orthogonality') {
+    t = 1 - value;
+  }
+  if (t < 0.5) {
+    return good.clone().lerp(mid, t / 0.5);
+  }
+  return mid.clone().lerp(bad, (t - 0.5) / 0.5);
+}
+function buildRefinementOverlay(size, center, refinementLevel, targetSize) {
+  var group = new THREE.Group();
+  var level = Math.max(1, refinementLevel);
+  var shrinkBase = Math.max(0.35, 0.62 - level * 0.05);
+  var refineBoxSize = new THREE.Vector3(Math.max(size.x * shrinkBase, targetSize * 2), Math.max(size.y * shrinkBase, targetSize * 2), Math.max(size.z * shrinkBase, targetSize * 2));
+  var fillGeometry = new THREE.BoxGeometry(refineBoxSize.x, refineBoxSize.y, refineBoxSize.z);
+  var fillMaterial = new THREE.MeshBasicMaterial({
+    color: 0x00c2ff,
+    transparent: true,
+    opacity: 0.08 + level * 0.015,
+    depthWrite: false
+  });
+  var fillMesh = new THREE.Mesh(fillGeometry, fillMaterial);
+  fillMesh.position.copy(center);
+  group.add(fillMesh);
+  var lineLayers = Math.min(level + 1, 6);
+  for (var i = 0; i < lineLayers; i++) {
+    var scaleOffset = 1 - i * 0.08;
+    var boxGeometry = new THREE.BoxGeometry(refineBoxSize.x * scaleOffset, refineBoxSize.y * scaleOffset, refineBoxSize.z * scaleOffset);
+    var edges = new THREE.EdgesGeometry(boxGeometry);
+    var material = new THREE.LineBasicMaterial({
+      color: i === 0 ? 0x00e5ff : 0x66f2ff,
+      transparent: true,
+      opacity: Math.max(0.25, 0.85 - i * 0.12)
+    });
+    var lines = new THREE.LineSegments(edges, material);
+    lines.position.copy(center);
+    group.add(lines);
+  }
+  var gridCount = Math.min(3 + level, 8);
+  var halfX = refineBoxSize.x / 2;
+  var halfY = refineBoxSize.y / 2;
+  var halfZ = refineBoxSize.z / 2;
+  var lineMaterial = new THREE.LineBasicMaterial({
+    color: 0x7df9ff,
+    transparent: true,
+    opacity: 0.35
+  });
+  for (var _i2 = 1; _i2 < gridCount; _i2++) {
+    var t = -halfX + refineBoxSize.x / gridCount * _i2;
+    var geo = new THREE.BufferGeometry().setFromPoints([new THREE.Vector3(center.x + t, center.y - halfY, center.z - halfZ), new THREE.Vector3(center.x + t, center.y + halfY, center.z - halfZ), new THREE.Vector3(center.x + t, center.y + halfY, center.z + halfZ), new THREE.Vector3(center.x + t, center.y - halfY, center.z + halfZ), new THREE.Vector3(center.x + t, center.y - halfY, center.z - halfZ)]);
+    var line = new THREE.Line(geo, lineMaterial);
+    group.add(line);
+  }
+  return group;
+}
+function buildBoundaryLayerHint(size, center, layerCount, layerThickness, targetSize) {
+  var group = new THREE.Group();
+  var layers = Math.max(1, Math.min(layerCount, 20));
+  var baseSpacing = Math.max(targetSize * 0.18, layerThickness * 0.6, 0.01);
+  for (var i = 0; i < layers; i++) {
+    var offset = baseSpacing * (i + 1);
+    var geometry = new THREE.BoxGeometry(size.x + offset * 2, size.y + offset * 2, size.z + offset * 2);
+    var edges = new THREE.EdgesGeometry(geometry);
+    var material = new THREE.LineBasicMaterial({
+      color: i === 0 ? 0x39d0ff : 0x89ecff,
+      transparent: true,
+      opacity: Math.max(0.18, 0.9 - i * 0.08)
+    });
+    var line = new THREE.LineSegments(edges, material);
+    line.position.copy(center);
+    group.add(line);
+  }
+  var shellGeometry = new THREE.BoxGeometry(size.x + baseSpacing * 2, size.y + baseSpacing * 2, size.z + baseSpacing * 2);
+  var shellMaterial = new THREE.MeshBasicMaterial({
+    color: 0x39d0ff,
+    transparent: true,
+    opacity: Math.min(0.12 + layerThickness * 0.6, 0.22),
+    side: THREE.DoubleSide,
+    depthWrite: false
+  });
+  var shellMesh = new THREE.Mesh(shellGeometry, shellMaterial);
+  shellMesh.position.copy(center);
+  group.add(shellMesh);
+  return group;
+}
+function buildFeatureEdges(geometry) {
+  var edgesGeometry = new THREE.EdgesGeometry(geometry, 28);
+  var position = edgesGeometry.getAttribute('position');
+  if (!position || position.count === 0) return null;
+  var material = new THREE.LineBasicMaterial({
+    color: 0xffb703,
+    transparent: true,
+    opacity: 0.95
+  });
+  return new THREE.LineSegments(edgesGeometry, material);
+}
+function buildBoundaryHighlight(dataset) {
+  if (!dataset.cells.length || !dataset.nodes.length) return null;
+  var positions = [];
+  var picked = 0;
+  dataset.cells.forEach(function (cell) {
+    if ((cell.boundary || '').toLowerCase() === 'surface' || picked < 6) {
+      var faces = getCellFaces(cell);
+      faces.slice(0, 1).forEach(function (face) {
+        triangulateFace(face).forEach(function (triangle) {
+          triangle.forEach(function (nodeIndex) {
+            var node = dataset.nodes[nodeIndex];
+            if (!node) return;
+            positions.push(node.x, node.y, node.z);
+          });
+        });
+      });
+      picked += 1;
+    }
+  });
+  if (!positions.length) return null;
+  var geometry = new THREE.BufferGeometry();
+  geometry.setAttribute('position', new THREE.Float32BufferAttribute(positions, 3));
+  var material = new THREE.MeshBasicMaterial({
+    color: 0xff5d8f,
+    transparent: true,
+    opacity: 0.18,
+    side: THREE.DoubleSide
+  });
+  return new THREE.Mesh(geometry, material);
+}
+function buildQualityHotspotOverlay(geometry, qualityMode) {
+  var positionAttr = geometry.getAttribute('position');
+  if (!positionAttr) return null;
+  var positions = [];
+  var triangleCount = Math.floor(positionAttr.count / 3);
+  for (var i = 0; i < triangleCount; i++) {
+    var ratio = i / Math.max(1, triangleCount - 1);
+    var isHot = qualityMode === 'orthogonality' ? ratio > 0.68 : qualityMode === 'skewness' ? ratio > 0.62 : ratio > 0.58;
+    if (!isHot) continue;
+    for (var j = 0; j < 3; j++) {
+      var idx = i * 3 + j;
+      positions.push(positionAttr.getX(idx), positionAttr.getY(idx), positionAttr.getZ(idx));
+    }
+  }
+  if (!positions.length) return null;
+  var overlayGeometry = new THREE.BufferGeometry();
+  overlayGeometry.setAttribute('position', new THREE.Float32BufferAttribute(positions, 3));
+  var overlayMaterial = new THREE.MeshBasicMaterial({
+    color: 0xff4d4f,
+    transparent: true,
+    opacity: 0.22,
+    side: THREE.DoubleSide,
+    depthWrite: false
+  });
+  return new THREE.Mesh(overlayGeometry, overlayMaterial);
+}
+
+/** ---------------- 网格拓扑辅助 ---------------- */
+
+function getCellFaces(cell) {
+  var type = cell.type,
+    indices = cell.indices;
+  if (type === 'tetra' && indices.length >= 4) {
+    return [[indices[0], indices[1], indices[2]], [indices[0], indices[1], indices[3]], [indices[1], indices[2], indices[3]], [indices[0], indices[2], indices[3]]];
+  }
+  if (type === 'hexa' && indices.length >= 8) {
+    return [[indices[0], indices[1], indices[2], indices[3]], [indices[4], indices[5], indices[6], indices[7]], [indices[0], indices[1], indices[5], indices[4]], [indices[1], indices[2], indices[6], indices[5]], [indices[2], indices[3], indices[7], indices[6]], [indices[3], indices[0], indices[4], indices[7]]];
+  }
+  if (type === 'triangle' && indices.length >= 3) {
+    return [[indices[0], indices[1], indices[2]]];
+  }
+  if (type === 'quad' && indices.length >= 4) {
+    return [[indices[0], indices[1], indices[2], indices[3]]];
+  }
+  return [];
+}
+function getCellEdges(cell) {
+  var type = cell.type,
+    indices = cell.indices;
+  if (type === 'tetra' && indices.length >= 4) {
+    return [[indices[0], indices[1]], [indices[1], indices[2]], [indices[2], indices[0]], [indices[0], indices[3]], [indices[1], indices[3]], [indices[2], indices[3]]];
+  }
+  if (type === 'hexa' && indices.length >= 8) {
+    return [[indices[0], indices[1]], [indices[1], indices[2]], [indices[2], indices[3]], [indices[3], indices[0]], [indices[4], indices[5]], [indices[5], indices[6]], [indices[6], indices[7]], [indices[7], indices[4]], [indices[0], indices[4]], [indices[1], indices[5]], [indices[2], indices[6]], [indices[3], indices[7]]];
+  }
+  if (type === 'triangle' && indices.length >= 3) {
+    return [[indices[0], indices[1]], [indices[1], indices[2]], [indices[2], indices[0]]];
+  }
+  if (type === 'quad' && indices.length >= 4) {
+    return [[indices[0], indices[1]], [indices[1], indices[2]], [indices[2], indices[3]], [indices[3], indices[0]]];
+  }
+  return [];
+}
+function triangulateFace(face) {
+  if (face.length === 3) {
+    return [face];
+  }
+  if (face.length === 4) {
+    return [[face[0], face[1], face[2]], [face[0], face[2], face[3]]];
+  }
+  return [];
+}
+
+/** ---------------- 工具 ---------------- */
+
+function clearGroup(group) {
+  while (group.children.length > 0) {
+    var child = group.children[0];
+    group.remove(child);
+    if (child.geometry) {
+      var _geometry$dispose, _geometry2;
+      (_geometry$dispose = (_geometry2 = child.geometry).dispose) === null || _geometry$dispose === void 0 ? void 0 : _geometry$dispose.call(_geometry2);
+    }
+    if (child.material) {
+      var material = child.material;
+      if (Array.isArray(material)) {
+        material.forEach(function (m) {
+          var _m$dispose;
+          return (_m$dispose = m.dispose) === null || _m$dispose === void 0 ? void 0 : _m$dispose.call(m);
+        });
+      } else {
+        var _material$dispose;
+        (_material$dispose = material.dispose) === null || _material$dispose === void 0 ? void 0 : _material$dispose.call(material);
+      }
+    }
+  }
+}
+function getFallbackColor(index) {
+  var palette = [0x4ea1ff, 0x59d189, 0xffc857, 0xff6b6b, 0x9b5de5];
+  return new THREE.Color(palette[index % palette.length]);
+}
+function getFileNameFromUrl(url) {
+  var parts = url.split('/');
+  return parts[parts.length - 1] || url;
+}
+function getDemoFileName(format) {
+  if (format === 'stl') return 'demo-surface.stl';
+  if (format === 'obj') return 'demo-surface.obj';
+  return 'demo-mesh.json';
+}
+function getAcceptByFormat(format) {
+  if (format === 'stl') return '.stl';
+  if (format === 'obj') return '.obj';
+  return '.json';
+}
+function normalizeCellType(type) {
+  if (type === 'tetra' || type === 'hexa' || type === 'triangle' || type === 'quad') {
+    return type;
+  }
+  return 'hexa';
+}
+function clamp(value, min, max) {
+  return Math.max(min, Math.min(max, value));
+}