42 lines
1.7 KiB
TypeScript
42 lines
1.7 KiB
TypeScript
import {Textarea, View } from "@tarojs/components";
|
|
import { memo, useMemo, useState } from "react";
|
|
import styles from './index.module.scss'
|
|
import classnames from "classnames";
|
|
|
|
//其他说明
|
|
type Param = {
|
|
onChange: (val: string) => void
|
|
}
|
|
export default memo(({onChange}:Param) => {
|
|
const [descData, setDescData] = useState({
|
|
number: 0,
|
|
value: '',
|
|
count: 200,
|
|
show: false
|
|
})
|
|
const getDesc = (e) => {
|
|
let value = e.detail.value
|
|
let res = value
|
|
if(value.length > descData.count) {
|
|
res = value.slice(0, descData.count)
|
|
}
|
|
setDescData({...descData, number:res.length, value: res})
|
|
onChange?.(res)
|
|
}
|
|
|
|
const toggleShowRealTextarea = (show) => {
|
|
setDescData({...descData, show:show})
|
|
}
|
|
return (
|
|
<View className={styles.other_desc}>
|
|
<View className={styles.title}>其他说明</View>
|
|
<View className={styles.textarea}>
|
|
{descData.show&&<Textarea autoFocus value={descData.value} onBlur={() => toggleShowRealTextarea(false)} className={styles.textarea_con} cursorSpacing={100} maxlength={descData.count} onInput={(e) => getDesc(e)}></Textarea>||
|
|
<View className={classnames(styles.textarea_con_pretend, descData.value&&styles.textarea_con_pretend_ed)} onClick={() => toggleShowRealTextarea(true)}>{descData.value||'一般情况下选填，当退货说明=“其它问题”时，必填'}</View>
|
|
}
|
|
<View className={styles.descDataNum}>{descData.number +'/'+ descData.count}</View>
|
|
</View>
|
|
</View>
|
|
)
|
|
})
|