@nutui/nutui-react 0.1.0-beta.1 → 0.1.0-beta.2

package/dist/esm/date-649fe493.js

@@ -0,0 +1,112 @@
+var Utils = {
+  /**
+   * 是否为闫年
+   * @return {Boolse} true|false
+   */
+  isLeapYear: function isLeapYear(y) {
+    return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
+  },
+
+  /**
+   * 返回星期数
+   * @return {String}
+   */
+  getWhatDay: function getWhatDay(year, month, day) {
+    var date = new Date(year + '/' + month + '/' + day);
+    var index = date.getDay();
+    var dayNames = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
+    return dayNames[index];
+  },
+
+  /**
+   * 返回星期数
+   * @return {Number}
+   */
+  getMonthPreDay: function getMonthPreDay(year, month) {
+    var date = new Date(year + '/' + month + '/01');
+    var day = date.getDay();
+
+    if (day == 0) {
+      day = 7;
+    }
+
+    return day;
+  },
+
+  /**
+   * 返回月份天数
+   * @return {Number}
+   */
+  getMonthDays: function getMonthDays(year, month) {
+    if (/^0/.test(month)) {
+      month = month.split('')[1];
+    }
+
+    return [0, 31, this.isLeapYear(Number(year)) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];
+  },
+
+  /**
+   * 补齐数字位数
+   * @return {string}
+   */
+  getNumTwoBit: function getNumTwoBit(n) {
+    n = Number(n);
+    return (n > 9 ? '' : '0') + n;
+  },
+
+  /**
+   * 日期对象转成字符串
+   * @return {string}
+   */
+  date2Str: function date2Str(date, split) {
+    split = split || '-';
+    var y = date.getFullYear();
+    var m = this.getNumTwoBit(date.getMonth() + 1);
+    var d = this.getNumTwoBit(date.getDate());
+    return [y, m, d].join(split);
+  },
+
+  /**
+   * 返回日期格式字符串
+   * @param {Number} 0返回今天的日期、1返回明天的日期，2返回后天得日期，依次类推
+   * @return {string} '2014-12-31'
+   */
+  getDay: function getDay(i) {
+    i = i || 0;
+    var date = new Date();
+    var diff = i * (1000 * 60 * 60 * 24);
+    date = new Date(date.getTime() + diff);
+    return this.date2Str(date);
+  },
+
+  /**
+   * 时间比较
+   * @return {Boolean}
+   */
+  compareDate: function compareDate(date1, date2) {
+    var startTime = new Date(date1.replace('-', '/').replace('-', '/'));
+    var endTime = new Date(date2.replace('-', '/').replace('-', '/'));
+
+    if (startTime >= endTime) {
+      return false;
+    }
+
+    return true;
+  },
+
+  /**
+   * 时间是否相等
+   * @return {Boolean}
+   */
+  isEqual: function isEqual(date1, date2) {
+    var startTime = new Date(date1).getTime();
+    var endTime = new Date(date2).getTime();
+
+    if (startTime == endTime) {
+      return true;
+    }
+
+    return false;
+  }
+};
+export { Utils as U };

package/dist/esm/nutui-react.es.js

@@ -1,11 +1,14 @@
 export { default as Avatar } from './Avatar.js';
 export { default as Button } from './Button.js';
 export { default as Cell } from './Cell.js';
+export { default as CellGroup } from './CellGroup.js';
 export { default as Icon } from './Icon.js';
 export { default as Price } from './Price.js';
 export { default as Overlay } from './Overlay.js';
 export { default as Divider } from './Divider.js';
 export { default as Layout } from './Layout.js';
+export { default as Row } from './Row.js';
+export { default as Col } from './Col.js';
 export { default as Drag } from './Drag.js';
 export { default as Collapse } from './Collapse.js';
 export { default as Toast } from './Toast.js';
@@ -19,6 +22,11 @@ export { default as Popup } from './Popup.js';
 export { default as ActionSheet } from './ActionSheet.js';
 export { default as NoticeBar } from './NoticeBar.js';
 export { default as Notify } from './Notify.js';
