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

package/dist/types/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/types/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/types/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/types/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/types/packages/virtuallist/type.d.ts

@@ -14,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/types/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/types/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/package.json

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

package/dist/esm/actionsheet.taro-d2217152.js

@@ -1,61 +0,0 @@
-import React from "react";
-import { P as Popup } from "./popup.taro-e756f3fc.js";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps = {
-  cancelText: "",
-  optionTag: "name",
-  optionSubTag: "subname",
-  chooseTagValue: "",
-  title: "",
-  color: "#ee0a24",
-  description: "",
-  menuItems: [],
-  onCancel: () => {
-  },
-  onChoose: () => {
-  },
-  visible: false,
-  className: "",
-  style: {}
-};
-const ActionSheet = (props) => {
-  const { children, cancelText, optionTag, optionSubTag, chooseTagValue, title, color, description, menuItems, onCancel, onChoose, visible, className, style, ...rest } = { ...defaultProps, ...props };
-  const b = cn("actionsheet");
-  const isHighlight = (item) => {
-    return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "#1a1a1a";
-  };
-  const cancelActionSheet = () => {
-    onCancel && onCancel();
-  };
-  const chooseItem = (item, index) => {
-    if (!item.disable) {
-      onChoose && onChoose(item, index);
-    }
-  };
-  return React.createElement(
-    Popup,
-    { round: true, visible, position: "bottom", onClose: () => {
-      onCancel && onCancel();
-    } },
-    React.createElement(
-      "div",
-      { className: `${b()} ${className}`, style, ...rest },
-      title && React.createElement("div", { className: b("title") }, title),
-      description && React.createElement("div", { className: `${b("item")} description` }, description),
-      menuItems.length ? React.createElement("div", { className: b("menu") }, menuItems.map((item, index) => {
-        return React.createElement(
-          "div",
-          { className: `${b("item")} ${item.disable ? b("item-disabled") : ""}`, style: { color: isHighlight(item) }, key: index, onClick: () => chooseItem(item, index) },
-          item[optionTag],
-          React.createElement("div", { className: "subdesc" }, item[optionSubTag])
-        );
-      })) : children,
-      cancelText && React.createElement("div", { className: b("cancel"), onClick: () => cancelActionSheet() }, cancelText)
-    )
-  );
-};
-ActionSheet.defaultProps = defaultProps;
-ActionSheet.displayName = "NutActionSheet";
-export {
-  ActionSheet as A
-};

package/dist/esm/searchbar.taro-37ade36e.js

