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

package/dist/style.mjs

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.21 Wed Oct 18 2023 17:52:49 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.23 Fri Nov 03 2023 19:51:51 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/themes/default.scss

@@ -28,6 +28,7 @@
 @import '../../packages/address/address.scss';
 @import '../../packages/calendar/calendar.scss';
 @import '../../packages/calendaritem/calendaritem.scss';
+@import '../../packages/calendarcard/calendarcard.scss';
 @import '../../packages/cascader/cascader.scss';
 @import '../../packages/checkbox/checkbox.scss';
 @import '../../packages/checkboxgroup/checkboxgroup.scss';

package/dist/types/index.d.ts

@@ -26,6 +26,7 @@ export { TabsProps } from './packages/tabs/tabs'
 export { AddressProps } from './packages/address/address'
 export { CalendarProps } from './packages/calendar/calendar'
 export { CalendarItemProps } from './packages/calendaritem/calendaritem'
+export { CalendarCardProps } from './packages/calendarcard/calendarcard'
 export { CascaderProps } from './packages/cascader/cascader'
 export { CheckboxProps } from './packages/checkbox/checkbox'
 export { CheckboxGroupProps } from './packages/checkboxgroup/checkboxgroup'
@@ -121,6 +122,7 @@ import Tabs from './packages/tabs';
 import Address from './packages/address';
 import Calendar from './packages/calendar';
 import CalendarItem from './packages/calendaritem';
+import CalendarCard from './packages/calendarcard';
 import Cascader from './packages/cascader';
 import Checkbox from './packages/checkbox';
 import CheckboxGroup from './packages/checkboxgroup';
@@ -188,4 +190,4 @@ import TimeDetail from './packages/timedetail';
 import TimeSelect from './packages/timeselect';
 import TrendArrow from './packages/trendarrow';
 import WaterMark from './packages/watermark';
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

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

@@ -0,0 +1,76 @@
+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

@@ -0,0 +1,5 @@
+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

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

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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,19 @@
+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/packages/datepicker/datepicker.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { PickerOption } from '../../packages/picker/index';
+import { PickerOption, PickerProps } from '../../packages/picker/index';
 import { BasicComponent } from '../../utils/typings';
 export interface DatePickerProps extends BasicComponent {
     /**
@@ -53,6 +53,11 @@ export interface DatePickerProps extends BasicComponent {
     */
     threeDimensional: boolean
     /**
+    * 透传picker属性
+    * @default -
+    */
+    pickerProps: Partial<Omit<PickerProps, 'defaultValue' | 'threeDimensional' | 'title' | 'value' | 'onConfirm' | 'onClose' | 'onChange'>>
+    /**
     * 选项格式化函数
     * @default -
     */

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

@@ -1,4 +1,5 @@
 import React, { RefObject } from 'react';
+import { PopupProps } from '../../packages/popup/popup';
 import { PickerOption } from './types';
 import { BasicComponent } from '../../utils/typings';
 export type PickerActions = {
@@ -42,6 +43,11 @@ export interface PickerProps extends Omit<BasicComponent, 'children'> {
     */
     duration: number | string
     /**
+    * 透传popup属性
+    * @default -
+    */
+    popupProps: Partial<Omit<PopupProps, 'title' | 'onClose'>>
+    /**
     * 点击确认按钮时候回调
     * @default -
     */

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

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

package/dist/types/utils/use-props-value.d.ts

@@ -4,5 +4,5 @@ interface UsePropsValue<T> {
     finalValue?: T;
     onChange?: (value: T) => void;
 }
-export declare function usePropsValue<T>({ value, defaultValue, finalValue, onChange, }: UsePropsValue<T>): [value: T, onChange: (value: T) => void];
+export declare function usePropsValue<T>({ value, defaultValue, finalValue, onChange, }: UsePropsValue<T>): readonly [T, (v: T, forceTrigger?: boolean) => void];
 export {};

package/dist/types/utils/use-touch.d.ts

@@ -1,17 +1,16 @@
+import React from 'react';
 type Direction = '' | 'vertical' | 'horizontal';
 export declare function useTouch(): {
     move: (event: React.TouchEvent<HTMLElement>) => void;
     start: (event: React.TouchEvent<HTMLElement>) => void;
     reset: () => void;
-    startX: number;
-    startY: number;
-    moveX: number;
-    moveY: number;
-    deltaX: number;
-    deltaY: number;
-    offsetX: number;
-    offsetY: number;
-    direction: Direction;
+    startX: React.MutableRefObject<number>;
+    startY: React.MutableRefObject<number>;
+    deltaX: React.MutableRefObject<number>;
+    deltaY: React.MutableRefObject<number>;
+    offsetX: React.MutableRefObject<number>;
+    offsetY: React.MutableRefObject<number>;
+    direction: React.MutableRefObject<Direction>;
     isVertical: () => boolean;
     isHorizontal: () => boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "2.0.21",
+  "version": "2.0.23-beta.0",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",

package/dist/esm/types/src/packages/dialog/dialogwrap.taro.d.ts

@@ -1,14 +0,0 @@
-import React, { FunctionComponent, HTMLAttributes } from 'react';
-import { OverlayProps } from '@/packages/overlay/overlay.taro';
-interface DialogWrapProps extends OverlayProps {
-    visible: boolean;
-    overlay: boolean;
-    overlayStyle: React.CSSProperties;
-    overlayClassName: string;
-    footer: React.ReactNode;
-    onCancel: () => void;
-    onClose: () => void;
-    onOverlayClick: (e: MouseEvent) => boolean | void;
-}
-export declare const DialogWrap: FunctionComponent<Partial<DialogWrapProps> & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'content' | 'onClick'>>;
-export {};