|
|
|
@ -40,6 +40,8 @@ interface BoardModalProps
|
|
|
|
|
*/
|
|
|
|
|
export const BoardModal = (props: BoardModalProps) =>
|
|
|
|
|
{
|
|
|
|
|
let configs = new Map([["lr", []]]);
|
|
|
|
|
|
|
|
|
|
let store = props.store;
|
|
|
|
|
//模态框字典
|
|
|
|
|
const m_ModalMap = new Map([
|
|
|
|
@ -50,7 +52,10 @@ export const BoardModal = (props: BoardModalProps) =>
|
|
|
|
|
[BoardModalType.Ve, <VerticalBoardModal store={store as VerticalBoardStore} />],
|
|
|
|
|
])
|
|
|
|
|
return (
|
|
|
|
|
<div className="pt-dialog-container" id="behindBr" onKeyDown={(e) => e.stopPropagation()} >
|
|
|
|
|
<div
|
|
|
|
|
className="pt-dialog-container"
|
|
|
|
|
id="boardModal"
|
|
|
|
|
onKeyDown={(e) => e.stopPropagation()} >
|
|
|
|
|
<div className="pt-dialog">
|
|
|
|
|
<div
|
|
|
|
|
className="pt-dialog-header"
|
|
|
|
@ -75,16 +80,33 @@ export const BoardModal = (props: BoardModalProps) =>
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
<div className="pt-dialog-footer">
|
|
|
|
|
<label className="pt-label pt-inline .modifier">
|
|
|
|
|
<div className="cf-select">
|
|
|
|
|
<label>选择配置</label>
|
|
|
|
|
<input list="configs" />
|
|
|
|
|
<datalist id="configs">
|
|
|
|
|
<option value="Chrome" />>
|
|
|
|
|
<option value="Firefox" />>
|
|
|
|
|
<option value="Internet Explorer" />
|
|
|
|
|
<option value="Opera" />>
|
|
|
|
|
<option value="Safari" />>
|
|
|
|
|
<option value="Microsoft Edge" />>
|
|
|
|
|
</datalist>
|
|
|
|
|
</div>
|
|
|
|
|
<button type="button" className="pt-button pt-intent-success">保存</button>
|
|
|
|
|
<button type="button" className="pt-button pt-intent-danger">删除</button>
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
|
|
<div className="pt-dialog-footer-actions">
|
|
|
|
|
<Button
|
|
|
|
|
className="LeftRightBtn"
|
|
|
|
|
className="LeftRightBtn pt-intent-success"
|
|
|
|
|
text="确定"
|
|
|
|
|
onClick={() =>
|
|
|
|
|
{
|
|
|
|
|
store.OnOk(ModalState.Ok);
|
|
|
|
|
}} />
|
|
|
|
|
|
|
|
|
|
<Button className="LeftRightBtn" text="取消" onClick={() =>
|
|
|
|
|
<Button className="LeftRightBtn pt-intent-danger" text="取消" onClick={() =>
|
|
|
|
|
{
|
|
|
|
|
store.OnOk(ModalState.Cancel);
|
|
|
|
|
}} />
|
|
|
|
@ -95,3 +117,5 @@ export const BoardModal = (props: BoardModalProps) =>
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|