@@ -1,159 +0,0 @@
-import React, { useRef, useState, useEffect } from "react";
-import { getEnv } from "@tarojs/taro";
-import { Search, CircleClose } from "@nutui/icons-react-taro";
-import { c as cn } from "./bem-cdccae08.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  placeholder: "",
-  shape: "square",
-  disabled: false,
-  maxLength: 9999,
-  clearable: true,
-  clearSize: "12px",
-  align: "left",
-  readonly: true,
-  autoFocus: false,
-  label: "",
-  leftinIcon: React.createElement(Search, { size: "12" })
-};
-const SearchBar = (props) => {
-  const searchbarBem = cn("searchbar");
-  const { locale } = useConfig();
-  const searchRef = useRef(null);
-  const [value, setValue] = useState(() => props.value);
-  const { placeholder, shape, className, disabled, maxLength, clearable, clearSize, align, readOnly, autoFocus, label, actionText, leftinIcon, rightinIcon, leftoutIcon, rightoutIcon, onChange, onFocus, onBlur, onClear, onCancel, onSearch, onClickInput, onClickLeftinIcon, onClickLeftoutIcon, onClickRightinIcon, onClickRightoutIcon } = {
-    ...defaultProps,
-    ...props
-  };
-  const alignClass = `${align}`;
-  const forceFocus = () => {
-    const searchSelf = searchRef.current;
-    searchSelf && searchSelf.focus();
-  };
-  const change = (event) => {
-    const { value: value2 } = event.target;
-    onChange && (onChange == null ? void 0 : onChange(value2, event));
-    setValue(value2);
-    value2 === "" && forceFocus();
-  };
-  const focus = (event) => {
-    const { value: value2 } = event.target;
-    onFocus && (onFocus == null ? void 0 : onFocus(value2, event));
-  };
-  const blur = (event) => {
-    const searchSelf = searchRef.current;
-    searchSelf && searchSelf.blur();
-    const { value: value2 } = event.target;
-    onBlur && (onBlur == null ? void 0 : onBlur(value2, event));
-  };
-  useEffect(() => {
-    setValue(props.value);
-  }, [props.value]);
-  useEffect(() => {
-    autoFocus && forceFocus();
-  }, [autoFocus]);
-  const renderField = () => {
-    return React.createElement("input", { className: `${searchbarBem("input")}  ${searchbarBem(alignClass)} ${shape === "round" ? searchbarBem("round") : ""} ${clearable ? searchbarBem("input-clear") : ""}`, ref: searchRef, style: { ...props.style }, value: value || "", placeholder: placeholder || locale.placeholder, disabled, readOnly, maxLength, onKeyPress: onKeypress, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) });
-  };
-  const clickInput = (e) => {
-    onClickInput && onClickInput(e);
-  };
-  const renderLeftinIcon = () => {
-    if (!leftinIcon)
-      return null;
-    return React.createElement("div", { className: `${searchbarBem("leftin-icon")} ${searchbarBem("icon")}`, onClick: (e) => clickLeftIcon("in-left", e) }, leftinIcon);
-  };
-  const renderLeftoutIcon = () => {
-    if (!leftoutIcon)
-      return null;
-    return React.createElement("div", { className: `${searchbarBem("leftout-icon")}`, onClick: (e) => clickLeftIcon("out-left", e) }, leftoutIcon);
-  };
-  const clickLeftIcon = (flag, event) => {
-    if (flag === "in-left") {
-      onClickLeftinIcon && onClickLeftinIcon(value, event);
-    } else {
-      onClickLeftoutIcon && onClickLeftoutIcon(value, event);
-    }
-  };
-  const renderRightinIcon = () => {
-    if (!rightinIcon)
-      return null;
-    return React.createElement("div", { className: `${searchbarBem("rightin-icon")} ${searchbarBem("icon")}`, onClick: (e) => clickRightIcon("in-right", e) }, rightinIcon);
-  };
-  const renderRightoutIcon = () => {
-    if (!rightoutIcon)
-      return null;
-    return React.createElement("div", { className: `${searchbarBem("rightout-icon")}`, onClick: (e) => clickRightIcon("out-right", e) }, rightoutIcon);
-  };
-  const clickRightIcon = (flag, event) => {
-    if (flag === "in-left") {
-      onClickRightinIcon && onClickRightinIcon(value, event);
-    } else {
-      onClickRightoutIcon && onClickRightoutIcon(value, event);
-    }
-  };
-  const handleClear = () => {
-    return React.createElement(
-      "div",
-      { className: `${searchbarBem("clear")} ${rightinIcon ? "pos-right" : ""}`, onClick: (e) => clearaVal(e) },
-      React.createElement(CircleClose, { size: clearSize, color: "#555" })
-    );
-  };
-  const clearaVal = (event) => {
-    if (disabled || readOnly) {
-      return;
-    }
-    setValue("");
-    onClear && onClear(event);
-    forceFocus();
-  };
-  const renderRightLabel = () => {
-    if (actionText) {
-      return React.createElement("div", { className: searchbarBem("action-text"), onClick: search }, actionText);
-    }
-    return null;
-  };
-  const onKeypress = (e) => {
-    if (e.keyCode === 13) {
-      if (typeof e.cancelable !== "boolean" || e.cancelable) {
-        e.preventDefault();
-      }
-      onSearch && onSearch(value);
-    }
-  };
-  const search = () => {
-    onSearch && onSearch(value);
-  };
-  const renderLabel = () => {
-    if (label) {
-      return React.createElement("div", { className: searchbarBem("label") }, label);
-    }
-    return null;
-  };
-  const envClass = () => {
-    return getEnv() === "WEB" ? "nut-searchbar-taro" : "";
-  };
-  return React.createElement(
-    "div",
-    { className: `${searchbarBem()} ${envClass()} ${disabled ? searchbarBem("disabled") : ""}  ${className || ""}`, style: { ...props.style, background: props.background } },
-    renderLeftoutIcon(),
-    renderLabel(),
-    React.createElement(
-      "div",
-      { className: `${searchbarBem("content")}`, style: { background: props.inputBackground } },
-      renderLeftinIcon(),
-      React.createElement("div", { className: "nut-searchbar__input-box" }, renderField()),
-      renderRightinIcon(),
-      clearable && value && handleClear()
-    ),
-    renderRightoutIcon(),
-    renderRightLabel()
-  );
-};
-SearchBar.defaultProps = defaultProps;
-SearchBar.displayName = "NutSearchBar";
-export {
-  SearchBar as S
-};

