jjb-lc-designable
Version:
基于alibaba-designable源码二次封装的表单设计器。
18 lines • 1.31 kB
JavaScript
import React from 'react';
import cls from 'classnames';
import { useDesigner, usePrefix } from '../../hooks';
export const ResizeHandler = props => {
const designer = useDesigner();
const prefix = usePrefix('aux-node-resize-handler');
const createHandler = value => {
return {
[designer.props.nodeResizeHandlerAttrName]: value,
className: cls(prefix, value)
};
};
const allowResize = props.node.allowResize();
if (!allowResize) return null;
const allowX = allowResize.includes('x');
const allowY = allowResize.includes('y');
return /*#__PURE__*/React.createElement(React.Fragment, null, allowX && /*#__PURE__*/React.createElement("div", createHandler('left-center')), allowX && /*#__PURE__*/React.createElement("div", createHandler('right-center')), allowY && /*#__PURE__*/React.createElement("div", createHandler('center-top')), allowY && /*#__PURE__*/React.createElement("div", createHandler('center-bottom')), allowX && allowY && /*#__PURE__*/React.createElement("div", createHandler('left-top')), allowY && allowY && /*#__PURE__*/React.createElement("div", createHandler('right-top')), allowX && allowY && /*#__PURE__*/React.createElement("div", createHandler('left-bottom')), allowY && allowY && /*#__PURE__*/React.createElement("div", createHandler('right-bottom')));
};