@nutui/nutui-react 1.1.4-beta.1 → 1.1.4-beta.4

package/dist/style.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.1.4-beta.1 Wed May 11 2022 10:28:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.4-beta.4 Mon May 23 2022 16:10:06 GMT+0800 (China Standard Time)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/themes/default.scss

@@ -47,6 +47,7 @@
 @import '../../packages/swiper/swiper.scss';
 @import '../../packages/swiperitem/swiperitem.scss';
 @import '../../packages/avatar/avatar.scss';
+@import '../../packages/avatargroup/avatargroup.scss';
 @import '../../packages/price/price.scss';
 @import '../../packages/badge/badge.scss';
 @import '../../packages/tag/tag.scss';

package/dist/styles/variables.scss

@@ -117,9 +117,9 @@ $icon-line-height: 20px;
 
 // uploader
 
-$uploader-width: 100px;
-$uploader-height: 100px;
-$uploader-background: #f7f8fa;
+$uploader-picture-width: 100px !default;
+$uploader-picture-height: 100px !default;
+$uploader-background: #f7f8fa !default;
 
 //input
 $input-border-bottom: #eaf0fb;
@@ -252,7 +252,33 @@ $rang-bar-bg-color: linear-gradient(135deg, $primary-color 0%, $primary-color-en
 $address-region-tab-line: linear-gradient(90deg, $primary-color 0%, $primary-color-end 100%);
 
 //steps
-$step-wait-bg-color: #959fb1;
+$steps-base-icon-width: 25px !default;
+$steps-base-icon-height: 25px !default;
+$steps-base-icon-line-height: 25px !default;
+$steps-base-icon-font-size: 13px !default;
+$steps-base-title-font-size: 14px !default;
+$steps-base-line-color: #909ca4 !default;
+$steps-base-title-color: #909ca4 !default;
+$steps-base-title-margin-bottom: 10px !default;
+$steps-base-content-font-size: 14px !default;
+$steps-base-content-color: #666 !default;
+
+$steps-wait-icon-bg-color: #959fb1 !default;
+$steps-wait-icon-color: $white !default;
+$steps-wait-head-color: #909ca4 !default;
+$steps-wait-head-border-color: #909ca4 !default;
+$steps-wait-content-color: #909ca4 !default;
+
+$steps-finish-head-color: $primary-color !default;
+$steps-finish-head-border-color: $primary-color !default;
+$steps-finish-title-color: $primary-color !default;
+$steps-finish-line-background: $primary-color !default;
+$steps-finish-icon-text-color: $white !default;
+
+$steps-process-head-color: $white !default;
+$steps-process-head-border-color: $primary-color !default;
+$steps-process-title-color: $primary-color !default;
+$steps-process-icon-text-color: $primary-color !default;
 
 // dialog
 $dialog-width: 296px;
@@ -374,3 +400,9 @@ $tabs-vertical-tab-line-color: linear-gradient(
 $tabs-vertical-titles-item-height: 40px !default;
 $tabs-vertical-titles-item-active-line-height: 14px !default;
 $tabs-vertical-titles-width: 100px !default;
+
+// circleProgress
+$circleprogress-primary-color: $primary-color !default;
+$circleprogress-path-color: #e5e9f2 !default;
+$circleprogress-text-color: #000000 !default;
+$circleprogress-text-size: $font-size-3 !default;

package/dist/types/avatar/__tests__/avatar.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/avatar/avatar.d.ts

@@ -1,14 +1,17 @@
 import React, { FunctionComponent } from 'react';
 export interface AvatarProps {
-    size: AvatarSize;
+    size: string;
     icon: string;
     shape: AvatarShape;
     bgColor: string;
+    color: string;
     prefixCls: string;
-    src: string;
+    url: string;
     className: string;
+    alt: string;
     style: React.CSSProperties;
+    activeAvatar: (e: MouseEvent) => void;
+    onError: (e: any) => void;
 }
-export declare type AvatarSize = 'large' | 'normal' | 'small';
 export declare type AvatarShape = 'round' | 'square';
 export declare const Avatar: FunctionComponent<Partial<AvatarProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/avatargroup/AvatarContext.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AvatarContext: import("react").Context<{}>;

package/dist/types/avatargroup/__tests__/avatargroup.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/avatargroup/avatargroup.d.ts

@@ -0,0 +1,14 @@
+import React, { FunctionComponent } from 'react';
+export interface AvatarGroupProps {
+    maxContent: string;
+    maxCount: string | number;
+    maxBgColor: string;
+    maxColor: string;
+    size: string;
+    shape: string;
+    span: string;
+    zIndex: string;
+    className: string;
+    style: React.CSSProperties;
+}
+export declare const AvatarGroup: FunctionComponent<Partial<AvatarGroupProps> & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+import { AvatarGroup } from './avatargroup';
+export default AvatarGroup;

package/dist/types/barrage/__tests__/barrage.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/button/button.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 export interface ButtonProps {
     className: string;
     color: string;
@@ -6,7 +6,7 @@ export interface ButtonProps {
     plain: boolean;
     loading: boolean;
     disabled: boolean;
-    style: object;
+    style: React.CSSProperties;
     type: ButtonType;
     size: ButtonSize;
     block: boolean;

package/dist/types/checkbox/__test__/checkbox.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/circleprogress/__tests__/circleprogress.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/circleprogress/circleprogress.d.ts

@@ -1,9 +1,15 @@
 import React, { FunctionComponent } from 'react';
+export interface IColor {
+    [key: string]: string;
+}
 export interface CircleProgressProps {
-    strokeInnerWidth: string | number;
     progress: string | number;
-    isAuto: boolean;
-    progressOption: object;
-    className: string;
+    strokeWidth?: string | number;
+    radius?: number | string;
+    strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit' | undefined;
+    circleColor?: object | string;
+    pathColor?: string;
+    clockwise?: boolean;
+    className?: string;
 }
-export declare const CircleProgress: FunctionComponent<Partial<CircleProgressProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const CircleProgress: FunctionComponent<CircleProgressProps & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/icon/__test__/icon.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/infiniteloading/__tests__/infiniteloading.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/inputnumber/__tests__/inputnumber.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/nutui.react.d.ts

@@ -46,6 +46,7 @@ import Step from './step';
 import Swiper from './swiper';
 import SwiperItem from './swiperitem';
 import Avatar from './avatar';
+import AvatarGroup from './avatargroup';
 import Price from './price';
 import Badge from './badge';
 import Tag from './tag';
@@ -60,4 +61,4 @@ import Address from './address';
 import Barrage from './barrage';
 import Signature from './signature';
 import Card from './card';
-export { Button, Cell, CellGroup, Icon, Overlay, Popup, Layout, Col, Row, Divider, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, ConfigProvider, Address, Barrage, Signature, Card };
+export { Button, Cell, CellGroup, Icon, Overlay, Popup, Layout, Col, Row, Divider, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, ConfigProvider, Address, Barrage, Signature, Card };

package/dist/types/overlay/__tests__/overlay.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/skeleton/__test__/skeleton.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/skeleton/skeleton.d.ts

@@ -1,8 +1,8 @@
 import React, { FunctionComponent } from 'react';
 declare type avatarShape = 'round' | 'square';
 export interface SkeletonProps {
-    width: number;
-    height: number;
+    width: string;
+    height: string;
     animated: boolean;
     row: number;
     title: boolean;

package/dist/types/step/step.d.ts

@@ -4,6 +4,7 @@ export interface StepProps {
     content: string;
     activeIndex: number;
     icon: string;
+    iconColor: string;
     size: string;
     className: string;
     style: React.CSSProperties;

package/dist/types/steps/__tests__/steps.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/steps/steps.d.ts

@@ -5,5 +5,6 @@ export interface StepsProps {
     progressDot: boolean;
     className: string;
     style: React.CSSProperties;
+    clickStep: (index: number) => void;
 }
 export declare const Steps: FunctionComponent<Partial<StepsProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/tabbaritem/tabbaritem.d.ts

@@ -3,6 +3,7 @@ export interface TabbarItemProps {
     tabTitle: string;
     icon: string;
     href: string;
+    to: object | string;
     num: string | number;
     active: boolean;
     activeColor: string;

package/dist/types/uploader/__tests__/uploader.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/uploader/uploader.d.ts

@@ -1,10 +1,17 @@
 import React from 'react';
 import { UploadOptions } from './upload';
+export declare type FileType<T> = {
+    [key: string]: T;
+};
+export declare type FileItemStatus = 'ready' | 'uploading' | 'success' | 'error' | 'removed';
 export interface UploaderProps {
     url: string;
     maximum: string | number;
     maximize: number;
+    defaultFileList: FileType<string>[];
+    listType: string;
     uploadIcon: string;
+    uploadIconSize: string | number;
     name: string;
     accept: string;
     disabled: boolean;
@@ -45,10 +52,11 @@ export interface UploaderProps {
     }) => void;
     beforeUpload?: (file: File[]) => Promise<File[]>;
     beforeDelete?: (file: FileItem, files: FileItem[]) => boolean;
+    fileItemClick?: (file: FileItem) => void;
 }
-export declare type FileItemStatus = 'ready' | 'uploading' | 'success' | 'error' | 'removed';
 export declare class FileItem {
     status: FileItemStatus;
+    message: string;
     uid: string;
     name?: string;
     url?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "1.1.4-beta.1",
+  "version": "1.1.4-beta.4",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -50,7 +50,7 @@
     "build:replace": "npm run replace:scss",
     "build:es": "npx rollup -c rollup.config.es.js",
     "build:locales": "vite build --config vite.config.build.locales.ts",
-    "build": "npm run checked && vite build --config vite.config.build.ts && npm run build:es && npm run build:css && npm run build:loader-style && npm run build:types && npm run build:locales",
+    "build": "npm run checked && npm run test && vite build --config vite.config.build.ts && npm run build:es && npm run build:css && npm run build:loader-style && npm run build:types && npm run build:locales",
     "build:site": "npm run checked && vite build --config vite.config.build.site.ts",
     "lint": "eslint .",
     "lint:fix": "eslint --fix .",
@@ -58,6 +58,9 @@
     "prepare": "husky install",
     "test": "jest"
   },
+  "engines": {
+    "node": "^14.18.0 || >=15.0.0"
+  },
   "lint-staged": {
     "*.md": "prettier --write",
     "*.{ts,tsx,js,vue,scss}": "prettier --write"
@@ -66,7 +69,7 @@
     "@babel/runtime": "^7.16.5",
     "@bem-react/classname": "^1.5.10",
     "@react-spring/web": "^9.3.2",
-    "@use-gesture/react": "^10.2.4",
+    "@use-gesture/react": "10.2.9",
     "classnames": "^2.3.1",
     "react-router-dom": "^5.2.0",
     "react-transition-group": "^4.4.2"