package/dist/esm/shortpassword.taro-f7292032.js

@@ -1,146 +0,0 @@
-import React, { useRef, useState, useEffect } from "react";
-import { Tips } from "@nutui/icons-react-taro";
-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";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  title: "",
-  description: "",
-  tips: "",
-  tipsIcon: null,
-  iconSize: 11,
-  visible: false,
-  modelValue: "",
-  errorMsg: "",
-  noButton: true,
-  closeOnClickOverlay: true,
-  length: 6,
-  className: "",
-  autoFocus: false,
-  onChange: (value) => {
-  },
-  onOk: (value) => {
-  },
-  onCancel: () => {
-  },
-  onClose: () => {
-  },
-  onTips: () => {
-  },
-  onComplete: (value) => {
-  }
-};
-const ShortPassword = (props) => {
-  const { locale } = useConfig();
-  const { title, description, tips, tipsIcon, iconSize, visible, modelValue, errorMsg, noButton, closeOnClickOverlay, length, style, className, onChange, onOk, onTips, onCancel, onClose, onComplete, autoFocus, ...reset } = props;
-  const b = cn("shortpassword");
-  const textInput = useRef(null);
-  const range = (val) => {
-    return Math.min(Math.max(4, val), 6);
-  };
-  const [innerVisible, setInnerVisible] = useState(visible);
-  const [comLen, setComLen] = useState(range(Number(length)));
-  const [inputValue, setInputValue] = useState("");
-  useEffect(() => {
-    setInnerVisible(visible);
-  }, [visible]);
-  useEffect(() => {
-    if (typeof modelValue !== "undefined") {
-      setInputValue(modelValue);
-    }
-  }, [modelValue]);
-  const changeValue = (e) => {
-    let inputValue2 = e.target.value;
-    if (String(inputValue2).length > comLen) {
-      inputValue2 = inputValue2.slice(0, comLen);
-    }
-    setInputValue(inputValue2);
-    if (String(inputValue2).length === comLen) {
-      onComplete && onComplete(inputValue2);
-    }
-    onChange && onChange(inputValue2);
-  };
-  const systemStyle = () => {
-    const u = navigator.userAgent;
-    const isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;
-    const isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
-    let style2 = {};
-    if (isIOS) {
-      style2 = {
-        paddingRight: "1200px"
-      };
-    }
-    if (isAndroid) {
-      style2 = {
-        opacity: 0,
-        zIndex: 10
-      };
-    }
-    return style2;
-  };
-  const focus = () => {
-    if (textInput.current) {
-      textInput.current.focus();
-    }
-  };
-  const sure = () => {
-    onOk && onOk(inputValue);
-  };
-  const renderIcon = (size = "11px") => {
-    return React.isValidElement(tipsIcon) ? React.cloneElement(tipsIcon, {
-      ...tipsIcon.props,
-      size
-    }) : React.createElement(Tips, { size });
-  };
-  return React.createElement(
-    "div",
-    null,
-    React.createElement(
-      Popup,
-      { style: {
-        padding: "32px 24px 28px 24px",
-        borderRadius: "12px",
-        textAlign: "center"
-      }, visible: innerVisible, closeable: true, "close-on-click-overlay": closeOnClickOverlay, onClickOverlay: onClose, onClickCloseIcon: onClose },
-      React.createElement(
-        "div",
-        { className: `${b()} ${className}`, style: { ...style }, ...reset },
-        React.createElement("div", { className: b("title") }, title || locale.shortpassword.title),
-        React.createElement("div", { className: b("subtitle") }, description || locale.shortpassword.description),
-        React.createElement(
-          "div",
-          { className: b("input") },
-          React.createElement("input", { ref: textInput, className: b("input-real"), type: "number", style: systemStyle(), maxLength: 6, value: inputValue, autoFocus, onChange: (e) => changeValue(e) }),
-          React.createElement("div", { className: b("input-site") }),
-          React.createElement("div", { className: b("input-fake"), onClick: () => focus() }, [...new Array(comLen).keys()].map((item, index) => {
-            return React.createElement("div", { className: b("input-fake__li"), key: index }, String(inputValue).length > index ? React.createElement("div", { className: b("input-fake__li__icon") }) : null);
-          }))
-        ),
-        React.createElement(
-          "div",
-          { className: b("message") },
-          React.createElement("div", { className: b("message__error") }, errorMsg),
-          tips || locale.shortpassword.tips ? React.createElement(
-            "div",
-            { className: b("message__forget") },
-            renderIcon(iconSize),
-            React.createElement("div", { className: b("message__forget-tips"), onClick: onTips }, tips || locale.shortpassword.tips)
-          ) : null
-        ),
-        !noButton ? React.createElement(
-          "div",
-          { className: b("footer") },
-          React.createElement("div", { className: b("footer__cancel"), onClick: onCancel }, locale.cancel),
-          React.createElement("div", { className: b("footer__sure"), onClick: () => sure() }, locale.confirm)
-        ) : null
-      )
-    )
-  );
-};
-ShortPassword.defaultProps = defaultProps;
-ShortPassword.displayName = "NutShortPassword";
-export {
-  ShortPassword as S
-};

