@nutui/nutui-react 2.0.23 → 2.1.0-beta.0

package/dist/packages/calendarcard/calendarcard.scss

@@ -1,104 +0,0 @@
-.nut-calendarcard {
-  background: $white;
-  border-radius: 12px;
-  overflow: hidden;
-  font-size: $calendar-base-font-size;
-  color: $gray1;
-
-  &-header {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    font-weight: normal;
-
-    &-left,
-    &-right {
-      display: flex;
-      flex-direction: row;
-      cursor: pointer;
-      margin: 16px;
-      line-height: 1;
-
-      .left {
-        margin-left: 8px;
-      }
-      .right {
-        margin-right: 8px;
-      }
-    }
-  }
-
-  &-days {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    align-items: center;
-  }
-
-  &-day {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    position: relative;
-    width: $calendar-day-width;
-    height: 48px;
-    cursor: pointer;
-    margin-bottom: 4px;
-    text-align: center;
-
-    &.header {
-      cursor: auto;
-    }
-
-    &-top,
-    &-bottom {
-      width: 100%;
-      height: 12px;
-      font-size: 12px;
-      line-height: 12px;
-    }
-
-    &.active,
-    &.start,
-    &.end {
-      background-color: $calendar-active-background-color;
-      color: $primary-text-color !important;
-      border-radius: $calendar-day-active-border-radius;
-    }
-
-    &.start {
-      border-radius: 0px;
-      border-top-left-radius: $calendar-day-active-border-radius;
-      border-bottom-left-radius: $calendar-day-active-border-radius;
-    }
-
-    &.end {
-      border-radius: 0px;
-      border-top-right-radius: $calendar-day-active-border-radius;
-      border-bottom-right-radius: $calendar-day-active-border-radius;
-    }
-
-    &.mid {
-      background-color: $calendar-choose-background-color;
-      color: $calendar-choose-color;
-    }
-
-    &.weekend {
-      color: $calendar-choose-color;
-    }
-
-    .nut-calendar-day-info {
-      color: $primary-text-color;
-    }
-
-    // 上个月、下个月
-    &.prev,
-    &.next,
-    &.disabled {
-      color: $calendar-disable-color;
-      cursor: not-allowed;
-    }
-  }
-}

package/dist/types/packages/calendarcard/calendarcard.d.ts

@@ -1,76 +0,0 @@
-import React, { ReactNode } from 'react';
-import { BasicComponent } from '../../utils/typings';
-import { CalendarCardDay, CalendarCardMonth, CalendarCardValue } from './types';
-export interface CalendarCardProps extends BasicComponent {
-    /**
-    * 类型，单个日期 single，多个日期 multiple，日期范围 range，周选择 week
-    * @default single
-    */
-    type: 'single' | 'multiple' | 'range' | 'week'
-    /**
-    * 受控模式下的值，与 onChange 搭配使用
-    * @default -
-    */
-    value?: CalendarCardValue
-    /**
-    * 默认值，单个日期 Date 格式，多个日期/范围选择 Date[] 格式
-    * @default -
-    */
-    defaultValue?: CalendarCardValue
-    /**
-    * 设置周起始日，0 为周日，1 为周一
-    * @default 1
-    */
-    firstDayOfWeek?: number
-    /**
-    * 限制范围开始日期
-    * @default -
-    */
-    startDate?: Date
-    /**
-    * 限制范围结束日期
-    * @default -
-    */
-    endDate?: Date
-    /**
-    * 设置不可选日期
-    * @default -
-    */
-    disableDay?: (day: CalendarCardDay) => boolean
-    /**
-    * 日期信息
-    * @default -
-    */
-    renderDay?: (day: CalendarCardDay) => ReactNode
-    /**
-    * 日期顶部信息
-    * @default -
-    */
-    renderDayTop?: (day: CalendarCardDay) => ReactNode
-    /**
-    * 日期底部信息
-    * @default -
-    */
-    renderDayBottom?: (day: CalendarCardDay) => ReactNode
-    /**
-    * 点击后触发
-    * @default -
-    */
-    onDayClick?: (day: CalendarCardDay) => void
-    /**
-    * 切换月份时触发
-    * @default -
-    */
-    onPageChange: (data: CalendarCardMonth) => void
-    /**
-    * 选择值发生变化时触发
-    * @default -
-    */
-    onChange: (value: CalendarCardValue) => void
-}
-type CalendarCardRef = {
-    jump: (step: number) => void;
-    jumpTo: (year: number, month: number) => void;
-};
-export declare const CalendarCard: React.ForwardRefExoticComponent<Partial<CalendarCardProps> & React.RefAttributes<CalendarCardRef>>;
-export {};

package/dist/types/packages/calendarcard/icon.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-export declare const Left: FC;
-export declare const Right: FC;
-export declare const DoubleLeft: FC;
-export declare const DoubleRight: FC;

package/dist/types/packages/calendarcard/index.d.ts

@@ -1,3 +0,0 @@
-import { CalendarCard } from './calendarcard';
-export type { CalendarCardDay, CalendarCardMonth, CalendarCardValue, } from './types';
-export default CalendarCard;

package/dist/types/packages/calendarcard/types.d.ts

@@ -1,11 +0,0 @@
-export interface CalendarCardDay {
-    type?: 'prev' | 'current' | 'next';
-    year: number;
-    month: number;
-    date: number;
-}
-export interface CalendarCardMonth {
-    year: number;
-    month: number;
-}
-export type CalendarCardValue = Date | Date[] | null;

package/dist/types/packages/calendarcard/utils.d.ts

@@ -1,19 +0,0 @@
-import { CalendarCardDay } from './types';
-export declare const convertDateToDay: (date: Date) => {
-    year: number;
-    month: number;
-    date: number;
-} | null;
-export declare const convertDayToDate: (day: CalendarCardDay) => Date | null;
-/**
- * 获取当月面板中前一个月的日期数据
- */
-export declare const getPrevMonthDays: (year: number, month: number, firstDayOfWeek: number) => CalendarCardDay[];
-/**
- * 获取当前月的日期数据
- */
-export declare const getCurrentMonthDays: (year: number, month: number) => CalendarCardDay[];
-/**
- * 根据日期获取当前周的起始日期
- */
-export declare const getCurrentWeekDays: (day: CalendarCardDay, firstDayOfWeek: number) => CalendarCardDay[];

package/dist/types/utils/use-lock-scroll.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from 'react';
-export declare function useLockScroll(rootRef: RefObject<HTMLElement>, shouldLock: boolean | 'strict'): void;