jjb-lc-designable
Version:
基于alibaba-designable源码二次封装的表单设计器。
32 lines • 1.36 kB
JavaScript
import React, { useState, useEffect } from 'react';
import { usePrefix } from 'jjb-lc-designable/react';
import cls from 'classnames';
import './styles.less';
export const CornerInput = props => {
const prefix = usePrefix('corner-input');
const [current, setCurrent] = useState(props.value);
useEffect(() => {
if (!props.value) {
setCurrent('all');
}
}, [props.value]);
const createCellProps = type => ({
className: cls(prefix + '-cell', {
active: current === type
}),
onClick() {
setCurrent(type);
props.onChange?.(type);
}
});
return /*#__PURE__*/React.createElement("div", {
className: cls(prefix, props.className),
style: props.style
}, /*#__PURE__*/React.createElement("div", {
className: prefix + '-column'
}, /*#__PURE__*/React.createElement("div", createCellProps('topLeft'), "\u250F"), /*#__PURE__*/React.createElement("div", createCellProps('bottomLeft'), "\u2517")), /*#__PURE__*/React.createElement("div", {
className: prefix + '-column'
}, /*#__PURE__*/React.createElement("div", createCellProps('all'), "\u254B")), /*#__PURE__*/React.createElement("div", {
className: prefix + '-column'
}, /*#__PURE__*/React.createElement("div", createCellProps('topRight'), "\u2513"), /*#__PURE__*/React.createElement("div", createCellProps('bottomRight'), "\u251B")));
};