@chief-editor/brick-control/es/brick/ChartLegendIcon/Brick.js

Control Brick for chief editor

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)};import React from"react";import{RadioGroup}from"@chief-editor/ui";import{useRefCallback}from"@rc-hooks/use";var commonSyl={width:12,height:12,border:"solid 1px #666"};export function ChartLegendIconBrick(e){var t=e.config.props,a=t.disabled,r=void 0!==a&&a,i=t.readonly,n=void 0!==i&&i,o=e.styles,s=e.setValue,l=e.layout,c=e.value,d=e.creator,u=useRefCallback((function(e){return s(e||"")}));return React.createElement(RadioGroup,{"data-id":d,style:__assign(__assign(__assign({},l),o),{display:"flex",alignItems:"center"}),value:c,disabled:r||n,onValueChange:u},React.createElement(RadioGroup.Button,{value:"rect"},React.createElement("div",{style:__assign(__assign({},commonSyl),{height:10,width:10})})),React.createElement(RadioGroup.Button,{value:"circle"},React.createElement("div",{style:__assign(__assign({},commonSyl),{borderRadius:"50%"})})),React.createElement(RadioGroup.Button,{value:"triangle"},React.createElement("svg",{width:"12px",height:"12px",style:{height:12,width:12}},React.createElement("path",{name:"三角形",stroke:"#666",fill:"none",d:"M6 1 L1 11 L11 11 Z"}))),React.createElement(RadioGroup.Button,{value:"diamond"},React.createElement("div",{style:__assign(__assign({},commonSyl),{transform:"rotateZ(45deg)",height:8,width:8})})))}