+export { default as Dialog } from './Dialog.js';
+export { default as Switch } from './Switch.js';
+export { default as CollapseItem } from './CollapseItem.js';
+export { default as Swiper } from './Swiper.js';
+export { default as SwiperItem } from './SwiperItem.js';
 export { default as NavBar } from './NavBar.js';
 export { default as Tabbar } from './Tabbar.js';
 export { default as TabbarItem } from './TabbarItem.js';
@@ -33,10 +41,15 @@ export { default as TextArea } from './TextArea.js';
 export { default as Checkbox } from './Checkbox.js';
 export { default as CheckboxGroup } from './CheckboxGroup.js';
 export { default as Tag } from './Tag.js';
+export { default as Popover } from './Popover.js';
 export { default as Badge } from './Badge.js';
 export { default as AnimatingNumbers } from './AnimatingNumbers.js';
 export { default as Radio } from './Radio.js';
 export { default as RadioGroup } from './RadioGroup.js';
+export { default as ShortPassword } from './ShortPassword.js';
+export { default as Calendar } from './Calendar.js';
+export { default as CalendarItem } from './CalendarItem.js';
+export { default as Picker } from './Picker.js';
 export { default as Signature } from './Signature.js';
 export { default as Barrage } from './Barrage.js';
 export { default as Address } from './Address.js';

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

@@ -0,0 +1,14 @@
+import React, { FunctionComponent } from 'react';
+export interface CalendarProps {
+    type?: string;
+    isAutoBackFill?: boolean;
+    poppable?: boolean;
+    visible?: boolean;
+    title?: string;
+    defaultValue?: string | string[];
+    startDate?: string;
+    endDate?: string;
+    onClose?: () => void;
+    onChoose?: (param: string) => void;
+}
+export declare const Calendar: FunctionComponent<Partial<CalendarProps> & React.HTMLAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,17 @@
+import React, { FunctionComponent } from 'react';
+declare type InputDate = string | string[];
+export interface CalendarItemProps {
+    type?: string;
+    isAutoBackFill?: boolean;
+    poppable?: boolean;
+    visible?: boolean;
+    title?: string;
+    defaultValue: InputDate;
+    startDate?: InputDate;
+    endDate?: InputDate;
+    onChoose?: (data: any) => void;
+    onUpdate?: () => void;
+    onClose?: () => void;
+}
+export declare const CalendarItem: FunctionComponent<Partial<CalendarItemProps> & React.HTMLAttributes<HTMLDivElement>>;
+export {};

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

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

package/dist/esm/types/src/packages/dialog/Confirm.d.ts

@@ -0,0 +1,7 @@
+import { ConfirmProps } from './config';
+export declare const normalizeConfig: (_config: ConfirmProps) => ConfirmProps;
+declare function confirm(config: ConfirmProps, renderFunc?: (props: ConfirmProps) => void): {
+    close: () => void;
+    update: (newConfig: ConfirmProps) => void;
+};
+export default confirm;

package/dist/esm/types/src/packages/dialog/Content.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent, ReactNode, HTMLAttributes } from 'react';
+interface ContentProps {
+    visible?: boolean;
+    title?: ReactNode;
+    footer?: ReactNode;
+    textAlign?: any;
+    footerDirection?: string;
+}
+export declare const Content: FunctionComponent<Partial<ContentProps> & HTMLAttributes<HTMLDivElement>>;
+export {};

package/dist/esm/types/src/packages/dialog/DialogWrap.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent, HTMLAttributes } from 'react';
+interface DialogWrapProps {
+    visible?: boolean;
+    mask?: boolean;
+    lockScroll?: boolean;
+    closeOnClickOverlay?: boolean;
+    onCancel?: Function;
+    onClosed?: Function;
+}
+export declare const DialogWrap: FunctionComponent<Partial<DialogWrapProps> & HTMLAttributes<HTMLDivElement>>;
+export {};

package/dist/esm/types/src/packages/dialog/DialogWrapper.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent, ReactNode, HTMLAttributes } from 'react';
+interface DialogWrapperProps {
+    visible?: boolean;
+    title?: ReactNode;
+    footer?: ReactNode;
+}
+export declare const DialogWrapper: FunctionComponent<Partial<DialogWrapperProps> & HTMLAttributes<HTMLDivElement>>;
+export {};

package/dist/esm/types/src/packages/dialog/Mask.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare type MaskProps = {};
+export default function Mask(props: MaskProps): JSX.Element;

