|
@@ -13,10 +13,11 @@ import type { ReactElement } from 'react';
|
|
|
|
|
|
const Layout = ({children}: {children: any}) => <ul className={style['tagging-transfer']}>{children}</ul>;
|
|
const Layout = ({children}: {children: any}) => <ul className={style['tagging-transfer']}>{children}</ul>;
|
|
|
|
|
|
-type ItemProps = { value: Tagging, checked: boolean, onChange: (checked: boolean) => void, append?: ReactElement }
|
|
|
|
-const Item = ({ value, append, checked, onChange }: ItemProps) => {
|
|
|
|
|
|
+type ItemProps = { value: Tagging, checked: boolean, onChange: (checked: boolean) => void, append?: ReactElement, showIndex: number }
|
|
|
|
+const Item = ({ value, append, checked, onChange, showIndex }: ItemProps) => {
|
|
return (
|
|
return (
|
|
<li className={style['sort-item'] + ' ' + (append ? style["sort-bar-parent"] : '')}>
|
|
<li className={style['sort-item'] + ' ' + (append ? style["sort-bar-parent"] : '')}>
|
|
|
|
+ <span>{ showIndex + 1 }. </span>
|
|
<Checkbox checked={checked} onChange={(e) => onChange(e.target.checked)}>
|
|
<Checkbox checked={checked} onChange={(e) => onChange(e.target.checked)}>
|
|
{value.tagTitle}
|
|
{value.tagTitle}
|
|
</Checkbox>
|
|
</Checkbox>
|
|
@@ -62,6 +63,7 @@ export const SortTransfer = ({ onChangeSort, ...restProps }: TableTransferProps)
|
|
value={item.data}
|
|
value={item.data}
|
|
key={item.data.tagId}
|
|
key={item.data.tagId}
|
|
index={index}
|
|
index={index}
|
|
|
|
+ showIndex={index}
|
|
checked={listSelectedKeys.some(key => key === item.key)}
|
|
checked={listSelectedKeys.some(key => key === item.key)}
|
|
onChange={(check) => onItemSelect(item.key, check)}
|
|
onChange={(check) => onItemSelect(item.key, check)}
|
|
/>
|
|
/>
|