package/dist/esm/toast.taro-92c10e1d.js

@@ -1,114 +0,0 @@
-import React, { useState, useEffect } from "react";
-import classNames from "classnames";
-import { Success, Failure, Tips, Loading } from "@nutui/icons-react-taro";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps = {
-  id: "",
-  style: {},
-  icon: null,
-  iconSize: "20",
-  msg: "",
-  bottom: "30px",
-  duration: 2,
-  center: true,
-  type: "text",
-  title: "",
-  customClass: "",
-  size: "base",
-  textAlignCenter: true,
-  bgColor: "rgba(0, 0, 0, .8)",
-  cover: false,
-  coverColor: "rgba(0, 0, 0, 0)",
-  closeOnClickOverlay: false,
-  visible: false,
-  onClose: () => {
-  }
-  // 未实现
-};
-const Toast = (props) => {
-  const { children, id, style, icon, iconSize, msg, bottom, duration, center, type, title, customClass, size, textAlignCenter, bgColor, cover, coverColor, closeOnClickOverlay, visible, onClose, ...rest } = { ...defaultProps, ...props };
-  let timer;
-  const [openState, SetOpenState] = useState(false);
-  useEffect(() => {
-    if (visible) {
-      SetOpenState(true);
-      show();
-    } else {
-      hide();
-    }
-  }, [visible]);
-  const clearTimer = () => {
-    if (timer) {
-      clearTimeout(timer);
-      timer = null;
-    }
-  };
-  const hide = () => {
-    SetOpenState(false);
-    onClose();
-  };
-  const show = () => {
-    clearTimer();
-    if (duration) {
-      timer = window.setTimeout(() => {
-        hide();
-      }, duration * 1e3);
-    }
-  };
-  const clickCover = () => {
-    if (closeOnClickOverlay) {
-      hide();
-    }
-  };
-  const toastBem = cn("toast");
-  const hasIcon = () => {
-    if (type !== "text") {
-      return true;
-    }
-    return !!icon;
-  };
-  const iconName = () => {
-    if (icon) {
-      return icon;
-    }
-    return {
-      success: React.createElement(Success, { color: "#ffffff", width: iconSize, height: iconSize }),
-      fail: React.createElement(Failure, { color: "#ffffff", width: iconSize, height: iconSize }),
-      warn: React.createElement(Tips, { color: "#ffffff", width: iconSize, height: iconSize }),
-      loading: React.createElement(Loading, { color: "#ffffff", width: iconSize, height: iconSize })
-    }[type];
-  };
-  const classes = classNames({
-    "nut-toast-center": center,
-    "nut-toast-has-icon": icon,
-    "nut-toast-cover": cover,
-    "nut-toast-loading": type === "loading",
-    [`${customClass}`]: true,
-    [`nut-toast-${size}`]: true
-  });
-  return React.createElement(React.Fragment, null, openState ? React.createElement(
-    "div",
-    { className: `${toastBem()} ${classes}`, id, style: {
-      bottom: center ? "auto" : `${bottom}`,
-      backgroundColor: cover ? coverColor : "",
-      ...style
-    }, onClick: () => {
-      clickCover();
-    } },
-    React.createElement(
-      "div",
-      { className: toastBem("inner"), style: {
-        textAlign: textAlignCenter ? "center" : "left",
-        backgroundColor: bgColor
-      } },
-      hasIcon() ? React.createElement("p", { className: toastBem("icon-wrapper") }, iconName()) : null,
-      title ? React.createElement("div", { className: "nut-toast-title" }, title) : null,
-      React.createElement("span", { className: toastBem("text") }, msg)
-    )
-  ) : null);
-};
-Toast.defaultProps = defaultProps;
-Toast.displayName = "NutToast";
-export {
-  Toast as T
-};