@nutui/nutui-react 3.0.0-beta.9 → 3.0.1

package/dist/es/packages/nutui.react.build.js

@@ -10,8 +10,6 @@ import Image from "./image";
 export * from "./image";
 import Overlay from "./overlay";
 export * from "./overlay";
-import Col from "./col";
-export * from "./col";
 import Divider from "./divider";
 export * from "./divider";
 import Grid from "./grid";
@@ -20,14 +18,16 @@ import GridItem from "./griditem";
 export * from "./griditem";
 import Layout from "./layout";
 export * from "./layout";
+import Col from "./col";
+export * from "./col";
 import Row from "./row";
 export * from "./row";
+import SafeArea from "./safearea";
+export * from "./safearea";
 import Space from "./space";
 export * from "./space";
 import Sticky from "./sticky";
 export * from "./sticky";
-import SafeArea from "./safearea";
-export * from "./safearea";
 import BackTop from "./backtop";
 export * from "./backtop";
 import Elevator from "./elevator";
@@ -40,12 +40,8 @@ import HoverButtonItem from "./hoverbuttonitem";
 export * from "./hoverbuttonitem";
 import NavBar from "./navbar";
 export * from "./navbar";
-import SideNavBar from "./sidenavbar";
-export * from "./sidenavbar";
-import SideNavBarItem from "./sidenavbaritem";
-export * from "./sidenavbaritem";
-import SubSideNavBar from "./subsidenavbar";
-export * from "./subsidenavbar";
+import SideBar from "./sidebar";
+export * from "./sidebar";
 import Tabbar from "./tabbar";
 export * from "./tabbar";
 import TabbarItem from "./tabbaritem";
@@ -70,6 +66,8 @@ import CheckboxGroup from "./checkboxgroup";
 export * from "./checkboxgroup";
 import DatePicker from "./datepicker";
 export * from "./datepicker";
+import DatePickerView from "./datepickerview";
+export * from "./datepickerview";
 import Form from "./form";
 export * from "./form";
 import FormItem from "./formitem";
@@ -86,6 +84,8 @@ import NumberKeyboard from "./numberkeyboard";
 export * from "./numberkeyboard";
 import Picker from "./picker";
 export * from "./picker";
+import PickerView from "./pickerview";
+export * from "./pickerview";
 import Radio from "./radio";
 export * from "./radio";
 import RadioGroup from "./radiogroup";
@@ -116,8 +116,6 @@ import Drag from "./drag";
 export * from "./drag";
 import Empty from "./empty";
 export * from "./empty";
-import ResultPage from "./resultpage";
-export * from "./resultpage";
 import InfiniteLoading from "./infiniteloading";
 export * from "./infiniteloading";
 import Loading from "./loading";
@@ -132,6 +130,8 @@ import Popup from "./popup";
 export * from "./popup";
 import PullToRefresh from "./pulltorefresh";
 export * from "./pulltorefresh";
+import ResultPage from "./resultpage";
+export * from "./resultpage";
 import Skeleton from "./skeleton";
 export * from "./skeleton";
 import Swipe from "./swipe";
@@ -166,12 +166,12 @@ import Lottie from "./lottie";
 export * from "./lottie";
 import Pagination from "./pagination";
 export * from "./pagination";
-import Segmented from "./segmented";
-export * from "./segmented";
 import Price from "./price";
 export * from "./price";
 import Progress from "./progress";
 export * from "./progress";
+import Segmented from "./segmented";
+export * from "./segmented";
 import Step from "./step";
 export * from "./step";
 import Steps from "./steps";
@@ -190,6 +190,8 @@ import Video from "./video";
 export * from "./video";
 import VirtualList from "./virtuallist";
 export * from "./virtuallist";
+import AvatarCropper from "./avatarcropper";
+export * from "./avatarcropper";
 import Barrage from "./barrage";
 export * from "./barrage";
 import Card from "./card";
@@ -202,6 +204,4 @@ import TrendArrow from "./trendarrow";
 export * from "./trendarrow";
 import WaterMark from "./watermark";
 export * from "./watermark";
-import AvatarCropper from "./avatarcropper";
-export * from "./avatarcropper";
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, 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, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, SafeArea, Space, Sticky, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerView, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, ResultPage, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Price, Progress, Segmented, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, AvatarCropper, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

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

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

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

