Skip to content

N
nutui-react

京东前端 / nutui-react

通知 0
Star 2
Fork 0
N
nutui-react

体验新版 GitCode，发现更多精彩内容 >>

提交 456df07d 编写于 作者: O oasis-cloud
浏览文件
操作

fix: timeselect eslint

上级 e781363b
隐藏空白更改
内联 并排
Showing with 40 addition and 36 deletion
src/packages/timeselect/demo.tsx
浏览文件 @ 456df07d
......@@ -32,16 +32,16 @@ const TimeSelectDemo = () => {
SetVisible1(true)
}
// 点击弹层 X 或者弹层外区域触发事件
const handleSelect = (selectTimeData) => {
const handleSelect = (selectTimeData: any) => {
SetVisible1(false)
Toast.text(`您选择了: ${JSON.stringify(selectTimeData)}`)
}
// 选择日期触发回调事件
const handlePannelChange = (pannelKey, selectTimeData) => {
const handlePannelChange = (pannelKey: any, selectTimeData: any) => {
console.log('pannelKey, selectTimeData: ', pannelKey, selectTimeData)
}
// 选择配送时间触发回调事件
const handleTimeChange = (time, selectTimeData) => {
const handleTimeChange = (time: any, selectTimeData: any) => {
console.log('time, selectTimeData: ', time, selectTimeData)
}
return (
......
src/packages/timeselect/doc.en-US.md
浏览文件 @ 456df07d
......@@ -80,6 +80,7 @@ const TimeSelectDemo = () => {
export default TimeSelectDemo
```
:::
## API
......@@ -88,10 +89,10 @@ export default TimeSelectDemo
| 字段 | 说明 | 是否必传 | 类型 | 默认值 |
|------------------------|----------------------------------------------------|--------|------------|---------|
| visible | 是否显示弹层 | 是 | Boolean | `false`
| height | 弹层的高度 | 否 | String | `20%`
| title | 弹层标题 | 否 | String | `取件时间`
| multiple | 是否选择多个日期时间 | 否 | String | `false`
| visible | 是否显示弹层 | 是 | Boolean | `false`|
| height | 弹层的高度 | 否 | String | `20%`|
| title | 弹层标题 | 否 | String | `取件时间`|
| multiple | 是否选择多个日期时间 | 否 | String | `false`|
| currentKey | 唯一标识 | 否 | String、Number | `0` |
| dates | 选择日期面板的数据 | 是 | [] | `` |
| times | 选择时间面板的数据 | 是 | [] | `` |
......@@ -100,16 +101,15 @@ export default TimeSelectDemo
| 字段 | 说明 | 类型 | 默认值 |
|------------------------|----------------------------------------------------------------|---------|------|
| date | 显示的名称 | String | ``
| pannel-key | 唯一标识，和 currentKey 一起标识当前选择的天 | Number、String | `0`
| date | 显示的名称 | String | ``|
| pannel-key | 唯一标识，和 currentKey 一起标识当前选择的天 | Number、String | `0`|
### times
| 字段 | 说明 | 类型 | 默认值 |
|------------------------|----------------------------------------------------------------|---------|------|
| key | 唯一标识，和 pannel-key、currentKey 一起标识当前选择的天 | Array | `[]`
| list | 可选时间列表 | Array | `[]`
| key | 唯一标识，和 pannel-key、currentKey 一起标识当前选择的天 | Array | `[]`|
| list | 可选时间列表 | Array | `[]`|
### TimeSelect Event
......
src/packages/timeselect/doc.md
浏览文件 @ 456df07d
......@@ -80,6 +80,7 @@ const TimeSelectDemo = () => {
export default TimeSelectDemo
```
:::
## API
......@@ -88,10 +89,10 @@ export default TimeSelectDemo
| 字段 | 说明 | 是否必传 | 类型 | 默认值 |
|------------------------|----------------------------------------------------|--------|------------|---------|
| visible | 是否显示弹层 | 是 | Boolean | `false`
| height | 弹层的高度 | 否 | String | `20%`
| title | 弹层标题 | 否 | String | `取件时间`
| multiple | 是否选择多个日期时间 | 否 | String | `false`
| visible | 是否显示弹层 | 是 | Boolean | `false`|
| height | 弹层的高度 | 否 | String | `20%`|
| title | 弹层标题 | 否 | String | `取件时间`|
| multiple | 是否选择多个日期时间 | 否 | String | `false`|
| currentKey | 唯一标识 | 否 | String、Number | `0` |
| dates | 选择日期面板的数据 | 是 | [] | `` |
| times | 选择时间面板的数据 | 是 | [] | `` |
......@@ -100,16 +101,15 @@ export default TimeSelectDemo
| 字段 | 说明 | 类型 | 默认值 |
|------------------------|----------------------------------------------------------------|---------|------|
| date | 显示的名称 | String | ``
| pannel-key | 唯一标识，和 currentKey 一起标识当前选择的天 | Number、String | `0`
| date | 显示的名称 | String | ``|
| pannel-key | 唯一标识，和 currentKey 一起标识当前选择的天 | Number、String | `0`|
### times
| 字段 | 说明 | 类型 | 默认值 |
|------------------------|----------------------------------------------------------------|---------|------|
| key | 唯一标识，和 pannel-key、currentKey 一起标识当前选择的天 | Array | `[]`
| list | 可选时间列表 | Array | `[]`
| key | 唯一标识，和 pannel-key、currentKey 一起标识当前选择的天 | Array | `[]`|
| list | 可选时间列表 | Array | `[]`|
### TimeSelect Event
......
src/packages/timeselect/doc.zh-TW.md
浏览文件 @ 456df07d
......@@ -80,6 +80,7 @@ const TimeSelectDemo = () => {
export default TimeSelectDemo
```
:::
## API
......@@ -88,10 +89,10 @@ export default TimeSelectDemo
| 字段 | 说明 | 是否必传 | 类型 | 默认值 |
|------------------------|----------------------------------------------------|--------|------------|---------|
| visible | 是否显示弹层 | 是 | Boolean | `false`
| height | 弹层的高度 | 否 | String | `20%`
| title | 弹层标题 | 否 | String | `取件时间`
| multiple | 是否选择多个日期时间 | 否 | String | `false`
| visible | 是否显示弹层 | 是 | Boolean | `false`|
| height | 弹层的高度 | 否 | String | `20%`|
| title | 弹层标题 | 否 | String | `取件时间`|
| multiple | 是否选择多个日期时间 | 否 | String | `false`|
| currentKey | 唯一标识 | 否 | String、Number | `0` |
| dates | 选择日期面板的数据 | 是 | [] | `` |
| times | 选择时间面板的数据 | 是 | [] | `` |
......@@ -100,16 +101,15 @@ export default TimeSelectDemo
| 字段 | 说明 | 类型 | 默认值 |
|------------------------|----------------------------------------------------------------|---------|------|
| date | 显示的名称 | String | ``
| pannel-key | 唯一标识，和 currentKey 一起标识当前选择的天 | Number、String | `0`
| date | 显示的名称 | String | ``|
| pannel-key | 唯一标识，和 currentKey 一起标识当前选择的天 | Number、String | `0`|
### times
| 字段 | 说明 | 类型 | 默认值 |
|------------------------|----------------------------------------------------------------|---------|------|
| key | 唯一标识，和 pannel-key、currentKey 一起标识当前选择的天 | Array | `[]`
| list | 可选时间列表 | Array | `[]`
| key | 唯一标识，和 pannel-key、currentKey 一起标识当前选择的天 | Array | `[]`|
| list | 可选时间列表 | Array | `[]`|
### TimeSelect Event
......
src/packages/timeselect/timeselect.tsx
浏览文件 @ 456df07d
import React, { FunctionComponent, useEffect, useState } from 'react'
import './timeselect.scss'
import Popup from '@/packages/popup'
import TimePannel from '../timepannel'
import TimeDetail from '../timedetail'
import TimePannel from '@/packages/timepannel'
import TimeDetail from '@/packages/timedetail'
import bem from '@/utils/bem'
import { useConfig } from '@/packages/configprovider'
import { TimeType } from '../timedetail/timedetail'
import { TimeType } from '@/packages/timedetail/timedetail'
export interface DateType {
'pannel-key'?: string | number
......@@ -22,7 +21,10 @@ export interface TimeSelectProps {
dates: DateType[]
times: TimeType[]
select?: (selectTimeData: TimeType[]) => void
pannelChange?: (pannelKey: string | number, selectTimeData: TimeType[]) => void
pannelChange?: (
pannelKey: string | number,
selectTimeData: TimeType[]
) => void
timeChange?: (time: string, selectTimeData: TimeType[]) => void
}
const defaultProps = {
......@@ -91,7 +93,9 @@ export const TimeSelect: FunctionComponent<
break
}
}
const curTimeIndex = curTimeData.list.findIndex((item: string) => String(item) === String(time))
const curTimeIndex = curTimeData.list.findIndex(
(item: string) => String(item) === String(time)
)
if (curTimeIndex === -1) {
curTimeData.list.push(time)
} else {
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或