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

package/dist/style.mjs

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

package/dist/styles/themes/default.scss

@@ -96,3 +96,4 @@
 @import '../../packages/timeselect/timeselect.scss';
 @import '../../packages/trendarrow/trendarrow.scss';
 @import '../../packages/watermark/watermark.scss';
+@import '../../packages/avatarcropper/avatarcropper.scss';

package/dist/types/index.d.ts

@@ -94,6 +94,7 @@ export { TimeDetailProps } from './packages/timedetail/timedetail'
 export { TimeSelectProps } from './packages/timeselect/timeselect'
 export { TrendArrowProps } from './packages/trendarrow/trendarrow'
 export { WaterMarkProps } from './packages/watermark/watermark'
+export { AvatarCropperProps } from './packages/avatarcropper/avatarcropper'
 import Button from './packages/button';
 import Cell from './packages/cell';
 import CellGroup from './packages/cellgroup';
@@ -190,4 +191,5 @@ 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, 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 };
+import AvatarCropper from './packages/avatarcropper';
+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, AvatarCropper };

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

@@ -6,5 +6,5 @@ export declare class AnimatingNumbers extends Component<AnimatingNumbersProps, u
     static displayName: string;
     static CountUp: React.FunctionComponent<Partial<import("./countup").CountUpProps>>;
     constructor(props: AnimatingNumbersProps);
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -0,0 +1,41 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export type AvatarCropperToolbarPosition = 'top' | 'bottom';
+export interface AvatarCropperProps extends BasicComponent {
+    /**
+    * 最大缩放倍数
+    * @default 3
+    */
+    maxZoom: number
+    /**
+    * 裁剪区域两边预留的间隙
+    * @default 10
+    */
+    space: number
+    /**
+    * 自定义裁剪区域工具栏
+    * @default [<Button type="danger" key="cancel">取消</Button>, <Button type="info" key="reset">重置</Button>,<Button type="warning" key="rotate">旋转</Button>,<Button type="success" key="confirm">确认</Button>]
+    */
+    toolbar: React.ReactNode[]
+    /**
+    * 裁剪区域工具栏位置,可选值为：top bottom
+    * @default bottom
+    */
+    toolbarPosition: AvatarCropperToolbarPosition
+    /**
+    * 中间的文字内容
+    * @default 编辑
+    */
+    editText: React.ReactNode | string
+    /**
+    * 裁剪后点击确认触发
+    * @default -
+    */
+    onConfirm: (e: string) => void
+    /**
+    * 点击取消触发
+    * @default -
+    */
+    onCancel: () => void
+}
+export declare const AvatarCropper: FunctionComponent<Partial<AvatarCropperProps>>;

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

@@ -0,0 +1,3 @@
+import { AvatarCropper } from './avatarcropper';
+export type { AvatarCropperProps, AvatarCropperToolbarPosition, } from './avatarcropper';
+export default AvatarCropper;

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

