🐞 fix(#1000663#16#17#18#19#20): 修复发货列表|发货详情的样式问题

This commit is contained in:
xuan
2022-11-11 11:42:31 +08:00
parent 10a304a791
commit 851902873b
18 changed files with 320 additions and 51 deletions
+1 -1
View File
@@ -177,4 +177,4 @@
height: 480px;
}
}
}
}
+225
View File
@@ -0,0 +1,225 @@
import dayjs from 'dayjs'
// import { BaseEvent } from '@tarojs/components/types/common'
// #region Calendar
declare namespace Calendar {
export type DateArg = string | number | Date
export type classNameType =
| string
| Array<string>
| { [key: string]: boolean }
export interface Mark {
value: DateArg
}
export interface ValidDate {
value: DateArg
}
export interface Item {
value: string
_value: dayjs.Dayjs
text: number
type: number
marks: Array<Mark>
isActive?: boolean
isToday?: boolean
isBeforeMin?: boolean
isAfterMax?: boolean
isDisabled?: boolean
isSelected?: boolean
isSelectedHead?: boolean
isSelectedTail?: boolean
}
export interface GroupOptions {
validDates: Array<ValidDate>
marks: Array<Mark>
format: string
selectedDates: Array<SelectedDate>
minDate?: DateArg
maxDate?: DateArg
}
export type List<T> = Array<T>
export type ListInfo<T> = {
value: number
list: List<T>
}
export interface SelectedDate {
end?: Calendar.DateArg
start: Calendar.DateArg
}
}
export default Calendar
export { Calendar }
// #endregion
// #region AtCalendar
export interface AtCalendarPropsBase {
format?: string
validDates?: Array<Calendar.ValidDate>
minDate?: Calendar.DateArg
maxDate?: Calendar.DateArg
isSwiper?: boolean
marks?: Array<Calendar.Mark>
monthFormat?: string
hideArrow?: boolean
isVertical?: boolean
className?: Calendar.classNameType
onClickPreMonth?: () => void
onClickNextMonth?: () => void
onSelectDate?: (item: { value: Calendar.SelectedDate }) => void
onDayClick?: (item: { value: string }) => void
onDayLongClick?: (item: { value: string }) => void
onMonthChange?: (value: string) => void
}
export interface AtCalendarSingleSelectedProps extends AtCalendarPropsBase {
isMultiSelect?: false
currentDate?: Calendar.DateArg
}
export interface AtCalendarMutilSelectedProps extends AtCalendarPropsBase {
isMultiSelect?: true
currentDate?: Calendar.SelectedDate
}
export type AtCalendarProps =
| AtCalendarSingleSelectedProps
| AtCalendarMutilSelectedProps
export interface AtCalendarDefaultProps {
format: string
isSwiper: boolean
validDates: Array<Calendar.ValidDate>
marks: Array<Calendar.Mark>
currentDate: Calendar.DateArg | Calendar.SelectedDate
monthFormat: string
hideArrow: boolean
isVertical: boolean
isMultiSelect: boolean
selectedDates: Array<Calendar.SelectedDate>
}
export interface AtCalendarState {
generateDate: number
selectedDate: Calendar.SelectedDate
}
export type AtCalendarPropsWithDefaults = AtCalendarProps &
AtCalendarDefaultProps
// #endregion
// #region AtCalendarController
export interface AtCalendarControllerProps {
generateDate: Calendar.DateArg
minDate?: Calendar.DateArg
maxDate?: Calendar.DateArg
hideArrow: boolean
monthFormat: string
onPreMonth: () => void
onNextMonth: () => void
onSelectDate: (e: any) => void
}
export interface AtCalendarControllerState {}
// #endregion
// #region AtCalendarBody
export type AtCalendarBodyListGroup = Array<Calendar.ListInfo<Calendar.Item>>
export interface AtCalendarBodyProps {
format: string
validDates: Array<Calendar.ValidDate>
marks: Array<Calendar.Mark>
isSwiper: boolean
minDate?: Calendar.DateArg
maxDate?: Calendar.DateArg
isVertical: boolean
generateDate: number
selectedDate: Calendar.SelectedDate
selectedDates: Array<Calendar.SelectedDate> | []
onDayClick: (item: Calendar.Item) => void
onSwipeMonth: (vectorCount: number) => void
onLongClick: (item: Calendar.Item) => void
}
export interface AtCalendarBodyState {
isAnimate: boolean
offsetSize: number
listGroup: AtCalendarBodyListGroup
}
// #endregion
@@ -1,7 +1,7 @@
import classnames from 'classnames'
import React from 'react'
import { Text, View } from '@tarojs/components'
import { Calendar } from '../../../../../types/calendar'
import { Calendar } from '../../types/calendar'
import * as constant from '../../common/constant'
const MAP: { [key: number]: string } = {
@@ -66,7 +66,7 @@ export default class AtCalendarList extends React.Component<Props> {
<View className='extra-marks'>
{item.marks.map((mark, key) => (
<Text key={key} className='mark'>
{mark.value}
{mark.value as React.ReactNode}
</Text>
))}
</View>