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

Control Brick for chief editor

var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var r in t=arguments[a])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};import React from"react";import{RadioGroup}from"@chief-editor/ui";import{useRefCallback}from"@rc-hooks/use";var PositionTop=function(e){var t=e.style,a=e.active;return React.createElement("svg",{style:t,width:"12px",height:"12px"},React.createElement("path",{name:"线",stroke:a?"#338aff":"#666",fill:"none",d:"M2 2 L10 2 Z"}),React.createElement("path",{name:"矩形",stroke:"#666",fill:"none",d:"M2 5 L10 5 L10 10 L2 10 Z"}))};export function ChartLegendPositionBrick(e){var t=e.config.props,a=t.disabled,o=void 0!==a&&a,r=t.readonly,n=void 0!==r&&r,i=e.styles,c=e.setValue,l=e.layout,s=e.value,u=e.creator,p=useRefCallback((function(e){return c(e||"")}));return React.createElement(RadioGroup,{"data-id":u,style:__assign(__assign({},l),i),value:s,disabled:o||n,onValueChange:p},React.createElement(RadioGroup.Button,{value:"top"},React.createElement(PositionTop,{active:"top"===s})),React.createElement(RadioGroup.Button,{value:"right"},React.createElement(PositionTop,{style:{transform:"rotate(90deg)"},active:"right"===s})),React.createElement(RadioGroup.Button,{value:"bottom"},React.createElement(PositionTop,{style:{transform:"rotate(180deg)"},active:"bottom"===s})),React.createElement(RadioGroup.Button,{value:"left"},React.createElement(PositionTop,{style:{transform:"rotate(270deg)"},active:"left"===s})))}