chore: depoly model ux

This commit is contained in:
jialin
2024-08-09 10:26:46 +08:00
parent a04773d487
commit ab8483fc42
18 changed files with 568 additions and 49 deletions
+1 -1
View File
@@ -1,7 +1,7 @@
import { createFromIconfontCN } from '@ant-design/icons';
const IconFont = createFromIconfontCN({
scriptUrl: '//at.alicdn.com/t/c/font_4613488_cpb5yo1pk77.js'
scriptUrl: '//at.alicdn.com/t/c/font_4613488_rsdrbzw4fyd.js'
});
export default IconFont;
+22
View File
@@ -0,0 +1,22 @@
.radio-button-wrap {
.item {
display: flex;
justify-content: center;
align-items: center;
font-size: var(--font-size-base);
padding: 2px;
border-radius: var(--border-radius-base);
height: 40px;
width: 40px;
border: 1px solid var(--ant-color-border);
cursor: pointer;
&.active {
background-color: var(--ant-color-fill-secondary);
}
&:hover {
background-color: var(--ant-color-fill-secondary);
}
}
}
+29
View File
@@ -0,0 +1,29 @@
import { Space } from 'antd';
import classNames from 'classnames';
import React from 'react';
import './index.less';
interface RadioButtonsProps {
options: { value: any; label: React.ReactNode }[];
value: string;
gap?: number;
onChange: (value: string) => void;
}
const RadioButtons: React.FC<RadioButtonsProps> = (props) => {
const { options, value, onChange, gap = 12 } = props;
return (
<Space className="radio-button-wrap" size={gap}>
{options.map((option) => (
<span
key={option.value}
onClick={() => onChange(option.value)}
className={classNames('item', { active: value === option.value })}
>
{option.label}
</span>
))}
</Space>
);
};
export default RadioButtons;
+1
View File
@@ -81,6 +81,7 @@ const SealInput: React.FC<InputProps & SealFormItemProps> = (props) => {
>
<Input
{...rest}
placeholder={isFocus ? placeholder : ''}
ref={inputRef}
autoComplete="off"
onInput={handleInput}