linfeng
/
staff_data
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add

This commit is contained in:
ditiqi 2025-02-25 22:31:42 +08:00
parent 0caf57cdff
commit 76ef17163c
1 changed files with 3 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
apps/web/src/components/models/term/term-select.tsx
View File

@ -15,11 +15,9 @@ interface TermSelectProps {
defaultValue?: string | string[]; defaultValue?: string | string[];
value?: string | string[]; value?: string | string[];
onChange?: (value: string | string[]) => void; onChange?: (value: string | string[]) => void;
placeholder?: string;
multiple?: boolean; multiple?: boolean;
taxonomyId?: string; taxonomyId?: string;
disabled?: boolean; disabled?: boolean;
className?: string;
domainId?: string; domainId?: string;
dropdownStyle?: React.CSSProperties; dropdownStyle?: React.CSSProperties;
style?: React.CSSProperties; style?: React.CSSProperties;
@ -34,7 +32,6 @@ export default function TermSelect({
defaultValue, defaultValue,
value, value,
onChange, onChange,
className,
placeholder = "选择分类", placeholder = "选择分类",
multiple = false, multiple = false,
taxonomyId, taxonomyId,
@ -45,7 +42,8 @@ export default function TermSelect({
style, style,
disabled = false, disabled = false,
dropdownRender, dropdownRender,
}: TermSelectProps) { ...treeSelectProps
}: TermSelectProps & TreeSelectProps) {
const utils = api.useUtils(); const utils = api.useUtils();
const [listTreeData, setListTreeData] = useState< const [listTreeData, setListTreeData] = useState<
Omit<DefaultOptionType, "label">[] Omit<DefaultOptionType, "label">[]
@ -179,9 +177,6 @@ export default function TermSelect({
<TreeSelect <TreeSelect
treeDataSimpleMode treeDataSimpleMode
disabled={disabled} disabled={disabled}
showSearch={showSearch}
allowClear
style={style}
// ref={selectRef} // ref={selectRef}
dropdownStyle={{ dropdownStyle={{
width: "300px", // 固定宽度 width: "300px", // 固定宽度
@ -189,11 +184,8 @@ export default function TermSelect({
maxWidth: "600px", // 最大宽度 maxWidth: "600px", // 最大宽度
...dropdownStyle, ...dropdownStyle,
}} }}
dropdownRender={dropdownRender}
defaultValue={defaultValue} defaultValue={defaultValue}
value={value} value={value}
open={open}
className={className}
placeholder={placeholder} placeholder={placeholder}
onChange={handleChange} onChange={handleChange}
loadData={onLoadData} loadData={onLoadData}
@ -204,6 +196,7 @@ export default function TermSelect({
onClear={() => handleChange(multiple ? [] : undefined)} onClear={() => handleChange(multiple ? [] : undefined)}
onTreeExpand={handleExpand} onTreeExpand={handleExpand}
onDropdownVisibleChange={handleDropdownVisibleChange} onDropdownVisibleChange={handleDropdownVisibleChange}
{...treeSelectProps}
/> />
); );
} }