@chief-editor/brick-control
Version:
Control Brick for chief editor
1 lines • 1.48 kB
JavaScript
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 n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)};import React,{useCallback}from"react";import{RadioGroup}from"@chief-editor/ui";import{ChartHistogram,ChartHistogramOne,ChartLine,ChartPie,Fog,TextureTwo}from"@byte-design/icons";export function SwitchChartBrick(e){var t=e.styles,a=e.layout,r=e.creator,n=e.dispatchEvent,o={width:"25px",height:"24px",fontSize:"12px",marginLeft:0,padding:0},l=(0,e.getByExpression)("$model.type"),i=useCallback((function(e){e&&n("switchChart",{type:e})}),[n]);return React.createElement("div",{"data-id":r,style:__assign(__assign({},t),a)},React.createElement(RadioGroup,{value:l,type:"button",onValueChange:i},React.createElement(RadioGroup.Button,{style:o,value:"ChartLine"},React.createElement(ChartLine,null)),React.createElement(RadioGroup.Button,{style:o,value:"ChartBar"},React.createElement(ChartHistogram,null)),React.createElement(RadioGroup.Button,{style:o,value:"ChartPie"},React.createElement(ChartPie,null)),React.createElement(RadioGroup.Button,{style:o,value:"ChartCompareBar"},React.createElement(ChartHistogramOne,null)),React.createElement(RadioGroup.Button,{style:o,value:"ChartWordCloud"},React.createElement(Fog,null)),React.createElement(RadioGroup.Button,{style:o,value:"ChartTreeMap"},React.createElement(TextureTwo,null))))}