@@ -1,14 +1,4 @@
-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 | 'strict';
-    onClick: (event: MouseEvent) => void;
-    afterShow: () => void;
-    afterClose: () => void;
-}
+import React, { FunctionComponent } from 'react';
+import { OverlayProps } from './types';
 export declare const defaultOverlayProps: OverlayProps;
 export declare const Overlay: FunctionComponent<Partial<OverlayProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/es/packages/overlay/overlay.js

@@ -6,14 +6,16 @@ import React, { useEffect, useRef, useState } from "react";
 import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
 import { ComponentDefaults } from "../../utils/typings";
-import { useLockScroll } from "../../utils/use-lock-scroll";
+import { useLockScroll } from "../../hooks/use-lock-scroll";
 export var defaultOverlayProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     zIndex: 1000,
     duration: 300,
     closeOnOverlayClick: true,
     visible: false,
     lockScroll: true,
-    onClick: function(event) {}
+    onClick: function() {},
+    afterShow: function() {},
+    afterClose: function() {}
 });
 export var Overlay = function(props) {
     var _ref = _object_spread({}, defaultOverlayProps, props), children = _ref.children, zIndex = _ref.zIndex, duration = _ref.duration, className = _ref.className, closeOnOverlayClick = _ref.closeOnOverlayClick, visible = _ref.visible, lockScroll = _ref.lockScroll, style = _ref.style, afterShow = _ref.afterShow, afterClose = _ref.afterClose, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
@@ -29,41 +31,33 @@ export var Overlay = function(props) {
         "afterClose",
         "onClick"
     ]);
-    var classPrefix = "nut-overlay";
+    var classPrefix = 'nut-overlay';
     var _useState = _sliced_to_array(useState(visible), 2), innerVisible = _useState[0], setInnerVisible = _useState[1];
     var nodeRef = useRef(null);
     useEffect(function() {
-        if (visible) {
-            setInnerVisible(true);
-        } else {
-            setInnerVisible(false);
-        }
+        setInnerVisible(visible);
     }, [
         visible
     ]);
     var shouldLockScroll = !innerVisible ? false : lockScroll;
     useLockScroll(nodeRef, shouldLockScroll);
     var classes = classNames(classPrefix, className);
-    var styles = _object_spread({}, style);
+    var styles = _object_spread_props(_object_spread({}, style), {
+        zIndex: zIndex
+    });
     var handleClick = function(e) {
         if (closeOnOverlayClick) {
             onClick && onClick(e);
         }
     };
