@chief-editor/brick-control/lib/brick/SwitchChart/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"),icons_1=require("@byte-design/icons");function SwitchChartBrick(e){var t=e.styles,a=e.layout,r=e.creator,i=e.dispatchEvent,n={width:"25px",height:"24px",fontSize:"12px",marginLeft:0,padding:0},u=(0,e.getByExpression)("$model.type"),l=react_1.useCallback((function(e){e&&i("switchChart",{type:e})}),[i]);return react_1.default.createElement("div",{"data-id":r,style:__assign(__assign({},t),a)},react_1.default.createElement(ui_1.RadioGroup,{value:u,type:"button",onValueChange:l},react_1.default.createElement(ui_1.RadioGroup.Button,{style:n,value:"ChartLine"},react_1.default.createElement(icons_1.ChartLine,null)),react_1.default.createElement(ui_1.RadioGroup.Button,{style:n,value:"ChartBar"},react_1.default.createElement(icons_1.ChartHistogram,null)),react_1.default.createElement(ui_1.RadioGroup.Button,{style:n,value:"ChartPie"},react_1.default.createElement(icons_1.ChartPie,null)),react_1.default.createElement(ui_1.RadioGroup.Button,{style:n,value:"ChartCompareBar"},react_1.default.createElement(icons_1.ChartHistogramOne,null)),react_1.default.createElement(ui_1.RadioGroup.Button,{style:n,value:"ChartWordCloud"},react_1.default.createElement(icons_1.Fog,null)),react_1.default.createElement(ui_1.RadioGroup.Button,{style:n,value:"ChartTreeMap"},react_1.default.createElement(icons_1.TextureTwo,null))))}exports.SwitchChartBrick=SwitchChartBrick;