@nutui/nutui-react-taro 2.0.22 → 2.0.23

package/dist/style.mjs

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.22 Fri Oct 27 2023 18:01:29 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.23 Fri Nov 03 2023 19:34:32 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.taro'
 export { AddressProps } from './packages/address/address.taro'
 export { CalendarProps } from './packages/calendar/calendar.taro'
 export { CalendarItemProps } from './packages/calendaritem/calendaritem.taro'
+export { CalendarCardProps } from './packages/calendarcard/calendarcard.taro'
 export { CascaderProps } from './packages/cascader/cascader.taro'
 export { CheckboxProps } from './packages/checkbox/checkbox.taro'
 export { CheckboxGroupProps } from './packages/checkboxgroup/checkboxgroup.taro'
@@ -121,6 +122,7 @@ import Tabs from './packages/tabs/index.taro';
 import Address from './packages/address/index.taro';
 import Calendar from './packages/calendar/index.taro';
 import CalendarItem from './packages/calendaritem/index.taro';
+import CalendarCard from './packages/calendarcard/index.taro';
 import Cascader from './packages/cascader/index.taro';
 import Checkbox from './packages/checkbox/index.taro';
 import CheckboxGroup from './packages/checkboxgroup/index.taro';
@@ -188,4 +190,4 @@ import TimeDetail from './packages/timedetail/index.taro';
 import TimeSelect from './packages/timeselect/index.taro';
 import TrendArrow from './packages/trendarrow/index.taro';
 import WaterMark from './packages/watermark/index.taro';
-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.taro.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.taro.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.taro.d.ts

@@ -0,0 +1,3 @@
+import { CalendarCard } from './calendarcard.taro';
+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.taro.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { PickerOption } from '../../packages/picker/index';
+import { PickerOption, PickerProps } from '../../packages/picker/index.taro';
 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.taro.d.ts

@@ -1,4 +1,5 @@
 import React, { RefObject } from 'react';
+import { PopupProps } from '../../packages/popup/popup.taro';
 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-scoll-taro.d.ts

@@ -0,0 +1 @@
+export declare const useLockScrollTaro: (shouldLock: boolean) => import("react").MutableRefObject<null>;

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-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-taro",
-  "version": "2.0.22",
+  "version": "2.0.23",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",

package/dist/esm/can-use-dom-0e539bd3.js

@@ -1,4 +0,0 @@
-const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
-export {
-  canUseDom as c
-};

package/dist/esm/overlay.taro-626840fc.js

@@ -1,73 +0,0 @@
-import React__default, { useState, useEffect } from "react";
-import { CSSTransition } from "react-transition-group";
-import classNames from "classnames";
-import { View } from "@tarojs/components";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-const defaultOverlayProps = {
-  ...ComponentDefaults,
-  zIndex: 1e3,
-  duration: 300,
-  closeOnOverlayClick: true,
-  visible: false,
-  lockScroll: true,
-  onClick: (event) => {
-  }
-};
-const Overlay = (props) => {
-  const { children, zIndex, duration, className, closeOnOverlayClick, visible, lockScroll, style, afterShow, afterClose, onClick, ...rest } = {
-    ...defaultOverlayProps,
-    ...props
-  };
-  const [innerVisible, setInnerVisible] = useState(visible);
-  const classPrefix = `nut-overlay`;
-  useEffect(() => {
-    if (visible) {
-      setInnerVisible(true);
-    } else {
-      setInnerVisible(false);
-    }
-    lock();
-  }, [visible]);
-  useEffect(() => {
-    return () => {
-      document.body.classList.remove("nut-overflow-hidden");
-    };
-  }, []);
-  const classes = classNames(className, classPrefix);
-  const styles = {
-    ...style
-  };
-  const lock = () => {
-    if (lockScroll && visible) {
-      document.body.classList.add("nut-overflow-hidden");
-    } else {
-      document.body.classList.remove("nut-overflow-hidden");
-    }
-  };
-  const handleClick = (e) => {
-    if (closeOnOverlayClick) {
-      onClick && onClick(e);
-    }
-  };
-  const onHandleOpened = (e) => {
-    afterShow && afterShow();
-  };
-  const onHandleClosed = (e) => {
-    afterClose && afterClose();
-  };
-  return React__default.createElement(
-    React__default.Fragment,
-    null,
-    React__default.createElement(
-      CSSTransition,
-      { classNames: `${classPrefix}-slide`, unmountOnExit: true, timeout: duration, in: innerVisible, onEntered: onHandleOpened, onExited: onHandleClosed },
-      React__default.createElement(View, { className: classes, style: styles, ...rest, catchMove: lockScroll, onClick: handleClick }, children)
-    )
-  );
-};
-Overlay.defaultProps = defaultOverlayProps;
-Overlay.displayName = "NutOverlay";
-export {
-  Overlay as O,
-  defaultOverlayProps as d
-};

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 {};

package/dist/esm/use-touch-ff43512c.js