package/dist/esm/types/src/packages/dialog/config.d.ts

@@ -0,0 +1,46 @@
+import { CSSProperties, ReactNode, ForwardRefExoticComponent, PropsWithChildren } from 'react';
+export declare type DialogConfigType = {
+    prefixCls?: string;
+    simple?: boolean;
+};
+export interface DialogProps {
+    className?: string;
+    style?: CSSProperties;
+    visible?: boolean;
+    title?: ReactNode;
+    content?: ReactNode;
+    footer?: ReactNode;
+    okText?: ReactNode;
+    cancelText?: ReactNode;
+    mask?: boolean;
+    noOkBtn?: boolean;
+    noCancelBtn?: boolean;
+    okBtnDisabled?: boolean;
+    noFooter?: boolean;
+    closeOnClickOverlay?: boolean;
+    cancelAutoClose?: boolean;
+    textAlign?: any;
+    footerDirection?: string;
+    lockScroll?: boolean;
+    onClosed?: Function;
+    onOk?: (e?: MouseEvent) => Promise<any> | void;
+    onCancel?: () => void;
+    onConfirm?: (e?: MouseEvent) => Promise<any> | void;
+}
+export declare type DialogReturnProps = {
+    update: Function;
+    close: Function;
+};
+export interface ConfirmProps extends DialogProps {
+    content?: ReactNode;
+    icon?: ReactNode | null;
+    isNotice?: boolean;
+    noticeType?: string;
+}
+export interface DialogComponent extends ForwardRefExoticComponent<PropsWithChildren<DialogProps>> {
+    confirm: (props: ConfirmProps) => DialogReturnProps;
+    alert: (props: ConfirmProps) => DialogReturnProps;
+    config: (config: DialogConfigType) => void;
+    destroyAll: () => void;
+}
+export declare const destroyList: Array<Function>;

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

@@ -0,0 +1,2 @@
+import { DialogComponent } from './config';
+export declare const Dialog: DialogComponent;

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

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

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