-    var onHandleOpened = function(e) {
-        afterShow && afterShow();
-    };
-    var onHandleClosed = function(e) {
-        afterClose && afterClose();
-    };
     return /*#__PURE__*/ React.createElement(CSSTransition, {
         nodeRef: nodeRef,
         classNames: "".concat(classPrefix, "-slide"),
         unmountOnExit: true,
         timeout: duration,
         in: innerVisible,
-        onEntered: onHandleOpened,
-        onExited: onHandleClosed
+        onEntered: afterShow,
+        onExited: afterClose
     }, /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({
         ref: nodeRef,
         className: classes,

package/dist/es/packages/overlay/style/overlay.scss

@@ -1,10 +1,5 @@
 .nut-overlay {
-  /* #ifdef rn */
-  position: absolute;
-  /* #endif */
-  /* #ifndef rn */
   position: fixed;
-  /* #endif */
   top: 0;
   left: 0;
   bottom: 0;
@@ -24,11 +19,9 @@
     0% {
       opacity: 0;
     }
-
     1% {
       opacity: 0;
     }
-
     100% {
       opacity: 1;
     }
@@ -38,11 +31,9 @@
     0% {
       opacity: 1;
     }
-
     1% {
       opacity: 1;
     }
-
     100% {
       opacity: 0;
     }

package/dist/es/packages/overlay/style/style.css

@@ -3,19 +3,14 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-overlay {
-  /* #ifdef rn */
-  position: absolute;
-  /* #endif */
-  /* #ifndef rn */
   position: fixed;
-  /* #endif */
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
-  background-color: var(--nutui-overlay-bg-color, var(--nutui-black-10));
+  background-color: var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
   z-index: var(--nutui-overlay-zIndex, 1000);
 }
 

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

@@ -0,0 +1,11 @@
+import { BasicComponent } from "../../utils/typings";
+export interface OverlayProps extends BasicComponent {
+    zIndex: number;
+    duration: number;
+    closeOnOverlayClick: boolean;
+    visible: boolean;
+    lockScroll: boolean;
+    onClick: (event: React.MouseEvent) => void;
+    afterShow: () => void;
+    afterClose: () => void;
+}

package/dist/es/packages/overlay/types.js

@@ -0,0 +1 @@
+export { };

package/dist/es/packages/pagination/pagination.js

@@ -6,7 +6,7 @@ import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React, { useMemo } from "react";
 import classNames from "classnames";
 import { useConfig } from "../configprovider";
-import { usePropsValue } from "../../utils/use-props-value";
+import { usePropsValue } from "../../hooks/use-props-value";
 import { ComponentDefaults } from "../../utils/typings";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     defaultValue: 1,

package/dist/es/packages/pagination/style/style.css

@@ -6,7 +6,7 @@
   display: flex;
   flex-direction: row;
   font-size: var(--nutui-pagination-font-size, var(--nutui-font-size-base, 14px));
-  color: var(--nutui-pagination-color, var(--nutui-brand-6));
+  color: var(--nutui-pagination-color, var(--nutui-color-primary, #ff0f23));
 }
 
 .nut-pagination-prev,
@@ -20,10 +20,10 @@
   align-items: center;
   justify-content: center;
   font-size: var(--nutui-pagination-font-size, var(--nutui-font-size-base, 14px));
-  color: var(--nutui-pagination-color, var(--nutui-brand-6));
+  color: var(--nutui-pagination-color, var(--nutui-color-primary, #ff0f23));
   background: #ffffff;
   border-radius: var(--nutui-pagination-item-border-radius, 2px);
-  border: var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-black-3));
+  border: var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
   cursor: pointer;
 }
 
@@ -45,13 +45,13 @@
 .nut-pagination-item-active {
   color: #ffffff;
   border-width: 0;
-  background-color: var(--nutui-brand-6);
+  background-color: var(--nutui-color-primary, #ff0f23);
 }
 
 .nut-pagination-item-disabled,
 .nut-pagination-next-disabled,
 .nut-pagination-prev-disabled {
-  color: var(--nutui-pagination-disable-color, var(--nutui-gray-4));
+  color: var(--nutui-pagination-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
   background-color: var(--nutui-pagination-disable-background-color, #f7f8fa);
   cursor: not-allowed;
 }
@@ -62,11 +62,11 @@
   line-height: 39px;
   text-align: center;
   font-size: var(--nutui-pagination-font-size, var(--nutui-font-size-base, 14px));
-  color: var(--nutui-pagination-color, var(--nutui-brand-6));
+  color: var(--nutui-pagination-color, var(--nutui-color-primary, #ff0f23));
 }
 
 .nut-pagination-simple-border {
-  border-right: var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-black-3));
+  border-right: var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
 }
 
 .nut-pagination-lite {

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

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

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

@@ -1,83 +1,4 @@
-import React, { RefObject } from 'react';
-import { PopupProps } from "../popup/popup";
-import { PickerOption } from './types';
-import { BasicComponent } from "../../utils/typings";
-export type PickerActions = {
-    open: () => void;
-    close: () => void;
-};
-export interface PickerProps extends Omit<BasicComponent, 'children'> {
-    /**
-    * 是否可见
-    * @default false
-    */
-    visible?: boolean | undefined
-    /**
-    * 设置标题
-    * @default -
-    */
-    title?: string
-    /**
-    * 列表数据
-    * @default []
-    */
-    options: (PickerOption | PickerOption[])[]
-    /**
-    * 选中值，受控
-    * @default []
-    */
-    value?: (number | string)[]
-    /**
-    * 默认选中
-    * @default []
-    */
-    defaultValue?: (number | string)[]
-    /**
-    * 是否开启3D效果
-    * @default true
-    */
-    threeDimensional?: boolean
-    /**
-    * 快速滑动时惯性滚动的时长，单位 ms
-    * @default 1000
-    */
-    duration: number | string
-    /**
-    * 是否点击遮罩关闭
-    * @default true
-    */
-    closeOnOverlayClick: boolean
-    /**
-    * 透传popup属性
-    * @default -
-    */
-    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
-    /**
-    * 联动时，关闭时回调
-    * @default -
-    */
-    afterClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], pickerRef: RefObject<HTMLDivElement>) => void
-    /**
-    * 每一列值变更时调用
-    * @default -
-    */
-    onChange?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], columnIndex: number) => void
-    children?: any;
-}
-declare const Picker: React.ForwardRefExoticComponent<Partial<PickerProps> & React.RefAttributes<unknown>>;
+import React from 'react';
+import { PickerActions, PickerProps } from './types';
+declare const Picker: React.ForwardRefExoticComponent<Partial<PickerProps> & React.RefAttributes<PickerActions>>;
 export default Picker;