@chief-editor/brick-control/lib/brick/ChartLegendPosition/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 o in t=arguments[a])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);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"),PositionTop=function(e){var t=e.style,a=e.active;return react_1.default.createElement("svg",{style:t,width:"12px",height:"12px"},react_1.default.createElement("path",{name:"线",stroke:a?"#338aff":"#666",fill:"none",d:"M2 2 L10 2 Z"}),react_1.default.createElement("path",{name:"矩形",stroke:"#666",fill:"none",d:"M2 5 L10 5 L10 10 L2 10 Z"}))};function ChartLegendPositionBrick(e){var t=e.config.props,a=t.disabled,r=void 0!==a&&a,o=t.readonly,i=void 0!==o&&o,n=e.styles,u=e.setValue,l=e.layout,s=e.value,c=e.creator,_=use_1.useRefCallback((function(e){return u(e||"")}));return react_1.default.createElement(ui_1.RadioGroup,{"data-id":c,style:__assign(__assign({},l),n),value:s,disabled:r||i,onValueChange:_},react_1.default.createElement(ui_1.RadioGroup.Button,{value:"top"},react_1.default.createElement(PositionTop,{active:"top"===s})),react_1.default.createElement(ui_1.RadioGroup.Button,{value:"right"},react_1.default.createElement(PositionTop,{style:{transform:"rotate(90deg)"},active:"right"===s})),react_1.default.createElement(ui_1.RadioGroup.Button,{value:"bottom"},react_1.default.createElement(PositionTop,{style:{transform:"rotate(180deg)"},active:"bottom"===s})),react_1.default.createElement(ui_1.RadioGroup.Button,{value:"left"},react_1.default.createElement(PositionTop,{style:{transform:"rotate(270deg)"},active:"left"===s})))}exports.ChartLegendPositionBrick=ChartLegendPositionBrick;