@@ -1,7 +1,7 @@
 import React, { FunctionComponent } from 'react';
 export interface DragProps {
     attract: boolean;
-    direction: string;
+    direction: undefined | string;
     boundary: {
         top: number;
         left: number;

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

@@ -1,11 +1,14 @@
 import Avatar from '@/packages/avatar';
 import Button from '@/packages/button';
 import Cell from '@/packages/cell';
+import CellGroup from '@/packages/cellgroup';
 import Icon from '@/packages/icon';
 import Price from '@/packages/price';
 import Overlay from '@/packages/overlay';
 import Divider from '@/packages/divider';
 import Layout from '@/packages/layout';
+import Row from '@/packages/row';
+import Col from '@/packages/col';
 import Drag from '@/packages/drag';
 import Collapse from '@/packages/collapse';
 import Toast from '@/packages/toast';
@@ -19,6 +22,11 @@ import Popup from '@/packages/popup';
 import ActionSheet from '@/packages/actionsheet';
 import NoticeBar from '@/packages/noticebar';
 import Notify from '@/packages/notify';
+import Dialog from '@/packages/dialog';
+import Switch from '@/packages/switch';
+import CollapseItem from '@/packages/collapseitem';
+import Swiper from '@/packages/swiper';
+import SwiperItem from '@/packages/swiperitem';
 import NavBar from '@/packages/navbar';
 import Tabbar from '@/packages/tabbar';
 import TabbarItem from '@/packages/tabbaritem';
@@ -33,11 +41,16 @@ import TextArea from '@/packages/textarea';
 import Checkbox from '@/packages/checkbox';
 import CheckboxGroup from '@/packages/checkboxgroup';
 import Tag from '@/packages/tag';
+import Popover from '@/packages/popover';
 import Badge from '@/packages/badge';
 import AnimatingNumbers from '@/packages/animatingnumbers';
 import Radio from '@/packages/radio';
 import RadioGroup from '@/packages/radiogroup';
+import ShortPassword from '@/packages/shortpassword';
+import Calendar from '@/packages/calendar';
+import CalendarItem from '@/packages/calendaritem';
+import Picker from '@/packages/picker';
 import Signature from '@/packages/signature';
 import Barrage from '@/packages/barrage';
 import Address from '@/packages/address';
-export { Avatar, Button, Cell, Icon, Price, Overlay, Divider, Layout, Drag, Collapse, Toast, BackTop, Range, Infiniteloading, Steps, Step, CircleProgress, Popup, ActionSheet, NoticeBar, Notify, NavBar, Tabbar, TabbarItem, InputNumber, Elevator, FixedNav, Pagination, Rate, Uploader, Input, TextArea, Checkbox, CheckboxGroup, Tag, Badge, AnimatingNumbers, Radio, RadioGroup, Signature, Barrage, Address };
+export { Avatar, Button, Cell, CellGroup, Icon, Price, Overlay, Divider, Layout, Row, Col, Drag, Collapse, Toast, BackTop, Range, Infiniteloading, Steps, Step, CircleProgress, Popup, ActionSheet, NoticeBar, Notify, Dialog, Switch, CollapseItem, Swiper, SwiperItem, NavBar, Tabbar, TabbarItem, InputNumber, Elevator, FixedNav, Pagination, Rate, Uploader, Input, TextArea, Checkbox, CheckboxGroup, Tag, Popover, Badge, AnimatingNumbers, Radio, RadioGroup, ShortPassword, Calendar, CalendarItem, Picker, Signature, Barrage, Address };

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

@@ -1,11 +1,14 @@
 import Avatar from './avatar';
 import Button from './button';
 import Cell from './cell';
+import CellGroup from './cellgroup';
 import Icon from './icon';
 import Price from './price';
 import Overlay from './overlay';
 import Divider from './divider';
 import Layout from './layout';
+import Row from './row';
+import Col from './col';
 import Drag from './drag';
 import Collapse from './collapse';
 import Toast from './toast';
@@ -19,6 +22,11 @@ import Popup from './popup';
 import ActionSheet from './actionsheet';
 import NoticeBar from './noticebar';
 import Notify from './notify';
+import Dialog from './dialog';
+import Switch from './switch';
+import CollapseItem from './collapseitem';
+import Swiper from './swiper';
+import SwiperItem from './swiperitem';
 import NavBar from './navbar';
 import Tabbar from './tabbar';
 import TabbarItem from './tabbaritem';
@@ -33,11 +41,16 @@ import TextArea from './textarea';
 import Checkbox from './checkbox';
 import CheckboxGroup from './checkboxgroup';
 import Tag from './tag';
+import Popover from './popover';
 import Badge from './badge';
 import AnimatingNumbers from './animatingnumbers';
 import Radio from './radio';
 import RadioGroup from './radiogroup';
+import ShortPassword from './shortpassword';
+import Calendar from './calendar';
+import CalendarItem from './calendaritem';
+import Picker from './picker';
 import Signature from './signature';
 import Barrage from './barrage';
 import Address from './address';
-export { Avatar, Button, Cell, Icon, Price, Overlay, Divider, Layout, Drag, Collapse, Toast, BackTop, Range, Infiniteloading, Steps, Step, CircleProgress, Popup, ActionSheet, NoticeBar, Notify, NavBar, Tabbar, TabbarItem, InputNumber, Elevator, FixedNav, Pagination, Rate, Uploader, Input, TextArea, Checkbox, CheckboxGroup, Tag, Badge, AnimatingNumbers, Radio, RadioGroup, Signature, Barrage, Address };
+export { Avatar, Button, Cell, CellGroup, Icon, Price, Overlay, Divider, Layout, Row, Col, Drag, Collapse, Toast, BackTop, Range, Infiniteloading, Steps, Step, CircleProgress, Popup, ActionSheet, NoticeBar, Notify, Dialog, Switch, CollapseItem, Swiper, SwiperItem, NavBar, Tabbar, TabbarItem, InputNumber, Elevator, FixedNav, Pagination, Rate, Uploader, Input, TextArea, Checkbox, CheckboxGroup, Tag, Popover, Badge, AnimatingNumbers, Radio, RadioGroup, ShortPassword, Calendar, CalendarItem, Picker, Signature, Barrage, Address };

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

@@ -0,0 +1,2 @@
+import Picker from './picker';
+export default Picker;

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

@@ -0,0 +1,19 @@
+import React, { RefObject } from 'react';
+interface IPickerProps {
+    isVisible: boolean;
+    title?: string;
+    listData: any[];
+    defaultValueData?: any[];
+    className: '';
+    style: {};
+    onConfirm?: (list: any[]) => void;
+    onClose?: () => void;
+    onCloseUpdate?: (list: any[], pickerRef: RefObject<HTMLDivElement>) => void;
+    onChoose?: (index: number, value: IResValue, list: any[], pickerRef: RefObject<HTMLDivElement>) => void;
+}
+interface IResValue {
+    label: number;
+    value: string;
+}
+declare const Picker: React.ForwardRefExoticComponent<Partial<IPickerProps> & React.RefAttributes<unknown>>;
+export default Picker;

package/dist/esm/types/src/packages/picker/pickerSlot.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IPickerSlotProps {
+    isUpdate?: boolean;
+    keyIndex?: number;
+    defaultValue?: string | number;
+    listData?: any[];
+    chooseItem?: (val: string, idx: number) => void;
+}
+declare const PickerSlot: React.ForwardRefExoticComponent<Partial<IPickerSlotProps> & React.RefAttributes<unknown>>;
+export default PickerSlot;

package/dist/esm/types/src/packages/popover/Trigger.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+interface TriggerProps {
+    className?: string | undefined;
+    forwardedRef: React.RefObject<HTMLElement>;
+}
+interface TriggerState {
+}
+/**
+ * 过滤ref
+ */
+export declare function fillRef<T>(ref: React.Ref<T>, node: T): void;
+/**
+ * 将ref合并到一个ref函数中以支持ref传递
+ */
+export declare function composeRef<T>(...refs: React.Ref<T>[]): React.Ref<T>;
+export default class Trigger extends React.Component<TriggerProps, TriggerState> {
+    constructor(props: any);
+    fireEvents(type: string, e: Event): void;
+    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+}
+export {};

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

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

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

@@ -0,0 +1,13 @@
+import React, { CSSProperties, FunctionComponent } from 'react';
+export interface PopoverProps {
+    list: Array<any>;
+    theme: string;
+    location: string;
+    visible: boolean;
+    className: string;
+    style?: CSSProperties;
+    onClick: (e: MouseEvent) => void;
+}
+export declare function findDOMNode<T = HTMLElement>(node: React.ReactInstance | HTMLElement): T;
+export declare type PopoverType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+export declare const Popover: FunctionComponent<Partial<PopoverProps>>;

package/dist/esm/types/src/packages/row/UserContext.d.ts

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

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

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

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

@@ -0,0 +1,21 @@
+import React, { CSSProperties, FunctionComponent } from 'react';
+export interface ShortPasswordProps {
+    title: string;
+    desc: string;
+    tips: string;
+    visible: boolean;
+    modelValue: string | number;
+    errorMsg: string;
+    noButton: boolean;
+    closeOnClickOverlay: boolean;
+    length: string | number;
+    className: string;
+    style?: CSSProperties;
+    change: (value: string | number) => void;
+    onOk: (value: string | number) => void;
+    onCancel: () => void;
+    onClose: () => void;
+    onTips: () => void;
+    complete: (value: string | number) => void;
+}
+export declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/types/src/packages/steps/UserContext.d.ts

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

package/dist/esm/types/src/packages/swiper/UserContext.d.ts

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

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

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

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

@@ -0,0 +1,26 @@
+import React from 'react';
+export declare type SwiperRef = {
+    to: (index: number) => void;
+    next: () => void;
+    prev: () => void;
+};
+interface SwiperProps {
+    width: number | string;
+    height: number | string;
+    duration: number | string;
+    initPage: number | string;
+    autoPlay: number | string;
+    direction: 'horizontal' | 'vertical';
+    paginationColor: string;
+    paginationVisible: boolean;
+    loop: boolean;
+    touchable: boolean;
+    isPreventDefault: boolean;
+    isStopPropagation: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    pageContent?: React.ReactNode;
+    onChange?: (currPage: number) => void;
+}
+export declare const Swiper: React.ForwardRefExoticComponent<Partial<SwiperProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<SwiperRef>>;
+export {};

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface SwiperItemProps {
+    direction?: string;
+    size?: 0;
+}
+export declare const SwiperItem: React.ForwardRefExoticComponent<Partial<SwiperItemProps> & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export {};