@nutui/nutui-react-taro 2.0.0-alpha.11 → 2.0.0-alpha.12

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

@@ -1,25 +1,22 @@
-import React, { CSSProperties, FunctionComponent } from 'react';
-import { BasicComponent } from '@/utils/typings';
-export interface ShortPasswordProps extends BasicComponent {
-    title: string;
-    description: string;
-    tips: string;
-    tipsIcon: React.ReactNode;
-    iconSize: string | number;
+import { FunctionComponent, ReactNode } from 'react';
+import { PopupProps } from '../popup/popup';
+export interface ShortPasswordProps extends PopupProps {
+    value: string;
     visible: boolean;
-    modelValue: string | number;
-    errorMsg: string;
-    noButton: boolean;
-    closeOnClickOverlay: boolean;
-    length: string | number;
-    className: string;
-    style?: CSSProperties;
-    autoFocus?: boolean;
-    onChange: (value: string | number) => void;
-    onOk: (value: string | number) => void;
+    plain: boolean;
+    title: ReactNode;
+    description: ReactNode;
+    tips: ReactNode;
+    hideFooter: boolean;
+    length: number;
+    error: ReactNode;
+    autoFocus: boolean;
+    onFocus: () => void;
+    onChange: (value: string) => void;
+    onConfirm: (value: string) => void;
     onCancel: () => void;
     onClose: () => void;
     onTips: () => void;
-    onComplete: (value: string | number) => void;
+    onComplete: (value: string) => void;
 }
-export declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+export declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps>>;

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

@@ -1,25 +1,22 @@
-import React, { CSSProperties, FunctionComponent } from 'react';
-import { BasicComponent } from '@/utils/typings';
-export interface ShortPasswordProps extends BasicComponent {
-    title: string;
-    description: string;
-    tips: string;
-    tipsIcon: React.ReactNode;
-    iconSize: string | number;
+import { FunctionComponent, ReactNode } from 'react';
+import { PopupProps } from '@/packages/popup/popup.taro';
+export interface ShortPasswordProps extends PopupProps {
+    value: string;
     visible: boolean;
-    modelValue: string | number;
-    errorMsg: string;
-    noButton: boolean;
-    closeOnClickOverlay: boolean;
-    length: string | number;
-    className: string;
-    style?: CSSProperties;
-    autoFocus?: boolean;
-    onChange: (value: string | number) => void;
-    onOk: (value: string | number) => void;
+    plain: boolean;
+    title: ReactNode;
+    description: ReactNode;
+    tips: ReactNode;
+    hideFooter: boolean;
+    length: number;
+    error: ReactNode;
+    autoFocus: boolean;
+    onFocus: () => void;
+    onChange: (value: string) => void;
+    onConfirm: (value: string) => void;
     onCancel: () => void;
     onClose: () => void;
     onTips: () => void;
-    onComplete: (value: string | number) => void;
+    onComplete: (value: string) => void;
 }
-export declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+export declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps>>;

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

@@ -1,21 +1,16 @@
 import * as React from 'react';
-export interface NotificationProps {
+import { BasicComponent } from '@/utils/typings';
+export interface NotificationProps extends BasicComponent {
     id?: string;
-    style?: React.CSSProperties;
-    icon: React.ReactNode;
-    msg: string | React.ReactNode;
-    bottom: string;
+    icon: 'success' | 'fail' | 'loading' | 'warn' | React.ReactNode;
+    content: string | React.ReactNode;
     duration: number;
-    center: boolean;
-    type: string;
+    position?: 'top' | 'center' | 'bottom';
     title: string;
-    customClass: string;
     size: string | number;
-    textAlignCenter: boolean;
-    bgColor: string;
-    cover: boolean;
-    coverColor: string;
-    closeOnClickOverlay: boolean;
+    closeOnOverlayClick: boolean;
+    contentClassName?: string;
+    contentStyle?: React.CSSProperties;
     onClose: () => void;
 }
 export default class Notification extends React.PureComponent<NotificationProps> {
@@ -26,6 +21,7 @@ export default class Notification extends React.PureComponent<NotificationProps>
     startCloseTimer(): void;
     clearCloseTimer(): void;
     clickCover(): void;
+    renderIcon(): number | boolean | React.ReactFragment | JSX.Element | null | undefined;
     componentDidMount(): void;
     componentWillUnmount(): void;
     render(): JSX.Element;

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

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

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

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

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

@@ -1,32 +1,25 @@
 import * as React from 'react';
-export interface ToastProps {
+import { BasicComponent } from '@/utils/typings';
+export type ToastPositionType = 'top' | 'bottom' | 'center';
+export type ToastIconType = 'success' | 'fail' | 'loading' | 'warn' | React.ReactNode;
+export interface ToastProps extends BasicComponent {
     id?: string;
-    msg: string;
-    style?: React.CSSProperties;
-    duration: number;
-    center: boolean;
-    type: string;
-    title: string;
-    customClass?: string;
-    bottom: string;
-    size: string | number;
-    icon: string | null;
-    iconSize: string;
-    textAlignCenter: boolean;
-    loadingRotate: boolean;
-    bgColor: string;
-    onClose: () => void;
-    cover: boolean;
-    coverColor: string;
-    closeOnClickOverlay: boolean;
+    duration?: number;
+    position?: ToastPositionType;
+    title?: string;
+    closeOnOverlayClick?: boolean;
+    size?: string | number;
+    icon?: ToastIconType;
+    content?: React.ReactNode;
+    onClose?: () => void;
+    contentClassName?: string;
+    contentStyle?: React.CSSProperties;
 }
+declare function show(option: ToastProps | string): void;
+declare function config(config: Pick<ToastProps, 'duration' | 'position' | 'closeOnOverlayClick'>): void;
 declare const _default: {
-    text(msg: string | React.ReactNode, option?: {}): void;
-    success(msg: string | React.ReactNode, option?: {}): void;
-    fail(msg: string | React.ReactNode, option?: {}): void;
-    loading(msg: string | React.ReactNode, option?: {}): void;
-    warn(msg: string | React.ReactNode, option?: {}): void;
-    customIcon(msg: string | React.ReactNode, option?: {}): void;
-    hide(): void;
+    show: typeof show;
+    config: typeof config;
+    clear(): void;
 };
 export default _default;

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

@@ -1,22 +1,20 @@
 import React, { FunctionComponent } from 'react';
-export interface ToastProps {
+import { BasicComponent } from '@/utils/typings';
+export type ToastPositionType = 'top' | 'bottom' | 'center';
+export interface ToastProps extends BasicComponent {
     id?: string;
-    style?: React.CSSProperties;
-    icon: string | null;
+    maskClassName?: string;
+    contentClassName?: string;
+    contentStyle?: React.CSSProperties;
+    icon: string | React.ReactNode;
     iconSize: string;
     msg: string | React.ReactNode;
-    bottom: number | string;
     duration: number;
-    center: boolean;
+    position?: ToastPositionType;
     type: string;
     title: string;
-    customClass: string;
+    closeOnOverlayClick: boolean;
     size: string | number;
-    textAlignCenter: boolean;
-    bgColor: string;
-    cover: boolean;
-    coverColor: string;
-    closeOnClickOverlay: boolean;
     visible: boolean;
     onClose: () => void;
 }

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

@@ -1,2 +1,3 @@
 import { VirtualList } from './virtuallist';
+export type { VirtualListProps } from './virtuallist';
 export default VirtualList;

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

@@ -1,2 +1,3 @@
 import { VirtualList } from './virtuallist.taro';
+export type { VirtualListProps } from './virtuallist.taro';
 export default VirtualList;

package/dist/esm/types/src/packages/virtuallist/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type Data = any;
 export interface VirtualListState {
     startOffset: number;
@@ -15,20 +14,3 @@ export interface PositionType {
     left?: number;
     right: number;
 }
-export interface BasicVirtualListProps {
-    className?: string;
-    style?: React.CSSProperties;
-    sourceData: Array<Data>;
-    containerSize?: number;
-    ItemRender?: React.FC<any>;
-    itemSize?: number;
-    itemEqualSize?: boolean;
-    horizontal?: boolean;
-    overscan?: number;
-    handleScroll?: (...args: any[]) => any;
-    onScroll?: (...args: any[]) => any;
-    key?: string;
-    locale?: {
-        [key in string]: string;
-    };
-}

package/dist/esm/types/src/packages/virtuallist/utils.d.ts

@@ -2,11 +2,11 @@ import { PositionType, Data } from './type';
 declare const initPositinoCache: (reaItemSize: number, length?: number) => PositionType[];
 declare const getListTotalSize: (positions: Array<PositionType>, horizontal: true | false) => number;
 declare const binarySearch: (positionsList: Array<PositionType>, value: number | undefined, horizontal: true | false) => number;
-declare const getEndIndex: ({ sourceData, startIndex, visibleCount, itemEqualSize, positions, offSetSize, overscan, sizeKey, }: {
-    sourceData: Array<Data>;
+declare const getEndIndex: ({ list, startIndex, visibleCount, itemEqual, positions, offSetSize, overscan, sizeKey, }: {
+    list: Array<Data>;
     startIndex: number;
     visibleCount: number;
-    itemEqualSize?: boolean | undefined;
+    itemEqual?: boolean | undefined;
     positions: PositionType[];
     offSetSize: number;
     overscan: number;

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

@@ -1,4 +1,15 @@
-import { FunctionComponent } from 'react';
-import { BasicVirtualListProps } from './type';
-export type VirtualListProps = BasicVirtualListProps;
-export declare const VirtualList: FunctionComponent<VirtualListProps>;
+import React, { FunctionComponent } from 'react';
+import type { Data } from './type';
+import { BasicComponent } from '@/utils/typings';
+export interface VirtualListProps extends BasicComponent {
+    list: Array<Data>;
+    containerHeight: number;
+    ItemRender: React.FC<any>;
+    itemHeight: number;
+    itemEqual: boolean;
+    direction: 'vertical' | 'horizontal';
+    overscan: number;
+    onScroll: () => void;
+    key: string;
+}
+export declare const VirtualList: FunctionComponent<Partial<VirtualListProps>>;

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

@@ -1,15 +1,14 @@
 import React, { FunctionComponent } from 'react';
-export type VirtualListProps = {
-    className?: string | any;
-    style?: React.CSSProperties;
-    sourceData: any;
-    containerSize?: number;
-    ItemRender?: any;
-    itemEqualSize?: boolean;
-    itemSize?: number;
-    overscan?: number;
-    onScroll?: (...args: any[]) => any;
-    key?: any;
-    locale?: any;
-};
-export declare const VirtualList: FunctionComponent<VirtualListProps & React.HTMLAttributes<HTMLDivElement>>;
+import { Data } from './type';
+import { BasicComponent } from '@/utils/typings';
+export interface VirtualListProps extends BasicComponent {
+    list: Array<Data>;
+    containerHeight: number;
+    ItemRender: React.FC<any>;
+    itemHeight: number;
+    itemEqual: boolean;
+    overscan: number;
+    onScroll: () => void;
+    key: string;
+}
+export declare const VirtualList: FunctionComponent<Partial<VirtualListProps>>;

package/dist/esm/{virtuallist.taro-99f03769.js → virtuallist.taro-97d3403a.js}

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useEffect, useCallback } from "react";
 import { ScrollView } from "@tarojs/components";
 import { getSystemInfoSync } from "@tarojs/taro";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const initPositinoCache = (reaItemSize, length = 0) => {
   let index = 0;
   const positions = Array(length);
@@ -71,20 +71,22 @@ const updateItemSize = (positions, items, sizeKey) => {
     }
   });
 };
+const clientHeight = getSystemInfoSync().windowHeight - 5 || 667;
 const defaultProps = {
-  sourceData: [],
-  itemSize: 66,
-  itemEqualSize: true,
+  ...ComponentDefaults,
+  list: [],
+  containerHeight: clientHeight,
+  itemHeight: 66,
+  itemEqual: true,
   overscan: 2
 };
-const clientHeight = getSystemInfoSync().windowHeight - 5 || 667;
-getSystemInfoSync().windowWidth || 375;
 const VirtualList = (props) => {
-  const { sourceData = [], ItemRender, itemSize = 66, itemEqualSize = true, overscan = 2, key, onScroll, className, containerSize = clientHeight, ...rest } = props;
+  const { list, ItemRender, itemHeight, itemEqual, overscan, key, onScroll, className, containerHeight, ...rest } = {
+    ...defaultProps,
+    ...props
+  };
   const [startOffset, setStartOffset] = useState(0);
   const [start, setStart] = useState(0);
-  const [list, setList] = useState(sourceData.slice());
-  useConfig();
   const scrollRef = useRef(null);
   const itemsRef = useRef(null);
   const firstItemRef = useRef(null);
@@ -99,7 +101,7 @@ const VirtualList = (props) => {
       right: 0
     }
   ]);
-  const [offSetSize, setOffSetSize] = useState(containerSize || 0);
+  const [offSetSize, setOffSetSize] = useState(containerHeight || 0);
   const [options, setOptions] = useState({
     startOffset: 0,
     startIndex: 0,
@@ -107,37 +109,32 @@ const VirtualList = (props) => {
     endIndex: 10
     // 可视区域结束索引
   });
-  useEffect(() => {
-    if (sourceData.length) {
-      setList(sourceData.slice());
-    }
-  }, [sourceData]);
   useEffect(() => {
     setPositions((options2) => {
       return { ...options2, endIndex: visibleCount() };
     });
-  }, [itemSize, overscan, offSetSize]);
+  }, [itemHeight, overscan, offSetSize]);
   useEffect(() => {
-    if (containerSize)
+    if (containerHeight)
       return;
     setOffSetSize(getContainerHeight());
-  }, [containerSize]);
+  }, [containerHeight]);
   useEffect(() => {
-    const pos = initPositinoCache(itemSize, sourceData.length);
+    const pos = initPositinoCache(itemHeight, list.length);
     setPositions(pos);
-  }, [itemSize, sourceData]);
+  }, [itemHeight, list]);
   const getContainerHeight = () => {
-    const initH = itemSize * sourceData.length;
-    return initH < clientHeight ? initH + overscan * itemSize - 5 : Math.min(containerSize, clientHeight);
+    const initH = itemHeight * list.length;
+    return initH < clientHeight ? initH + overscan * itemHeight - 5 : Math.min(containerHeight, clientHeight);
   };
   const visibleCount = () => {
-    return Math.ceil(getContainerHeight() / itemSize) + overscan;
+    return Math.ceil(getContainerHeight() / itemHeight) + overscan;
   };
   const end = () => {
     return start + visibleCount();
   };
   const listHeight = () => {
-    return list.length * itemSize;
+    return list.length * itemHeight;
   };
   const visibleData = () => {
     return list.slice(start, Math.min(end(), list.length));
@@ -156,24 +153,24 @@ const VirtualList = (props) => {
     const startIndex = binarySearch(positions, scrollSize, false);
     const overStart = startIndex - overscan > -1 ? startIndex - overscan : 0;
     const endIndex = end();
-    if (!itemEqualSize) {
+    if (!itemEqual) {
       updateTotalSize();
     }
-    setStart(Math.floor(scrollTop / itemSize));
+    setStart(Math.floor(scrollTop / itemHeight));
     setOptions({ startOffset, startIndex, overStart, endIndex });
     if (end() > list.length - 1) {
       onScroll && onScroll();
     }
-    setStartOffset(scrollTop - scrollTop % itemSize);
+    setStartOffset(scrollTop - scrollTop % itemHeight);
   };
   return React.createElement(
     "div",
     { className: className ? `${className} nut-virtualList-box` : "nut-virtualList-box", ...rest, style: {
-      height: containerSize ? `${offSetSize}px` : ""
+      height: containerHeight ? `${offSetSize}px` : ""
     } },
     React.createElement(
       ScrollView,
-      { scrollTop: 0, scrollY: true, type: "list", ref: scrollRef, className: "nut-virtuallist", style: {
+      { scrollY: true, type: "list", ref: scrollRef, className: "nut-virtuallist", style: {
         height: `${getContainerHeight()}px`
       }, onScroll: listScroll },
       React.createElement("div", { className: "nut-virtuallist-phantom", style: { height: `${listHeight()}px` } }),
@@ -182,7 +179,7 @@ const VirtualList = (props) => {
         const dataIndex = overStart + index;
         key && data[key] ? data[key] : dataIndex;
         return React.createElement("div", { ref: dataIndex === 0 ? firstItemRef : null, "data-index": `${dataIndex}`, className: "nut-virtuallist-item", key: `${data}`, style: {
-          height: `${itemEqualSize ? `${itemSize}px` : "auto"}`
+          height: `${itemEqual ? `${itemHeight}px` : "auto"}`
         } }, ItemRender ? React.createElement(ItemRender, { data, index: `${index}` }) : data);
       }))
     )

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.11 Wed May 24 2023 16:44:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.12 Fri May 26 2023 15:29:31 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-taro v2.0.0-alpha.11 Wed May 24 2023 16:44:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.12 Fri May 26 2023 15:29:31 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-taro v2.0.0-alpha.11 Wed May 24 2023 16:44:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.12 Fri May 26 2023 15:29:31 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-taro v2.0.0-alpha.11 Wed May 24 2023 16:44:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.12 Fri May 26 2023 15:29:31 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -30,7 +30,15 @@ const i = {
   },
   range: { rangeText: "Aralıkta görünmüyor" },
   calendaritem: {
-    weekdays: ["Pazar", "Pazartesi", "Salı", "Çarşamba", "Perşembe", "Cuma", "Cumartesi"],
+    weekdays: [
+      "Pazar",
+      "Pazartesi",
+      "Salı",
+      "Çarşamba",
+      "Perşembe",
+      "Cuma",
+      "Cumartesi"
+    ],
     end: "Son",
     start: "Başlangıç",
     confirm: "Onayla",

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.11 Wed May 24 2023 16:44:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.12 Fri May 26 2023 15:29:31 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-taro v2.0.0-alpha.11 Wed May 24 2023 16:44:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.12 Fri May 26 2023 15:29:31 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-taro v2.0.0-alpha.11 Wed May 24 2023 16:44:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.12 Fri May 26 2023 15:29:31 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */