@chief-editor/brick-control/lib/brick/SlideSize/Brick.js

Control Brick for chief editor

"use strict";var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,a=1,r=arguments.length;a<r;a++)for(var i in t=arguments[a])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)Object.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t.default=e,t};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__importStar(require("react")),ui_1=require("@chief-editor/ui"),use_1=require("@rc-hooks/use");function SlideSizeBrick(e){var t=e.styles,a=e.setValue,r=e.layout,i=e.value,l=e.creator;return react_1.default.createElement("div",{"data-id":l,style:__assign({display:"flex"},r)},react_1.default.createElement(exports.SlideSizeComponent,{style:t,value:i,onValueChange:a}))}exports.slideSizeTypeMap={screen4x3:[1024,768],screen16x9:[1280,720],screenA4Vertical:[1240,1754],custom:null},exports.SlideSizeComponent=function(e){var t=e.value,a=e.onValueChange,r=e.style,i=react_1.useState(t.type),l=i[0],n=i[1],u=use_1.useRefCallback(a);react_1.useEffect((function(){return n(t.type)}),[t.type]);var c=react_1.useCallback((function(e,a){void 0===a&&(a=!1);var r=t.width,i=t.height;a?i=e:r=e,u(__assign(__assign({},t),{width:r,height:i}))}),[t,l]),s=use_1.useRefCallback((function(e){var a,r=e,i=t.width,l=t.height;"custom"!==e&&(i=(a=exports.slideSizeTypeMap[r])[0],l=a[1]),u({type:r,width:i,height:l})})),o=react_1.useCallback((function(e){return c(e)}),[t,l]),_=react_1.useCallback((function(e){return c(e,!0)}),[t,l]);return react_1.default.createElement("div",{style:__assign({display:"flex",flex:"none",flexDirection:"column"},r)},react_1.default.createElement(ui_1.Select,{value:l,onValueChange:s},react_1.default.createElement(ui_1.Select.Option,{value:"screen16x9",label:"宽屏幕 16:9"}),react_1.default.createElement(ui_1.Select.Option,{value:"screen4x3",label:"标准 4:3"}),react_1.default.createElement(ui_1.Select.Option,{value:"custom",label:"自定义"})),react_1.default.createElement("div",{style:{marginTop:14,display:"flex",alignItems:"center"}},react_1.default.createElement(ui_1.InputNumber,{prefix:"W",onValueChange:o,min:0,disabled:"custom"!==l,value:t.width,style:{marginRight:"9px",width:100,flex:"none"}}),react_1.default.createElement(ui_1.InputNumber,{prefix:"H",onValueChange:_,value:t.height,disabled:"custom"!==l,min:0,style:{marginRight:"4px",width:100,flex:"none"}})))},exports.SlideSizeBrick=SlideSizeBrick;