@nutui/nutui-react-taro 2.0.0-alpha.7 → 2.0.0-alpha.9

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import React__default, { CSSProperties, ReactNode, FunctionComponent, MouseEvent as MouseEvent$1, MouseEventHandler, HTMLInputTypeAttribute, ChangeEvent, FocusEvent, RefObject, Component } from 'react';
-import { ButtonProps as ButtonProps$1, ITouchEvent, InputProps as InputProps$1, TextareaProps } from '@tarojs/components';
+import React__default, { CSSProperties, ReactNode, FunctionComponent, MouseEvent as MouseEvent$1, HTMLInputTypeAttribute, ChangeEvent, FocusEvent, RefObject, Component } from 'react';
+import { ButtonProps as ButtonProps$1, ITouchEvent, InputProps as InputProps$1, TextareaProps, SwiperProps as SwiperProps$1 } from '@tarojs/components';
 import Taro, { InnerAudioContext } from '@tarojs/taro';
 
 interface BasicComponent {
@@ -304,7 +304,7 @@ interface ElevatorProps extends BasicComponent {
     sticky: boolean;
     spaceHeight: number;
     titleHeight: number;
-    style: React__default.CSSProperties;
+    showKeys: boolean;
     children: React__default.ReactNode;
     onClickItem: (key: string, item: ElevatorData) => void;
     onClickIndex: (key: string) => void;
@@ -601,6 +601,7 @@ interface CascaderOption {
     loading?: boolean;
     root?: boolean;
 }
+type CascaderValue = Exclude<CascaderOption['value'], undefined>[];
 interface optionKey {
     textKey: string;
     valueKey: string;
@@ -613,7 +614,8 @@ interface CascaderProps extends BasicComponent {
     activeColor: string;
     activeIcon: string;
     options: CascaderOption[];
-    value: string[];
+    value?: CascaderValue;
+    defaultValue?: CascaderValue;
     title: string;
     optionKey: optionKey;
     format: Record<string, string | number | null>;
@@ -623,8 +625,8 @@ interface CascaderProps extends BasicComponent {
     lazy: boolean;
     onLoad: (node: any, resolve: any) => void;
     onClose?: () => void;
-    onChange: (value: any, params: any) => void;
-    onPathChange: (value: any, params: any) => void;
+    onChange: (value: CascaderValue, params?: any) => void;
+    onPathChange: (value: CascaderValue, params: any) => void;
 }
 declare const Cascader: React__default.ForwardRefExoticComponent<Partial<CascaderProps> & {
     children?: React__default.ReactNode;
@@ -634,7 +636,7 @@ interface RadioGroupOptionType {
     label: string;
     value: string;
     disabled?: boolean;
-    onChange?: MouseEventHandler<HTMLDivElement>;
+    onChange?: (checked: boolean) => void;
 }
 
 type CheckboxLabelPosition = 'left' | 'right';
@@ -865,22 +867,39 @@ interface MenuItemProps extends BasicComponent {
 }
 declare const MenuItem: React__default.ForwardRefExoticComponent<Partial<MenuItemProps> & React__default.RefAttributes<unknown>>;
 
-interface NumberKeyboardProps {
-    confirmText: string;
-    title: string;
-    visible: boolean;
+type Teleport = HTMLElement | (() => HTMLElement) | null;
+interface PopupProps extends OverlayProps {
+    position: string;
+    transition: string;
+    overlayStyle: React__default.CSSProperties;
+    overlayClassName: string;
+    closeable: boolean;
+    closeIconPosition: string;
+    closeIcon: React__default.ReactNode;
+    destroyOnClose: boolean;
+    portal: Teleport;
     overlay: boolean;
-    type: string;
-    customKey: Array<string>;
-    randomKeys: boolean;
-    popClass: string;
-    className: string;
-    style?: CSSProperties;
+    round: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    onClickOverlay: (e: ITouchEvent) => boolean | void;
+    onClickCloseIcon: (e: ITouchEvent) => boolean | void;
+}
+declare const Popup: FunctionComponent<Partial<PopupProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
+
+interface NumberKeyboardProps extends PopupProps {
+    visible: boolean;
+    title?: ReactNode;
+    confirmText?: string;
+    type: 'default' | 'rightColumn';
+    custom: Array<string>;
+    random: boolean;
     onChange?: (value: string) => void;
     onDelete?: () => void;
     onClose: () => void;
+    onConfirm?: () => void;
 }
-declare const NumberKeyboard: FunctionComponent<Partial<NumberKeyboardProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+declare const NumberKeyboard: FunctionComponent<Partial<NumberKeyboardProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onClick' | 'title'>>;
 
 interface PickerOption {
     text: string | number;
@@ -908,61 +927,53 @@ declare const Picker: React__default.ForwardRefExoticComponent<Partial<PickerPro
 type Position$1 = 'left' | 'right';
 type Direction$1 = 'horizontal' | 'vertical';
 interface RadioGroupProps {
-    value: string | number | boolean | null;
-    textPosition: Position$1;
+    value?: string | number;
+    defaultValue?: string | number;
+    labelPosition: Position$1;
     direction: Direction$1;
-    onChange: (value: string | number | boolean) => void;
+    disabled?: boolean;
     options: RadioGroupOptionType[];
+    onChange: (value: string | number) => void;
 }
 declare const RadioGroup: React__default.ForwardRefExoticComponent<Partial<RadioGroupProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & React__default.RefAttributes<unknown>>;
 
 type Shape = 'button' | 'round';
 type Position = 'right' | 'left';
 interface RadioProps extends BasicComponent {
-    className: string;
-    style: React__default.CSSProperties;
     disabled: boolean;
     checked: boolean;
+    defaultChecked: boolean;
     shape: Shape;
-    textPosition: Position;
-    value: string | number | boolean;
+    labelPosition: Position;
     icon: React__default.ReactNode;
-    checkedIcon: React__default.ReactNode;
-    iconSize: string | number;
-    onChange: MouseEventHandler<HTMLDivElement>;
+    activeIcon: React__default.ReactNode;
+    value: string | number;
+    onChange: (checked: boolean) => void;
 }
-declare const Radio: FunctionComponent<Partial<RadioProps> & React__default.HTMLAttributes<HTMLDivElement>> & {
-    RadioGroup: typeof RadioGroup;
+declare const Radio: FunctionComponent<Partial<RadioProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
+    Group: typeof RadioGroup;
 };
 
-type SliderValue = number | number[];
-interface RangeProps {
-    className: string;
-    style: CSSProperties;
+type RangeValue = number | number[];
+interface RangeProps extends BasicComponent {
+    value: RangeValue;
+    defaultValue: RangeValue;
     range: boolean;
     disabled: boolean;
-    activeColor: string;
-    inactiveColor: string;
-    buttonColor: string;
-    hiddenRange: boolean;
-    hiddenTag: boolean;
-    min: number | string;
-    max: number | string;
-    minDesc: number | string;
-    maxDesc: number | string;
-    curValueDesc: number | string;
-    step: number | string;
-    modelValue: SliderValue;
-    button: React__default.ReactNode;
+    min: number;
+    max: number;
+    step: number;
+    minDescription: ReactNode;
+    maxDescription: ReactNode;
+    button: ReactNode;
     vertical: boolean;
     marks: Record<string, unknown>;
-    dragStart?: () => void;
-    dragEnd?: () => void;
-    onChange?: (value: number) => void;
-    onDragStart?: () => void;
-    onDragEnd?: () => void;
+    currentDescription: ((value: RangeValue) => ReactNode) | null;
+    onChange: (value: RangeValue) => void;
+    onStart: () => void;
+    onEnd: (value: RangeValue) => void;
 }
-declare const Range: FunctionComponent<Partial<RangeProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;
+declare const Range: FunctionComponent<Partial<RangeProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange' | 'defaultValue'>>;
 
 interface RateProps extends BasicComponent {
     count: number;
@@ -1335,19 +1346,13 @@ interface NoticeBarProps extends BasicComponent {
 }
 declare const NoticeBar: FunctionComponent<Partial<NoticeBarProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
 
-interface NotifyProps {
+interface NotifyProps extends BasicComponent {
     id?: string;
-    style?: React__default.CSSProperties;
-    msg: string;
-    color: string;
     duration: number;
     type: string;
-    className: string;
-    background: string;
     position: string;
-    isWrapTeleport: boolean;
     visible: boolean;
-    onClosed: () => void;
+    onClose: () => void;
     onClick: () => void;
 }
 declare const Notify: FunctionComponent<Partial<NotifyProps> & React__default.HTMLAttributes<HTMLDivElement>>;
@@ -1374,9 +1379,7 @@ interface PopoverProps extends BasicComponent {
 declare const Popover: FunctionComponent<Partial<PopoverProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
 type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
-interface PullToRefreshProps {
-    className: string;
-    style: React__default.CSSProperties;
+interface PullToRefreshProps extends BasicComponent {
     onRefresh: () => Promise<any>;
     pullingText: ReactNode;
     canReleaseText: ReactNode;
@@ -1386,8 +1389,8 @@ interface PullToRefreshProps {
     headHeight: number;
     threshold: number;
     disabled: boolean;
+    scrollTop: number;
     renderText: (status: PullStatus) => ReactNode;
-    children: React__default.ReactNode;
 }
 declare const PullToRefresh: FunctionComponent<Partial<PullToRefreshProps>>;
 
@@ -1448,26 +1451,6 @@ interface SwipeProps {
 }
 declare const Swipe: React__default.ForwardRefExoticComponent<Partial<SwipeProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onTouchStart" | "onTouchMove" | "onTouchEnd"> & React__default.RefAttributes<SwipeInstance>>;
 
-type Teleport = HTMLElement | (() => HTMLElement) | null;
-interface PopupProps extends OverlayProps {
-    position: string;
-    transition: string;
-    overlayStyle: React__default.CSSProperties;
-    overlayClassName: string;
-    closeable: boolean;
-    closeIconPosition: string;
-    closeIcon: React__default.ReactNode;
-    destroyOnClose: boolean;
-    portal: Teleport;
-    overlay: boolean;
-    round: boolean;
-    onOpen: () => void;
-    onClose: () => void;
-    onClickOverlay: (e: ITouchEvent) => boolean | void;
-    onClickCloseIcon: (e: ITouchEvent) => boolean | void;
-}
-declare const Popup: FunctionComponent<Partial<PopupProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
-
 interface ToastProps {
     id?: string;
     style?: React__default.CSSProperties;
@@ -1650,7 +1633,7 @@ interface ImagePreviewProps {
         };
     }>;
     show: boolean;
-    autoplay: number | string;
+    autoPlay: boolean;
     initNo: number;
     contentClose: boolean;
     paginationVisible: boolean;
@@ -1697,16 +1680,14 @@ interface PaginationProps extends BasicComponent {
 }
 declare const Pagination: FunctionComponent<Partial<PaginationProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
 
-interface PriceProps {
+interface PriceProps extends BasicComponent {
     price: number | string;
-    needSymbol: boolean;
     symbol: string;
-    decimalDigits: number;
+    digits: number;
     thousands: boolean;
     position: string;
     size: string;
-    className: string;
-    style: React__default.CSSProperties;
+    line: boolean;
 }
 declare const Price: FunctionComponent<Partial<PriceProps>>;
 
@@ -1742,38 +1723,22 @@ interface StepsProps {
 }
 declare const Steps: FunctionComponent<Partial<StepsProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-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;
+interface SwiperProps extends Omit<SwiperProps$1, 'ref'> {
+    width: number;
+    height: number;
     direction: 'horizontal' | 'vertical';
-    paginationColor: string;
-    paginationBgColor: string;
-    paginationVisible: boolean;
+    indicator: ReactNode;
+    autoPlay: boolean;
     loop: boolean;
-    touchable: boolean;
-    isPreventDefault: boolean;
-    isStopPropagation: boolean;
-    isCenter: boolean;
-    className?: string;
-    style?: React__default.CSSProperties;
-    pageContent?: React__default.ReactNode;
-    onChange?: (currPage: number) => void;
+    defaultValue: number;
 }
-declare const Swiper: React__default.ForwardRefExoticComponent<Partial<SwiperProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & React__default.RefAttributes<SwiperRef>>;
+declare const Swiper: React__default.ForwardRefExoticComponent<Partial<SwiperProps> & React__default.RefAttributes<unknown>>;
 
-interface SwiperItemProps {
-    direction?: string;
-    size?: 0;
+interface SwiperItemProps extends BasicComponent {
+    itemId?: string;
+    skipHiddenItemLayout?: boolean;
 }
-declare const SwiperItem: React__default.ForwardRefExoticComponent<Partial<SwiperItemProps> & React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const SwiperItem: FunctionComponent<Partial<SwiperItemProps>>;
 
 interface BasicTableProps extends BasicComponent {
     columns: Array<TableColumnProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "2.0.0-alpha.7",
+  "version": "2.0.0-alpha.9",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",

package/dist/esm/UserContext-735db09f.js

@@ -1,5 +0,0 @@
-import { createContext } from "react";
-const DataContext = createContext({});
-export {
-  DataContext as D
-};

package/dist/esm/get-scroll-parent-8da04f2e.js

@@ -1,24 +0,0 @@
-import { c as canUseDom } from "./can-use-dom-0e539bd3.js";
-const defaultRoot = canUseDom ? window : void 0;
-const overflowStylePatterns = ["scroll", "auto", "overlay"];
-function isElement(node) {
-  const ELEMENT_NODE_TYPE = 1;
-  return node.nodeType === ELEMENT_NODE_TYPE;
-}
-function getScrollParent(el, root = defaultRoot) {
-  let node = el;
-  while (node && node !== root && isElement(node)) {
-    if (node === document.body) {
-      return root;
-    }
-    const { overflowY } = window.getComputedStyle(node);
-    if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
-      return node;
-    }
-    node = node.parentNode;
-  }
-  return root;
-}
-export {
-  getScrollParent as g
-};

package/dist/esm/numberkeyboard.taro-0a0e866a.js

@@ -1,183 +0,0 @@
-import React, { useState, useEffect } from "react";
-import classNames from "classnames";
-import { c as cn } from "./bem-cdccae08.js";
-import { P as Popup } from "./popup.taro-e756f3fc.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
-const defaultProps = {
-  confirmText: "",
-  title: "",
-  visible: false,
-  overlay: false,
-  type: "default",
-  customKey: [],
-  className: "",
-  randomKeys: false,
-  popClass: "",
-  onClose: () => {
-  }
-};
-const NumberKeyboard = (props) => {
-  const { locale } = useConfig();
-  const { title, confirmText, visible, overlay, type, customKey, randomKeys, popClass, style, className, onChange, onDelete, onClose } = props;
-  const b = cn("numberkeyboard");
-  const [show, setShow] = useState(visible);
-  const [clickKeyIndex, setClickKeyIndex] = useState(void 0);
-  const [keysList, setKeysList] = useState([]);
-  useEffect(() => {
-    setShow(visible);
-  }, [visible]);
-  const defaultKey = () => {
-    let leftBottomKey = {
-      id: "lock",
-      type: "lock"
-    };
-    if (customKey) {
-      const customKeys = Array.isArray(customKey) ? customKey : [customKey];
-      if (customKeys.length > 0) {
-        const newCustomKey = customKeys[0];
-        leftBottomKey = {
-          id: newCustomKey,
-          type: "custom"
-        };
-      }
-    }
-    return [
-      ...getBasicKeys(),
-      leftBottomKey,
-      { id: 0, type: "number" },
-      { id: "delete", type: "delete" }
-    ];
-  };
-  const getBasicKeys = () => {
-    const keys = [];
-    for (let i = 1; i <= 9; i++) {
-      keys.push({ id: i, type: "number" });
-    }
-    if (randomKeys) {
-      return keys.sort(() => Math.random() > 0.5 ? 1 : -1);
-    }
-    return keys;
-  };
-  const genCustomKeys = () => {
-    const keys = getBasicKeys();
-    if (!customKey)
-      return [];
-    let customKeys = Array.isArray(customKey) ? customKey : [customKey];
-    if (customKeys.length > 2) {
-      customKeys = [customKeys[0], customKeys[1]];
-    }
-    if (customKeys.length === 2 && props.title && props.type !== "rightColumn") {
-      customKeys = [customKeys[0]];
-    }
-    if (customKeys.length === 1) {
-      if (props.title && props.type !== "rightColumn") {
-        keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: "delete", type: "delete" });
-      } else {
-        keys.push({ id: 0, type: "number" }, { id: customKeys[0], type: "custom" });
-      }
-    } else if (customKeys.length === 2) {
-      keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: customKeys[1], type: "custom" });
-    }
-    return keys;
-  };
-  useEffect(() => {
-    if (props.type === "rightColumn" || props.title !== "") {
-      setKeysList(genCustomKeys());
-    } else {
-      setKeysList(defaultKey());
-    }
-  }, []);
-  const onTouchstart = (item, event) => {
-    event.stopPropagation();
-    setClickKeyIndex(item.id);
-    if (item.type === "number" || item.type === "custom") {
-      onChange && onChange(item.id);
-    }
-    if (item.type === "lock") {
-      onClose && onClose();
-    }
-    if (item.type === "delete") {
-      onDelete && onDelete();
-    }
-  };
-  const onTouchMove = (event) => {
-    event.stopPropagation();
-  };
-  const onTouchEnd = (event) => {
-    event.preventDefault();
-    setClickKeyIndex(void 0);
-  };
-  return React.createElement(
-    "div",
-    null,
-    React.createElement(
-      Popup,
-      { visible: show, overlay, position: "bottom", className: popClass, onClickOverlay: onClose, onClickCloseIcon: onClose, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" } },
-      React.createElement(
-        "div",
-        { className: `${b()} ${className}`, style: { ...style } },
-        title ? React.createElement(
-          "div",
-          { className: b("header") },
-          React.createElement("h3", { className: b("header__tit") }, title),
-          type === "default" ? React.createElement("span", { className: b("header__close"), onClick: onClose }, locale.done) : null
-        ) : null,
-        React.createElement(
-          "div",
-          { className: b("body") },
-          React.createElement("div", { className: b("body__keys") }, keysList == null ? void 0 : keysList.map((item, index) => {
-            return React.createElement(
-              "div",
-              { key: index, className: classNames({
-                "key-board-wrapper": true,
-                "key-board-wrapper-large": item.id === 0 && type === "rightColumn" && Array.isArray(customKey) && customKey.length === 1
-              }) },
-              React.createElement(
-                "div",
-                { className: classNames({
-                  key: true,
-                  active: item.id === clickKeyIndex,
-                  lock: item.type === "lock",
-                  delete: item.type === "delete"
-                }), onTouchStart: (event) => onTouchstart(item, event), onTouchMove, onTouchEnd },
-                item.type === "number" || item.type === "custom" ? React.createElement("div", null, item.id) : null,
-                item.type === "lock" ? React.createElement("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png", alt: "" }) : null,
-                item.type === "delete" ? React.createElement("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png", alt: "" }) : null
-              )
-            );
-          })),
-          type === "rightColumn" ? React.createElement(
-            "div",
-            { className: b("sidebar") },
-            React.createElement(
-              "div",
-              { className: "key-board-wrapper" },
-              React.createElement(
-                "div",
-                { className: classNames({
-                  key: true,
-                  active: clickKeyIndex === "delete"
-                }), onTouchStart: (event) => onTouchstart({ id: "delete", type: "delete" }, event), onTouchMove, onTouchEnd },
-                React.createElement("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png", alt: "" })
-              )
-            ),
-            React.createElement(
-              "div",
-              { className: "key-board-wrapper key-board-finish", onClick: onClose },
-              React.createElement("div", { className: classNames({
-                key: true,
-                finish: true,
-                activeFinsh: clickKeyIndex === "finish"
-              }) }, confirmText || locale.done)
-            )
-          ) : null
-        )
-      )
-    )
-  );
-};
-NumberKeyboard.defaultProps = defaultProps;
-NumberKeyboard.displayName = "NutNumberKeyboard";
-export {
-  NumberKeyboard as N
-};