import React from "react"; import classNames from "classnames"; import styles from "./index.less"; const horizontalOrderIcon = ( ); const verticalOrderIcon = ( ); const ItemList = [ { value: "horizontalOrder", displayName: "水平正序", icon: horizontalOrderIcon, }, { value: "verticalOrder", displayName: "垂直正序", icon: verticalOrderIcon, }, ]; export function GridLayoutDirection(props) { const { value, background, onChange } = props; const handleChange = (v) => { onChange && onChange(v); }; return (
{ItemList.map((item) => (
handleChange(item.value)} className={classNames(styles.radioItem, { [styles.itemActive]: item.value === value })} >
{item.icon}
{item.displayName}
))}
); }