mac/behavior3editor
1
0 Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix out of range exception

Browse Source
This commit is contained in:
codetypes committed 2025-03-20 01:06:08 +08:00
1 parent da96ad865b
commit 865d201231
1 file changed
+21 -13
Download Patch File Download Diff File Expand all files Collapse all files
src/components/inspector.tsx
+21 -13
View File
@@ -241,7 +241,7 @@ const TreeInspector: FC = () => {
{(fields, { add, remove }, { errors }) => ( {(fields, { add, remove }, { errors }) => (
<div style={{ display: "flex", flexDirection: "column", rowGap: 0 }}> <div style={{ display: "flex", flexDirection: "column", rowGap: 0 }}>
{fields.map((item) => { {fields.map((item) => {
const vardef = workspace.editingTree.declvar[item.name]; const vardef = workspace.editingTree.declvar[item.name] as VarDef | undefined;
return ( return (
<Flex key={item.key} gap={4}> <Flex key={item.key} gap={4}>
<Space.Compact <Space.Compact
@@ -270,15 +270,15 @@ const TreeInspector: FC = () => {
display: "flex", display: "flex",
cursor: "pointer", cursor: "pointer",
alignItems: "center", alignItems: "center",
width: "45px", width: "33px",
}} }}
onClick={() => onClick={() =>
workspace.editing?.dispatch("clickVar", vardef.name) vardef && workspace.editing?.dispatch("clickVar", vardef.name)
} }
> >
<AimOutlined /> <AimOutlined />
<span style={{ marginLeft: 4 }}> <span style={{ marginLeft: 4 }}>
{usingCount[vardef.name] ?? 0} {usingCount[vardef?.name ?? ""] ?? 0}
</span> </span>
</div> </div>
} }
@@ -346,7 +346,7 @@ const TreeInspector: FC = () => {
{(fields) => ( {(fields) => (
<div style={{ display: "flex", flexDirection: "column", rowGap: 0 }}> <div style={{ display: "flex", flexDirection: "column", rowGap: 0 }}>
{fields.map((item, idx) => { {fields.map((item, idx) => {
const vardef = workspace.editingTree.subtree[item.name]; const vardef = workspace.editingTree.subtree[item.name] as VarDef | undefined;
return ( return (
<Flex key={item.key} gap={4}> <Flex key={item.key} gap={4}>
<Space.Compact <Space.Compact
@@ -360,8 +360,8 @@ const TreeInspector: FC = () => {
alignItems: "center", alignItems: "center",
paddingLeft: "8px", paddingLeft: "8px",
paddingRight: "8px", paddingRight: "8px",
maxWidth: "60px", maxWidth: "52px",
minWidth: "60px", minWidth: "52px",
borderTopLeftRadius: idx === 0 ? "4px" : 0, borderTopLeftRadius: idx === 0 ? "4px" : 0,
borderBottomLeftRadius: idx === fields.length - 1 ? "4px" : 0, borderBottomLeftRadius: idx === fields.length - 1 ? "4px" : 0,
borderLeft: "1px solid #3d506c", borderLeft: "1px solid #3d506c",
@@ -370,11 +370,13 @@ const TreeInspector: FC = () => {
borderBottom: borderBottom:
idx === fields.length - 1 ? "1px solid #3d506c" : "none", idx === fields.length - 1 ? "1px solid #3d506c" : "none",
}} }}
onClick={() => workspace.editing?.dispatch("clickVar", vardef.name)} onClick={() =>
vardef && workspace.editing?.dispatch("clickVar", vardef.name)
}
> >
<AimOutlined /> <AimOutlined />
<span style={{ marginLeft: 4 }}> <span style={{ marginLeft: 4 }}>
{usingCount[vardef.name] ?? 0} {usingCount[vardef?.name ?? ""] ?? 0}
</span> </span>
</div> </div>
</Form.Item> </Form.Item>
@@ -395,6 +397,7 @@ const TreeInspector: FC = () => {
disabled={true} disabled={true}
placeholder={t("tree.vars.desc")} placeholder={t("tree.vars.desc")}
style={{ style={{
width: "90%",
borderTopRightRadius: idx === 0 ? "4px" : 0, borderTopRightRadius: idx === 0 ? "4px" : 0,
borderBottomRightRadius: idx === fields.length - 1 ? "4px" : 0, borderBottomRightRadius: idx === fields.length - 1 ? "4px" : 0,
borderTop: "1px solid #3d506c", borderTop: "1px solid #3d506c",
@@ -454,7 +457,10 @@ const TreeInspector: FC = () => {
{(vars) => ( {(vars) => (
<div style={{ display: "flex", flexDirection: "column", rowGap: 0 }}> <div style={{ display: "flex", flexDirection: "column", rowGap: 0 }}>
{vars.map((v, idx) => { {vars.map((v, idx) => {
const vardef = workspace.editingTree.import[item.name].vars[v.name]; const entry = workspace.editingTree.import[item.name] as
| ImportDef
| undefined;
const vardef = entry?.vars[v.name] as VarDef | undefined;
return ( return (
<Flex key={v.key} gap={4}> <Flex key={v.key} gap={4}>
<Space.Compact <Space.Compact
@@ -468,8 +474,8 @@ const TreeInspector: FC = () => {
alignItems: "center", alignItems: "center",
paddingLeft: "8px", paddingLeft: "8px",
paddingRight: "8px", paddingRight: "8px",
maxWidth: "60px", maxWidth: "52px",
minWidth: "60px", minWidth: "52px",
borderTopLeftRadius: idx === 0 ? "4px" : 0, borderTopLeftRadius: idx === 0 ? "4px" : 0,
borderBottomLeftRadius: borderBottomLeftRadius:
idx === vars.length - 1 ? "4px" : 0, idx === vars.length - 1 ? "4px" : 0,
@@ -480,12 +486,13 @@ const TreeInspector: FC = () => {
cursor: "pointer", cursor: "pointer",
}} }}
onClick={() => onClick={() =>
vardef &&
workspace.editing?.dispatch("clickVar", vardef.name) workspace.editing?.dispatch("clickVar", vardef.name)
} }
> >
<AimOutlined /> <AimOutlined />
<span style={{ marginLeft: 4 }}> <span style={{ marginLeft: 4 }}>
{usingCount[vardef.name] ?? 0} {usingCount[vardef?.name ?? ""] ?? 0}
</span> </span>
</div> </div>
</Form.Item> </Form.Item>
@@ -506,6 +513,7 @@ const TreeInspector: FC = () => {
disabled={true} disabled={true}
placeholder={t("tree.vars.desc")} placeholder={t("tree.vars.desc")}
style={{ style={{
width: "90%",
borderTopRightRadius: idx === 0 ? "4px" : 0, borderTopRightRadius: idx === 0 ? "4px" : 0,
borderBottomRightRadius: borderBottomRightRadius:
idx === vars.length - 1 ? "4px" : 0, idx === vars.length - 1 ? "4px" : 0,