2024-09-22 22:24:35 +05:30
|
|
|
import Widget from "../../../canvas/widgets/base"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
class Frame extends Widget{
|
|
|
|
|
|
|
|
|
|
static widgetType = "frame"
|
|
|
|
|
|
|
|
|
|
constructor(props) {
|
|
|
|
|
super(props)
|
|
|
|
|
|
|
|
|
|
this.droppableTags = {
|
|
|
|
|
exclude: ["image", "video", "media"]
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.state = {
|
|
|
|
|
...this.state,
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
componentDidMount(){
|
|
|
|
|
super.componentDidMount()
|
|
|
|
|
this.setAttrValue("styling.backgroundColor", "#EDECEC")
|
|
|
|
|
this.setWidgetName("frame")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
renderContent(){
|
|
|
|
|
return (
|
2024-09-24 21:49:26 +05:30
|
|
|
<div className="tw-w-flex tw-flex-col tw-w-full tw-h-full tw-relative tw-rounded-md tw-overflow-hidden">
|
2024-09-22 22:24:35 +05:30
|
|
|
<div className="tw-p-2 tw-w-full tw-h-full tw-content-start" style={this.state.widgetStyling}>
|
|
|
|
|
{this.props.children}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default Frame
|