@@ -56,7 +56,7 @@ export interface DatePickerProps extends BasicComponent {
     * 透传picker属性
     * @default -
     */
-    pickerProps: Partial<Omit<PickerProps, 'defaultValue' | 'threeDimensional' | 'title' | 'value' | 'onConfirm' | 'onClose' | 'onChange'>>
+    pickerProps: Partial<Omit<PickerProps, 'defaultValue' | 'threeDimensional' | 'title' | 'value' | 'onConfirm' | 'onClose' | 'onCancel' | 'onChange'>>
     /**
     * 选项格式化函数
     * @default -
@@ -68,11 +68,16 @@ export interface DatePickerProps extends BasicComponent {
     */
     filter: (type: string, option: PickerOption[]) => PickerOption[]
     /**
-    * 关闭时触发
+    * 确定和取消时，都触发
     * @default -
     */
     onClose: () => void
     /**
+    * 点击取消按钮时触发
+    * @default -
+    */
+    onCancel: () => void
+    /**
     * 点击确定按钮时触发
     * @default -
     */

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

@@ -59,7 +59,7 @@ export declare class FormItem extends React.Component<Partial<FormItemProps>, {
     getControlled: (children: React.ReactElement) => any;
     refresh: () => void;
     onStoreChange: (type?: string) => void;
-    renderLayout: (childNode: React.ReactNode) => JSX.Element;
-    render(): JSX.Element;
+    renderLayout: (childNode: React.ReactNode) => React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types/packages/notify/Notification.d.ts

@@ -22,6 +22,6 @@ export default class Notification extends React.PureComponent<NotificationProps,
     clickCover(): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

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

@@ -43,17 +43,27 @@ export interface PickerProps extends Omit<BasicComponent, 'children'> {
     */
     duration: number | string
     /**
+    * 是否点击遮罩关闭
+    * @default true
+    */
+    closeOnOverlayClick: boolean
+    /**
     * 透传popup属性
     * @default -
     */
-    popupProps: Partial<Omit<PopupProps, 'title' | 'onClose'>>
+    popupProps: Partial<Omit<PopupProps, 'title' | 'onClose' | 'closeOnOverlayClick'>>
     /**
     * 点击确认按钮时候回调
     * @default -
     */
     onConfirm?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void
     /**
-    * 关闭时触发
+    * 点击取消按钮时触发
+    * @default -
+    */
+    onCancel?: () => void
+    /**
+    * 确定和取消时，都触发
     * @default -
     */
     onClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void

package/dist/types/packages/toast/Notification.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { BasicComponent } from '../../utils/typings';
+import { ToastWordBreakType } from './toast';
 export interface NotificationProps extends BasicComponent {
     id?: string;
     icon: 'success' | 'fail' | 'loading' | 'warn' | React.ReactNode;
@@ -12,6 +13,7 @@ export interface NotificationProps extends BasicComponent {
     lockScroll: boolean;
     contentClassName?: string;
     contentStyle?: React.CSSProperties;
+    wordBreak?: ToastWordBreakType;
     onClose: () => void;
 }
 export interface NotificationState {
@@ -25,8 +27,8 @@ export default class Notification extends React.PureComponent<NotificationProps,
     startCloseTimer(): void;
     clearCloseTimer(): void;
     clickCover(): void;
-    renderIcon(): number | boolean | JSX.Element | React.ReactFragment | null | undefined;
+    renderIcon(): number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -1,3 +1,3 @@
 import Toast from './toast';
-export type { ToastProps, ToastIconType, ToastPositionType } from './toast';
+export type { ToastProps, ToastIconType, ToastPositionType, ToastWordBreakType, } from './toast';
 export default Toast;

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

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { BasicComponent } from '../../utils/typings';
 export type ToastPositionType = 'top' | 'bottom' | 'center';
 export type ToastIconType = 'success' | 'fail' | 'loading' | 'warn' | React.ReactNode;
+export type ToastWordBreakType = 'normal' | 'break-all' | 'break-word';
 export interface ToastProps extends BasicComponent {
     id?: string;
     /**
@@ -59,6 +60,11 @@ export interface ToastProps extends BasicComponent {
     * @default -
     */
     contentStyle?: React.CSSProperties
+    /**
+    * 换行截断方式
+    * @default break-all
+    */
+    wordBreak?: ToastWordBreakType
 }
 declare function show(option: ToastProps | string): void;
 declare function config(config: Pick<ToastProps, 'duration' | 'position' | 'closeOnOverlayClick' | 'lockScroll'>): void;

package/dist/types/utils/index.d.ts

@@ -1,4 +1,7 @@
+/// <reference types="react" />
 export declare const isObject: (val: unknown) => val is Record<any, any>;
 export declare const isFunction: (val: unknown) => val is Function;
 export declare const isPromise: <T = any>(val: unknown) => val is Promise<T>;
 export declare const upperCaseFirst: (str: string) => string;
+export declare const clamp: (num: number, min: number, max: number) => number;
+export declare function preventDefault(event: React.TouchEvent<HTMLElement> | TouchEvent, isStopPropagation?: boolean): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "2.0.23",
+  "version": "2.0.24-beta.0",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.21.0",
-    "@nutui/icons-react": "0.0.1",
+    "@nutui/icons-react": "^0.0.4",
     "@nutui/touch-emulator": "^1.0.0",
     "@react-spring/web": "~9.6.1",
     "@use-gesture/react": "10.2.20",