@nutui/nutui-react 2.0.0-alpha.15 → 2.0.0-alpha.16

package/dist/esm/Toast.js

@@ -56,9 +56,9 @@ function _isNativeReflectConstruct() {
 }
 import * as React from "react";
 import classNames from "classnames";
+import { Issue, Failure, Loading, Check } from "@nutui/icons-react";
 import { r as render, u as unmount } from "./render.js";
 import { O as Overlay } from "./overlay2.js";
-import { Issue, Failure, Loading, Check } from "@nutui/icons-react";
 import { C as ComponentDefaults } from "./typings.js";
 import "react-dom";
 var classPrefix = "nut-toast";
@@ -73,14 +73,23 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
     _this.close = _this.close.bind(_assertThisInitialized(_this));
     _this.startCloseTimer = _this.startCloseTimer.bind(_assertThisInitialized(_this));
     _this.clearCloseTimer = _this.clearCloseTimer.bind(_assertThisInitialized(_this));
-    _this.close = _this.close.bind(_assertThisInitialized(_this));
     _this.clickCover = _this.clickCover.bind(_assertThisInitialized(_this));
+    _this.state = {
+      show: true
+    };
     return _this;
   }
   _createClass(Notification2, [{
     key: "close",
     value: function close() {
+      this.setState({
+        show: false
+      });
       this.clearCloseTimer();
+      if (this.props.id) {
+        var element = document.getElementById(this.props.id);
+        element && element.parentNode && element.parentNode.removeChild(element);
+      }
       this.props.onClose();
     }
   }, {
@@ -153,15 +162,15 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
     value: function render2() {
       var _this3 = this;
       var _this$props = this.props, id = _this$props.id, icon = _this$props.icon, title = _this$props.title, content = _this$props.content, position = _this$props.position, size = _this$props.size, closeOnOverlayClick = _this$props.closeOnOverlayClick, style = _this$props.style, className = _this$props.className, contentClassName = _this$props.contentClassName, contentStyle = _this$props.contentStyle;
+      var show2 = this.state.show;
       var classes = classNames(_defineProperty({
         "nut-toast-has-icon": icon
       }, "nut-toast-".concat(size), true));
       return React.createElement(React.Fragment, null, React.createElement(Overlay, {
-        visible: true,
+        visible: show2,
         style,
         className: "".concat(classPrefix, "__overlay-default ").concat(className),
         onClick: function onClick() {
-          console.log("onclick");
           _this3.clickCover();
         },
         closeOnOverlayClick
@@ -183,9 +192,9 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
 _defineProperty(Notification, "newInstance", void 0);
 Notification.newInstance = function(properties, callback) {
   var element = document.createElement("div");
-  if (properties.id) {
-    element.setAttribute("id", "".concat(properties.id));
-  }
+  var id = properties.id ? properties.id : "".concat((/* @__PURE__ */ new Date()).getTime());
+  element.id = id;
+  properties.id = id;
   document.body.appendChild(element);
   var called = false;
   function ref(instance) {

package/dist/esm/Uploader.js

@@ -31,7 +31,7 @@ import classNames from "classnames";
 import { Failure, Loading, Link, Del, Photograph } from "@nutui/icons-react";
 import Progress from "./Progress.js";
 import { useConfig } from "./ConfigProvider.js";
-import { i as isPromise } from "./index.js";
+import { a as isPromise } from "./index.js";
 import { C as ComponentDefaults } from "./typings.js";
 var UploadOptions = /* @__PURE__ */ _createClass(function UploadOptions2() {
   _classCallCheck(this, UploadOptions2);

package/dist/esm/index.js

@@ -16,8 +16,8 @@ var upperCaseFirst = function upperCaseFirst2(str) {
   return str;
 };
 export {
-  isFunction as a,
+  isPromise as a,
   isObject as b,
-  isPromise as i,
+  isFunction as i,
   upperCaseFirst as u
 };

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

@@ -1,27 +1,21 @@
 import React, { FunctionComponent } from 'react';
-export interface PickerOption {
-    text: string | number;
-    value: string | number;
-    disabled?: boolean;
-    children?: PickerOption[];
-    className?: string | number;
-}
-export interface DatePickerProps {
-    modelValue: Date | null;
+import { PickerOption } from '@/packages/picker/index';
+import { BasicComponent } from '@/utils/typings';
+export interface DatePickerProps extends BasicComponent {
+    value?: Date | null;
+    defaultValue?: Date | null;
     visible: boolean;
     title: string;
     type: 'date' | 'time' | 'year-month' | 'month-day' | 'datehour' | 'datetime' | 'hour-minutes';
-    isShowChinese: boolean;
+    showChinese: boolean;
     minuteStep: number;
-    minDate: Date;
-    maxDate: Date;
+    startDate: Date;
+    endDate: Date;
     threeDimensional: boolean;
-    className?: string;
-    style?: React.CSSProperties;
     formatter: (type: string, option: PickerOption) => PickerOption;
     filter: (type: string, option: PickerOption[]) => PickerOption[];
-    onCloseDatePicker: () => void;
-    onConfirmDatePicker: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
+    onClose: () => void;
+    onConfirm: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
     onChange?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], columnIndex: number) => void;
 }
-export declare const DatePicker: FunctionComponent<Partial<DatePickerProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+export declare const DatePicker: FunctionComponent<Partial<DatePickerProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>>;

package/dist/esm/types/src/packages/datepicker/datepicker.taro.d.ts

@@ -1,27 +1,21 @@
 import React, { FunctionComponent } from 'react';
-export interface PickerOption {
-    text: string | number;
-    value: string | number;
-    disabled?: boolean;
-    children?: PickerOption[];
-    className?: string | number;
-}
-export interface DatePickerProps {
-    modelValue: Date | null;
+import { PickerOption } from '@/packages/picker/index';
+import { BasicComponent } from '@/utils/typings';
+export interface DatePickerProps extends BasicComponent {
+    value?: Date | null;
+    defaultValue?: Date | null;
     visible: boolean;
     title: string;
     type: 'date' | 'time' | 'year-month' | 'month-day' | 'datehour' | 'datetime' | 'hour-minutes';
-    isShowChinese: boolean;
+    showChinese: boolean;
     minuteStep: number;
-    minDate: Date;
-    maxDate: Date;
+    startDate: Date;
+    endDate: Date;
     threeDimensional: boolean;
-    className?: string;
-    style?: React.CSSProperties;
     formatter: (type: string, option: PickerOption) => PickerOption;
     filter: (type: string, option: PickerOption[]) => PickerOption[];
-    onCloseDatePicker: () => void;
-    onConfirmDatePicker: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
+    onClose: () => void;
+    onConfirm: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
     onChange?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], columnIndex: number) => void;
 }
-export declare const DatePicker: FunctionComponent<Partial<DatePickerProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+export declare const DatePicker: FunctionComponent<Partial<DatePickerProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>>;

package/dist/esm/types/src/packages/datepicker/index.d.ts

@@ -1,2 +1,3 @@
 import { DatePicker } from './datepicker';
+export type { DatePickerProps } from './datepicker';
 export default DatePicker;

package/dist/esm/types/src/packages/datepicker/index.taro.d.ts

@@ -1,2 +1,3 @@
 import { DatePicker } from './datepicker.taro';
+export type { DatePickerProps } from './datepicker.taro';
 export default DatePicker;

package/dist/esm/types/src/packages/nutui.react.taro.d.ts

@@ -52,7 +52,7 @@ import Badge from '@/packages/badge/index.taro';
 import Dialog from '@/packages/dialog/index.taro';
 import Drag from '@/packages/drag/index.taro';
 import Empty from '@/packages/empty/index.taro';
-import Infiniteloading from '@/packages/infiniteloading/index.taro';
+import InfiniteLoading from '@/packages/infiniteloading/index.taro';
 import NoticeBar from '@/packages/noticebar/index.taro';
 import Notify from '@/packages/notify/index.taro';
 import Popover from '@/packages/popover/index.taro';
@@ -182,4 +182,4 @@ import '@/packages/timedetail/timedetail.scss';
 import '@/packages/timeselect/timeselect.scss';
 import '@/packages/trendarrow/trendarrow.scss';
 import '@/packages/watermark/watermark.scss';
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, 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, NoticeBar, Notify, Popover, PullToRefresh, Skeleton, Swipe, Popup, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, VirtualList, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Video, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, 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, NoticeBar, Notify, Popover, PullToRefresh, Skeleton, Swipe, Popup, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, VirtualList, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Video, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

package/dist/esm/types/src/packages/nutui.taro.react.build.d.ts

@@ -52,7 +52,7 @@ import Badge from '@/packages/badge/index.taro';
 import Dialog from '@/packages/dialog/index.taro';
 import Drag from '@/packages/drag/index.taro';
 import Empty from '@/packages/empty/index.taro';
-import Infiniteloading from '@/packages/infiniteloading/index.taro';
+import InfiniteLoading from '@/packages/infiniteloading/index.taro';
 import NoticeBar from '@/packages/noticebar/index.taro';
 import Notify from '@/packages/notify/index.taro';
 import Popover from '@/packages/popover/index.taro';
@@ -90,4 +90,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, 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, NoticeBar, Notify, Popover, PullToRefresh, Skeleton, Swipe, Popup, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, VirtualList, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Video, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, 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, NoticeBar, Notify, Popover, PullToRefresh, Skeleton, Swipe, Popup, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, VirtualList, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Video, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

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

@@ -13,7 +13,10 @@ export interface NotificationProps extends BasicComponent {
     contentStyle?: React.CSSProperties;
     onClose: () => void;
 }
-export default class Notification extends React.PureComponent<NotificationProps> {
+export interface NotificationState {
+    show: boolean;
+}
+export default class Notification extends React.PureComponent<NotificationProps, NotificationState> {
     static newInstance: (properties: NotificationProps, callback: any) => void;
     private closeTimer;
     constructor(props: NotificationProps);

package/dist/esm/use-click-away.js

@@ -0,0 +1,43 @@
+import { useEffect } from "react";
+import { i as isFunction } from "./index.js";
+var getTargetElement = function getTargetElement2(target) {
+  var targetElement;
+  if (isFunction(target)) {
+    targetElement = target();
+  } else if ("current" in target) {
+    targetElement = target.current;
+  } else {
+    targetElement = target;
+  }
+  return targetElement;
+};
+function useClickAway(onClickAway, target) {
+  var eventName = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "click";
+  var isListener = arguments.length > 3 ? arguments[3] : void 0;
+  var outerVar = arguments.length > 4 ? arguments[4] : void 0;
+  var handler = function handler2(event) {
+    var targets = Array.isArray(target) ? target : [target];
+    if (targets.some(function(item) {
+      var targetElement = getTargetElement(item);
+      return !targetElement || targetElement.contains(event.target);
+    })) {
+      return;
+    }
+    if (outerVar) {
+      onClickAway();
+    }
+  };
+  useEffect(function() {
+    if (isListener) {
+      window.addEventListener(eventName, handler, false);
+    } else {
+      window.removeEventListener(eventName, handler, false);
+    }
+    return function() {
+      window.removeEventListener(eventName, handler, true);
+    };
+  }, [target]);
+}
+export {
+  useClickAway as u
+};

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.15 Wed Jun 07 2023 16:12:40 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.16 Fri Jun 09 2023 18:30:17 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.15 Wed Jun 07 2023 16:12:40 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.16 Fri Jun 09 2023 18:30:17 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.15 Wed Jun 07 2023 16:12:40 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.16 Fri Jun 09 2023 18:30:17 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.15 Wed Jun 07 2023 16:12:40 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.16 Fri Jun 09 2023 18:30:17 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.15 Wed Jun 07 2023 16:12:40 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.16 Fri Jun 09 2023 18:30:17 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.15 Wed Jun 07 2023 16:12:40 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.16 Fri Jun 09 2023 18:30:17 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.15 Wed Jun 07 2023 16:12:40 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.16 Fri Jun 09 2023 18:30:17 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */