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