mirror of https://gitee.com/cf-fz/WebCAD.git
!2334 功能:增加板边备注
黄诗津
7 months ago
committed by
ChenX
parent
77be29f30b
commit
a8050622ad
@ -0,0 +1,85 @@
|
|||||||
|
import { Button, Classes, Intent, Label } from '@blueprintjs/core';
|
||||||
|
import { inject, observer } from 'mobx-react';
|
||||||
|
import * as React from 'react';
|
||||||
|
import { ColorMaterial } from '../../../Common/ColorPalette';
|
||||||
|
import { BoardEdgeRemarksStore } from '../../Store/RightPanelStore/BoardEdgeRemarksStore';
|
||||||
|
import { Board_Editor_Key } from '../../Store/RightPanelStore/BoardEdgesEditor';
|
||||||
|
import { RightPanelStore } from '../../Store/RightPanelStore/RightPanelStore';
|
||||||
|
import { BoardModalType } from '../Board/BoardModalType';
|
||||||
|
import { UserConfigComponent } from '../Board/UserConfigComponent';
|
||||||
|
import { AppToaster } from '../Toaster';
|
||||||
|
|
||||||
|
@inject("store")
|
||||||
|
@observer
|
||||||
|
export class BoardEdgeRemarksComponent extends React.Component<{ store?: RightPanelStore; }>
|
||||||
|
{
|
||||||
|
render()
|
||||||
|
{
|
||||||
|
const boardEdgeRemarksStore = BoardEdgeRemarksStore.GetInstance();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className='rightTab'>
|
||||||
|
<div className='tabBody'>
|
||||||
|
<ul className={"modeling dataList " + Classes.LIST_UNSTYLED}>
|
||||||
|
<li>
|
||||||
|
<Label>颜色</Label>
|
||||||
|
<Label>备注</Label>
|
||||||
|
</li>
|
||||||
|
{
|
||||||
|
boardEdgeRemarksStore.option.boardEdgeRemarks.map((v, i) =>
|
||||||
|
{
|
||||||
|
return (
|
||||||
|
<li key={i}>
|
||||||
|
<span
|
||||||
|
className={Classes.INPUT}
|
||||||
|
style={{
|
||||||
|
background: ColorMaterial.GetColor(i + 1).getStyle(),
|
||||||
|
width: "50%",
|
||||||
|
color: i >= 10 ? "white" : "black"
|
||||||
|
}}
|
||||||
|
>{i + 1}</span>
|
||||||
|
<input
|
||||||
|
style={{ width: "50%" }}
|
||||||
|
tabIndex={1}
|
||||||
|
value={v}
|
||||||
|
onFocus={e =>
|
||||||
|
{
|
||||||
|
e.target.setSelectionRange(0, e.target.value.length);
|
||||||
|
}}
|
||||||
|
className={Classes.INPUT}
|
||||||
|
onChange={(e) =>
|
||||||
|
{
|
||||||
|
boardEdgeRemarksStore.option.boardEdgeRemarks[i] = e.target.value;
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</li>
|
||||||
|
);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</ul>
|
||||||
|
<div className="flex-arround">
|
||||||
|
<Button text="写入" intent={Intent.SUCCESS}
|
||||||
|
onClick={this.ok} />
|
||||||
|
<Button text="退出" intent={Intent.DANGER}
|
||||||
|
onClick={this.exit} />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<UserConfigComponent
|
||||||
|
className="modeing-config"
|
||||||
|
store={boardEdgeRemarksStore}
|
||||||
|
type={BoardModalType.BoardEdgeRemarks}
|
||||||
|
isNotUpdateStore={boardEdgeRemarksStore.isNotUpdateStore}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
private ok = () =>
|
||||||
|
{
|
||||||
|
this.props.store.boardEdgeRemarksStore.IsApplyData = true;
|
||||||
|
this.exit();
|
||||||
|
};
|
||||||
|
private exit()
|
||||||
|
{
|
||||||
|
AppToaster.dismiss(Board_Editor_Key);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,173 @@
|
|||||||
|
import { observable, toJS } from "mobx";
|
||||||
|
import { CommandNames } from "../../../Common/CommandNames";
|
||||||
|
import { Log, LogType } from "../../../Common/Log";
|
||||||
|
import { Intent } from "../../../Common/Toaster";
|
||||||
|
import { Board } from "../../../DatabaseServices/Entity/Board";
|
||||||
|
import { CommandWrap } from "../../../Editor/CommandMachine";
|
||||||
|
import { GetBoardSealingCurves, GetHighBoardEdgeRemark, SetBoardEdgeRemarkData } from "../../../GraphicsSystem/CalcEdgeSealing";
|
||||||
|
import { IConfigOption } from "../../Components/Board/UserConfigComponent";
|
||||||
|
import { ShowLinesToaster } from "../../Components/Toaster";
|
||||||
|
import { IConfigStore } from "../BoardStore";
|
||||||
|
import { IHighEdgeRemarkItem } from "../OptionInterface/IHighSealedItem";
|
||||||
|
import { BoardEdgesEditor, Board_Editor_Key } from "./BoardEdgesEditor";
|
||||||
|
|
||||||
|
export class BoardEdgeRemarksStore extends BoardEdgesEditor implements IConfigStore
|
||||||
|
{
|
||||||
|
isNotUpdateStore = false;
|
||||||
|
|
||||||
|
@observable boardEdgeRemarks: string[] = Array(20).fill("");
|
||||||
|
private static _SingleInstance: BoardEdgeRemarksStore;
|
||||||
|
static GetInstance(): BoardEdgeRemarksStore
|
||||||
|
{
|
||||||
|
if (this._SingleInstance) return this._SingleInstance;
|
||||||
|
this._SingleInstance = new BoardEdgeRemarksStore;
|
||||||
|
return this._SingleInstance;
|
||||||
|
}
|
||||||
|
|
||||||
|
@observable option = { boardEdgeRemarks: this.boardEdgeRemarks };
|
||||||
|
async InitData()
|
||||||
|
{
|
||||||
|
}
|
||||||
|
|
||||||
|
@observable configName: string = "默认";
|
||||||
|
@observable configsNames: string[] = [];
|
||||||
|
InitOption()
|
||||||
|
{
|
||||||
|
const initBoardEdgeRemarks = Array(20).fill("");
|
||||||
|
//禁止再次初始化,避免用户没有配置的时候,使用板边备注编辑,导致面板属性被还原
|
||||||
|
Object.assign(this.option, { boardEdgeRemarks: initBoardEdgeRemarks });
|
||||||
|
}
|
||||||
|
SaveConfig()
|
||||||
|
{
|
||||||
|
return { option: toJS(this.option) };
|
||||||
|
}
|
||||||
|
|
||||||
|
UpdateOption(cof: IConfigOption)
|
||||||
|
{
|
||||||
|
Object.assign(this.option, cof.option);
|
||||||
|
}
|
||||||
|
protected InitCurve()
|
||||||
|
{
|
||||||
|
const dataColorMap = new Map<string, number>();//data->color
|
||||||
|
const canUseColor: number[] = [];//可使用的颜色
|
||||||
|
|
||||||
|
const boardEdgeRemarks = this.option.boardEdgeRemarks;
|
||||||
|
|
||||||
|
for (let i = 0; i < boardEdgeRemarks.length; i++)
|
||||||
|
{
|
||||||
|
if (dataColorMap.has(boardEdgeRemarks[i]) || boardEdgeRemarks[i] === "")
|
||||||
|
canUseColor.push(i);//可以被覆盖
|
||||||
|
else
|
||||||
|
dataColorMap.set(boardEdgeRemarks[i], i);//记录颜色
|
||||||
|
}
|
||||||
|
|
||||||
|
for (const br of this._boardList)
|
||||||
|
{
|
||||||
|
const curves = GetBoardSealingCurves(br, true);
|
||||||
|
const highBoardEdgeRemark = GetHighBoardEdgeRemark(br, curves);
|
||||||
|
|
||||||
|
if (highBoardEdgeRemark.length === curves.length)
|
||||||
|
{
|
||||||
|
for (let i = 0; i < highBoardEdgeRemark.length; i++)
|
||||||
|
{
|
||||||
|
const remark = highBoardEdgeRemark[i];
|
||||||
|
if (!dataColorMap.has(remark.description))
|
||||||
|
{
|
||||||
|
if (canUseColor.length)
|
||||||
|
{
|
||||||
|
dataColorMap.set(remark.description, canUseColor[0]);
|
||||||
|
boardEdgeRemarks[canUseColor[0]] = remark.description;
|
||||||
|
canUseColor.shift();
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
boardEdgeRemarks.push(remark.description);
|
||||||
|
dataColorMap.set(remark.description, boardEdgeRemarks.length - 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const color = dataColorMap.get(remark.description) + 1;
|
||||||
|
curves[i].ColorIndex = color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
if (!dataColorMap.has(""))
|
||||||
|
{
|
||||||
|
if (canUseColor.length)
|
||||||
|
{
|
||||||
|
dataColorMap.set("", canUseColor[0]);
|
||||||
|
boardEdgeRemarks[canUseColor[0]] = "";
|
||||||
|
canUseColor.shift();
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
boardEdgeRemarks.push("");
|
||||||
|
dataColorMap.set("", boardEdgeRemarks.length - 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const color = dataColorMap.get("") + 1;
|
||||||
|
curves.forEach(cu => cu.ColorIndex = color);
|
||||||
|
}
|
||||||
|
this._brMap.set(br, curves);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
protected ShowToaster()
|
||||||
|
{
|
||||||
|
ShowLinesToaster(
|
||||||
|
["正在编辑板边备注...", "点击<写入>写入板边备注数据到板件,", "点击<退出>或者关闭退出编辑状态"],
|
||||||
|
{
|
||||||
|
intent: Intent.PRIMARY,
|
||||||
|
timeout: 0,
|
||||||
|
onDismiss: () =>
|
||||||
|
{
|
||||||
|
this.EndEditor();
|
||||||
|
}
|
||||||
|
}, Board_Editor_Key);
|
||||||
|
}
|
||||||
|
#dataMap: Map<Board, IHighEdgeRemarkItem[]> = new Map();
|
||||||
|
protected ParseData()
|
||||||
|
{
|
||||||
|
const boardEdgeRemarks = this.option.boardEdgeRemarks;
|
||||||
|
|
||||||
|
for (const [br, cus] of this._brMap)
|
||||||
|
{
|
||||||
|
const data: IHighEdgeRemarkItem[] = [];
|
||||||
|
for (const cu of cus)
|
||||||
|
{
|
||||||
|
//检查不存在配置的colorIndex
|
||||||
|
const color = cu.ColorIndex;
|
||||||
|
if (color > boardEdgeRemarks.length)
|
||||||
|
{
|
||||||
|
Log(color + "号色未设置数据,默认为空", LogType.Warning);
|
||||||
|
data.push({ description: "" });
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
let remark = boardEdgeRemarks[color - 1];
|
||||||
|
if (color === 0)
|
||||||
|
{
|
||||||
|
remark = "";
|
||||||
|
Log(color + "不支持号色为 0 ，默认为空", LogType.Warning);
|
||||||
|
}
|
||||||
|
data.push({ description: remark });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.#dataMap.set(br, data);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
protected async WriteData()
|
||||||
|
{
|
||||||
|
await CommandWrap(() =>
|
||||||
|
{
|
||||||
|
for (let [b, cus] of this._brMap)
|
||||||
|
{
|
||||||
|
let data = this.#dataMap.get(b);
|
||||||
|
let ocsInv = b.OCSInv;
|
||||||
|
SetBoardEdgeRemarkData(b, data, cus.map(c => c.ApplyMatrix(ocsInv)));
|
||||||
|
b.BoardProcessOption.highBoardEdgeRemark = data;
|
||||||
|
}
|
||||||
|
this.#dataMap.clear();
|
||||||
|
}, CommandNames.板边备注编辑);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in new issue