@@ -1,69 +0,0 @@
-import { useState } from "react";
-const MIN_DISTANCE = 10;
-function getDirection(x, y) {
-  if (x > y && x > MIN_DISTANCE) {
-    return "horizontal";
-  }
-  if (y > x && y > MIN_DISTANCE) {
-    return "vertical";
-  }
-  return "";
-}
-function useTouch() {
-  const [startX, SetStartX] = useState(0);
-  const [startY, SetStartY] = useState(0);
-  const [moveX, SetMoveX] = useState(0);
-  const [moveY, SetMoveY] = useState(0);
-  const [deltaX, SetDeltaX] = useState(0);
-  const [deltaY, SetDeltaY] = useState(0);
-  const [offsetX, SetOffsetX] = useState(0);
-  const [offsetY, SetOffsetY] = useState(0);
-  const [direction, SetDirection] = useState("");
-  const isVertical = () => direction === "vertical";
-  const isHorizontal = () => direction === "horizontal";
-  const reset = () => {
-    SetDeltaX(0);
-    SetDeltaY(0);
-    SetOffsetX(0);
-    SetOffsetY(0);
-    SetDirection("");
-  };
-  const start = (event) => {
-    reset();
-    SetStartX(event.touches[0].clientX);
-    SetStartY(event.touches[0].clientY);
-  };
-  const move = (event) => {
-    const touch = event.touches[0];
-    const dX = touch.clientX - startX;
-    const dY = touch.clientY - startY;
-    SetDeltaX(dX);
-    SetDeltaY(dY);
-    SetMoveX(touch.clientX);
-    SetMoveY(touch.clientY);
-    SetOffsetX(Math.abs(dX));
-    SetOffsetY(Math.abs(dY));
-    if (!direction) {
-      SetDirection(getDirection(offsetX, offsetY));
-    }
-  };
-  return {
-    move,
-    start,
-    reset,
-    startX,
-    startY,
-    moveX,
-    moveY,
-    deltaX,
-    deltaY,
-    offsetX,
-    offsetY,
-    direction,
-    isVertical,
-    isHorizontal
-  };
-}
-export {
-  useTouch as u
-};

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

@@ -1,3 +0,0 @@
-import { Overlay } from './overlay';
-export type { OverlayProps } from './overlay';
-export default Overlay;

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

@@ -1,14 +0,0 @@
-import React, { FunctionComponent, MouseEvent } from 'react';
-import { BasicComponent } from '../../utils/typings';
-export interface OverlayProps extends BasicComponent {
-    zIndex: number;
-    duration: number;
-    closeOnOverlayClick: boolean;
-    visible: boolean;
-    lockScroll: boolean;
-    onClick: (event: MouseEvent) => void;
-    afterShow: () => void;
-    afterClose: () => void;
-}
-export declare const defaultOverlayProps: OverlayProps;
-export declare const Overlay: FunctionComponent<Partial<OverlayProps> & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -1,4 +0,0 @@
-import Picker from './picker';
-export type { PickerOption } from './types';
-export type { PickerProps } from './picker';
-export default Picker;

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

@@ -1,23 +0,0 @@
-import React, { RefObject } from 'react';
-import { PickerOption } from './types';
-import { BasicComponent } from '../../utils/typings';
-export type PickerActions = {
-    open: () => void;
-    close: () => void;
-};
-export interface PickerProps extends Omit<BasicComponent, 'children'> {
-    visible?: boolean | undefined;
-    title?: string;
-    options: (PickerOption | PickerOption[])[];
-    value?: (number | string)[];
-    defaultValue?: (number | string)[];
-    threeDimensional?: boolean;
-    duration: number | string;
-    onConfirm?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
-    onClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
-    afterClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], pickerRef: RefObject<HTMLDivElement>) => void;
-    onChange?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], columnIndex: number) => void;
-    children?: any;
-}
-declare const Picker: React.ForwardRefExoticComponent<Partial<PickerProps> & React.RefAttributes<unknown>>;
-export default Picker;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { PickerOption } from './types';
-interface PickerPanelProps {
-    keyIndex?: number;
-    defaultValue?: string | number;
-    options?: PickerOption[];
-    threeDimensional: boolean;
-    duration: number | string;
-    chooseItem?: (val: PickerOption, idx: number) => void;
-}
-declare const PickerPanel: React.ForwardRefExoticComponent<Partial<PickerPanelProps> & React.RefAttributes<{
-    stopMomentum: () => void;
-    moving: boolean;
-}>>;
-export default PickerPanel;

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

@@ -1,3 +0,0 @@
-import { Popup } from './popup';
-export type { PopupProps } from './popup';
-export default Popup;

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

@@ -1,24 +0,0 @@
-import React, { FunctionComponent, MouseEvent, ReactNode } from 'react';
-import { OverlayProps } from '../../packages/overlay/overlay';
-type Teleport = HTMLElement | (() => HTMLElement) | null;
-export interface PopupProps extends OverlayProps {
-    position: string;
-    transition: string;
-    overlayStyle: React.CSSProperties;
-    overlayClassName: string;
-    closeable: boolean;
-    closeIconPosition: string;
-    closeIcon: ReactNode;
-    left: ReactNode;
-    title: ReactNode;
-    destroyOnClose: boolean;
-    portal: Teleport;
-    overlay: boolean;
-    round: boolean;
-    onOpen: () => void;
-    onClose: () => void;
-    onOverlayClick: (e: MouseEvent) => boolean | void;
-    onCloseIconClick: (e: MouseEvent) => boolean | void;
-}
-export declare const Popup: FunctionComponent<Partial<PopupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;
-export {};