🎈 perf(InputX组件): 修复input 组件输入过快会出现闪烁的问题

This commit is contained in:
xuan
2022-11-23 19:35:32 +08:00
parent 457d109d37
commit 425eb9e3ae
11 changed files with 59 additions and 35 deletions
+2 -2
View File
@@ -24,7 +24,7 @@ export default () => {
const { fetchData: clitentFetch, state: orderState } = mpcashManagementOrderaccount()
//数据加载状态
const statusMore = useMemo(() => {
return dataLoadingStatus({ list: clentList.list, total: clentList.total, status: orderState.loading })
return dataLoadingStatus({ list: clentList.list, total: clentList.total, status: orderState.loading! })
}, [clentList, orderState])
const [clientObj, setclientObj] = useState({
@@ -149,4 +149,4 @@ export default () => {
</View>
)
}
}
+2 -2
View File
@@ -86,7 +86,7 @@ export default () => {
}
//数据加载状态
const statusMore = useMemo(() => {
return dataLoadingStatus({ list: orderData.list, total: orderData.total, status: orderState.loading })
return dataLoadingStatus({ list: orderData.list, total: orderData.total, status: orderState.loading! })
}, [orderData, orderState])
//上拉加载数据
@@ -314,7 +314,7 @@ export default () => {
return (
<>
<View style={{ background: '#FFFFFF', paddingLeft: '20rpx', paddingBottom: '20rpx', position: 'sticky', top: '0', zIndex: '99' }}>
<Search placeholder='搜索商品/名称/颜色/订单号' showBtn={false} changeOnSearch={getSearchData} debounceTime={300} >
<Search placeholder='搜索商品/名称/颜色/订单号' showBtn={false} changeOnSearch={getSearchData} >
<View className={styles.flexBox} onClick={() => showSelctPopup()}>
<IconFont name='icon-shaixuan' size={35} color={!isDisabled ? '#0D7CFF' : ''} customClassName={styles['activeshaixuan']} />
{/* <View className={classnames('iconfont', 'icon-shaixuan', !isDisabled ? styles.icon_shaixuan : styles.activeshaixuan)}></View> */}
+3 -3
View File
@@ -24,7 +24,7 @@ export default () => {
const { fetchData: clitentFetch, state: orderState } = mpenumsaleUserlist()
//数据加载状态
const statusMore = useMemo(() => {
return dataLoadingStatus({ list: clentList.list, total: clentList.total, status: orderState.loading })
return dataLoadingStatus({ list: clentList.list, total: clentList.total, status: orderState.loading! })
}, [clentList, orderState])
const [clientObj, setclientObj] = useState({
@@ -120,7 +120,7 @@ export default () => {
<View className={styles.cussBox}>
<View className={styles.searchBox}>
<View className={styles.two}>
<Search placeholder='请输入业务员名称' showBtn={false} changeOnSearch={getSearchData} debounceTime={300} />
<Search placeholder='请输入业务员名称' showBtn={false} changeOnSearch={getSearchData} />
</View>
</View>
@@ -148,4 +148,4 @@ export default () => {
</View>
)
}
}
+1 -1
View File
@@ -355,7 +355,7 @@ export default memo(() => {
return (
<View className={styles.main}>
<View className={styles.topBox}>
<Search placeholder='请输入搜索布料' defaultValue={defaultvalue} showBtn={false} changeOnSearch={getSearchData} debounceTime={300} >
<Search placeholder='请输入搜索布料' defaultValue={defaultvalue} showBtn={false} changeOnSearch={getSearchData} >
<View className={styles.cancelFont} onClick={() => back()}>取消</View>
</Search>
</View>
+1 -1
View File
@@ -227,7 +227,7 @@ const ShoppingCartContainer: FC = () => {
return (
<View className={classnames('flex-col', styles.shopping)} id='shoppingContainer'>
<View className={styles['shopping--topBar']} id='topBar'>
<Search placeholder='请输入客户名称' showBtn={false} changeOnSearch={getSearchData} debounceTime={300}>
<Search placeholder='请输入客户名称' showBtn={false} changeOnSearch={getSearchData}>
<View className={styles.flexBox} onClick={onStartToManage}>
{isManageStatus ? (
<IconText svg iconName='icon-guanlidingdan' text='取消' color='#4581ff' customClass={styles['icon--manage--cancel']} />