@chief-editor/preview
Version:
FlowEditor Editor
1 lines • 1.54 kB
JavaScript
;var __importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t};Object.defineProperty(exports,"__esModule",{value:!0});var util_1=require("@co-hooks/util"),react_1=__importStar(require("react")),useTemplate_1=require("../hooks/useTemplate");function BrickContainerRender(e){var t,r=e.node,a=e.children,i=e.style,c=void 0===i?{}:i,n=e.className,s=useTemplate_1.useTemplate().getBrickByNode(r),l=s.status,o=react_1.useState((function(){return s.isActiveBrick()})),u=o[0],p=o[1],f=s.isContainer();react_1.useEffect((function(){return s.addListener("active-change",p),function(){s.removeListener("active-change",p)}}),[s]);var d=util_1.classnames(((t={"ce-preview":!0})["ce-preview-"+l.toString().toLowerCase()]=!0,t["ce-preview-edit"]=null!=s.diffs,t["ce-preview-active"]=u,t["ce-preview-container"]=f,t),n),v=react_1.useCallback((function(e){e.stopPropagation(),s.setActive()}),[s]),_=react_1.useCallback((function(){var e=s.getOwnerTemplate();e.emit("show-prop-update",e.getActiveBrickDiffInfo())}),[s]);return react_1.default.createElement("div",{className:d,style:c,onClick:v},react_1.default.createElement("span",{className:"ce-preview-tag"},react_1.default.createElement("span",{className:"tag-info"},"type=",s.brickType," ",s.label,"(",s.field,")"),react_1.default.createElement("span",{className:"tag-prop-update",onClick:_},"查看属性更新")),a)}exports.BrickContainerRender=BrickContainerRender;