// 声形义三位一体重组实验 // 选择声部、形部、义部 → 模拟重组生成新字并展示拓扑结构 const { useState } = React; function SoundformTool({ onNavigate }) { const [selectedSound, setSelectedSound] = useState(soundformData.soundParts[0]); const [selectedForm, setSelectedForm] = useState(soundformData.formParts[0]); const [meaningLayer, setMeaningLayer] = useState(soundformData.meaningLayers[0]); const [isRecombining, setIsRecombining] = useState(false); const [showResult, setShowResult] = useState(true); // 组合结果 const comboKey = `${selectedForm.char}+${selectedSound.char}`; const comboResult = soundformData.combos[comboKey] || { char: generateNewChar(selectedForm, selectedSound), meaning: `此为仓颉Ⅲ型系统模拟生成之新字，${selectedForm.name}表义，${selectedSound.name}表音。其义待考，其音近${selectedSound.pinyin}。`, layer: meaningLayer.name, isNew: true }; function generateNewChar(form, sound) { // 模拟生成新字：左边形旁 + 右边声旁（用 CSS 组合展示） return { left: form.char, right: sound.char }; } const handleRecombine = () => { setIsRecombining(true); setShowResult(false); setTimeout(() => { setShowResult(true); setIsRecombining(false); }, 1200); }; // 随机组合 const handleRandom = () => { const randomSound = soundformData.soundParts[Math.floor(Math.random() * soundformData.soundParts.length)]; const randomForm = soundformData.formParts[Math.floor(Math.random() * soundformData.formParts.length)]; const randomLayer = soundformData.meaningLayers[Math.floor(Math.random() * soundformData.meaningLayers.length)]; setSelectedSound(randomSound); setSelectedForm(randomForm); setMeaningLayer(randomLayer); setIsRecombining(true); setShowResult(false); setTimeout(() => { setShowResult(true); setIsRecombining(false); }, 1200); }; return (

{/* 选择区 */}

三部选择

形部

{soundformData.formParts.map(part => ( ))}

{selectedForm.name}
{selectedForm.meaning}

{/* 声部选择 */}

声部

{soundformData.soundParts.map(part => ( ))}

{selectedSound.name}（{selectedSound.pinyin}）
{selectedSound.meaning}

{/* 义层选择 */}

义层

{soundformData.meaningLayers.map(layer => ( ))}

{meaningLayer.name}
{meaningLayer.desc}

{/* 操作按钮 */}

{/* 结果展示区 */}

重组结果 · 拓扑结构形：{selectedForm.char} + 声：{selectedSound.char}

{/* 新字展示 */}

{/* 田字格背景 */} {/* 新字 */} {showResult && (

{typeof comboResult.char === "string" ? comboResult.char : ( {comboResult.char.left} {comboResult.char.right} )}

)} {isRecombining && (

拓扑重组中...

)}

{/* 新字标签 */}

{comboResult.isNew ? "新生成字" : "传世字"}

{meaningLayer.name}

{/* 右侧信息 */}

{/* 字的释义 */}

字义解析

{comboResult.meaning}

{/* 拓扑结构信息 */}

结构类型

左形右声

笔画数

{selectedForm.char.length * 4 + selectedSound.char.length * 5}画

归属义层

{meaningLayer.name}

{/* 拓扑结构示意图 */}

◇ 拓扑结构示意

{/* 实验说明 */}

实验说明

声形义三位一体，乃汉字造字之根本法则。许慎《说文解字·叙》云：「仓颉之初作书，盖依类象形，故谓之文；其后形声相益，即谓之字。」

本实验以仓颉Ⅲ型系统为基础，将传统六书之学与现代拓扑学结合，可模拟生成形声字并解析其多维语义结构。

实验编号：MCT-Ω-003 · 好悬君主导研发。当前版本支持六声部 × 六形部 × 四义层，共计一百四十四种组合可能。

); } window.SoundformTool = SoundformTool;