@nutui/nutui-react-taro 2.0.0-alpha.13 → 2.0.0-alpha.15

package/dist/types/packages/timeselect/timeselect.taro.d.ts

@@ -1,25 +1,66 @@
-import React, { FunctionComponent } from 'react';
-import { TimeType } from '../../packages/timedetail/timedetail.taro';
+import { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface TimeType {
+    value?: string;
+    text?: string;
+    [prop: string]: any;
+}
 export interface DateType {
-    paneKey?: string | number;
-    date: string;
+    value?: string;
+    text?: string;
+    children?: TimeType[];
+    [prop: string]: any;
+}
+export interface OptionKeyType {
+    valueKey: string;
+    textKey: string;
+    childrenKey: string;
 }
-export interface TimeSelectProps {
-    className?: string;
-    style: React.CSSProperties;
-    visible?: boolean;
-    height?: string;
-    multiple?: boolean;
-    title?: string;
-    currentKey: string | number;
-    currentTime: TimeType[];
-    dates: DateType[];
-    times: TimeType[];
-    select?: (selectTimeData: TimeType[]) => void;
-    pannelChange?: (pannelKey: string | number, selectTimeData: TimeType[]) => void;
-    timeChange?: (time: string, selectTimeData: TimeType[]) => void;
-    onSelect?: (selectTimeData: TimeType[]) => void;
-    onPannelChange?: (pannelKey: string | number, selectTimeData: TimeType[]) => void;
-    onTimeChange?: (time: string, selectTimeData: TimeType[]) => void;
+export interface TimeSelectProps extends BasicComponent {
+    /**
+    * 是否显示弹层
+    * @default false
+    */
+    visible: boolean
+    /**
+    * 是否支持多选
+    * @default false
+    */
+    multiple?: boolean
+    /**
+    * 弹层标题
+    * @default 取件时间
+    */
+    title?: ReactNode
+    /**
+    * 默认选中的值，非受控
+    * @default -
+    */
+    defaultValue: DateType[]
+    /**
+    * 数据
+    * @default -
+    */
+    options: DateType[]
+    /**
+    * 配置数据中的关键字, valueKey, textKey, childrenKey
+    * @default 
+    */
+    optionKey: OptionKeyType
+    /**
+    * 关闭遮罩之后的回调
+    * @default 
+    */
+    onSelect?: (value: DateType[]) => void
+    /**
+    * 点击左栏时的回调
+    * @default -
+    */
+    onDateChange?: (date: DateType, value: DateType[]) => void
+    /**
+    * 点击右侧选项时的回调
+    * @default -
+    */
+    onTimeChange?: (time: TimeType, value: DateType[]) => void
 }
 export declare const TimeSelect: FunctionComponent<Partial<TimeSelectProps>>;

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

@@ -4,18 +4,66 @@ export type ToastPositionType = 'top' | 'bottom' | 'center';
 export interface ToastProps extends BasicComponent {
     id?: string;
     maskClassName?: string;
-    contentClassName?: string;
-    contentStyle?: React.CSSProperties;
-    icon: string | React.ReactNode;
+    /**
+    * 自定义内容区类名
+    * @default -
+    */
+    contentClassName?: string
+    /**
+    * 自定义内容区样式
+    * @default -
+    */
+    contentStyle?: React.CSSProperties
+    /**
+    * 自定义图标，**对应icon组件，支持图片链接**
+    * @default -
+    */
+    icon: string | React.ReactNode
     iconSize: string;
-    msg: string | React.ReactNode;
-    duration: number;
-    position?: ToastPositionType;
-    type: string;
-    title: string;
-    closeOnOverlayClick: boolean;
-    size: string | number;
-    visible: boolean;
-    onClose: () => void;
+    /**
+    * 消息文本内容,支持传入HTML
+    * @default -
+    */
+    msg: string | React.ReactNode
+    /**
+    * 展示时长（秒）<br>值为 0 时，toast 不会自动消失（loading类型默认为0）
+    * @default 2
+    */
+    duration: number
+    /**
+    * toast展示位置
+    * @default 'center'
+    */
+    position?: ToastPositionType
+    /**
+    * 弹框类型 可选值（text、success、fail、warn、loading）
+    * @default -
+    */
+    type: string
+    /**
+    * 标题
+    * @default -
+    */
+    title: string
+    /**
+    * 是否在点击遮罩层后关闭提示
+    * @default false
+    */
+    closeOnOverlayClick: boolean
+    /**
+    * 文案尺寸，**small**/**base**/**large**三选一
+    * @default base
+    */
+    size: string | number
+    /**
+    * 弹窗是否显示开关
+    * @default false
+    */
+    visible: boolean
+    /**
+    * 关闭时触发的事件
+    * @default null
+    */
+    onClose: () => void
 }
 export declare const Toast: FunctionComponent<Partial<ToastProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/utils/index.d.ts

@@ -1,3 +1,4 @@
 export declare const isObject: (val: unknown) => val is Record<any, any>;
 export declare const isFunction: (val: unknown) => val is Function;
 export declare const isPromise: <T = any>(val: unknown) => val is Promise<T>;
+export declare const upperCaseFirst: (str: string) => string;

package/package.json

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

package/dist/esm/Infiniteloading/style/style.css

@@ -1 +0,0 @@
-.nut-theme-dark .nut-infiniteloading .nut-infinite-container .infiniteLi{color:#e6e6e6}.nut-theme-dark .nut-infiniteloading .nut-infinite-bottom .bottom-box .bottom-text{color:#828282}.nut-infiniteloading{display:block;width:100%}.nut-infiniteloading .nut-infinite-top{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}.nut-infiniteloading .nut-infinite-top .top-box{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-infiniteloading .nut-infinite-top .top-box .top-text{font-size:10px;color:var(--nutui-gray-2, #757575)}.nut-infiniteloading .nut-infinite-container .infiniteLi{color:var(--nutui-gray-1, #1a1a1a)}.nut-infiniteloading .nut-infinite-bottom{display:flex;align-items:center;justify-content:center;width:100%;padding-top:6px;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-infiniteloading-bottom-color, #c8c8c8);text-align:center}.nut-infiniteloading .nut-infinite-bottom .bottom-box .bottom-text{font-size:10px;color:var(--nutui-gray-2, #757575)}

package/dist/esm/Infiniteloading.js

@@ -1,12 +0,0 @@
-import { I as Infiniteloading } from "./infiniteloading.taro-f8f23ac6.js";
-import "react";
-import "classnames";
-import "@tarojs/components";
-import "@tarojs/taro";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
-import "./configprovider.taro-25758d9f.js";
-import "./typings-11d83a22.js";
-export {
-  Infiniteloading as default
-};

package/dist/esm/TimePannel/style/css.js

@@ -1 +0,0 @@
-import './style.css'

package/dist/esm/TimePannel/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/timepannel/timepannel.scss'

package/dist/esm/TimePannel/style/style.css

@@ -1 +0,0 @@
-.nut-theme-dark .nut-timepannel{background-color:#141414;color:#828282}.nut-theme-dark .nut-timepannel--curr{background-color:#141414;color:#e6e6e6}.nut-timepannel{height:var(--nutui-timeselect-timepannel-height, 40px);line-height:40px;text-align:center;color:var(--nutui-timeselect-timepannel-text-color, var(--nutui-gray-2, #757575));font-size:var(--nutui-timeselect-timepannel-font-size, var(--nutui-font-size-2, 14px))}

package/dist/esm/TimePannel.js

@@ -1,8 +0,0 @@
-import { T as TimePannel } from "./timepannel.taro-ee4c5dfa.js";
-import "react";
-import "./bem-cdccae08.js";
-import "@bem-react/classname";
-import "./configprovider.taro-25758d9f.js";
-export {
-  TimePannel as default
-};

package/dist/esm/card.taro-2080f4d2.js

@@ -1,51 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-import { P as Price } from "./price.taro-479f1b82.js";
-import { T as Tag } from "./tag.taro-1b4134a5.js";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps = {};
-const Card = (props) => {
-  const { className, style, imgUrl, title, price, vipPrice, shopDesc, delivery, shopName, shopTagTpl, originTpl, prolistTpl, footerTpl, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
-  const b = cn("card");
-  return React.createElement(
-    "div",
-    { className: classNames(b(), className), style, ...rest },
-    React.createElement(
-      "div",
-      { className: b("left") },
-      React.createElement("img", { src: imgUrl, alt: "" })
-    ),
-    React.createElement(
-      "div",
-      { className: b("right") },
-      React.createElement("div", { className: b("right__title") }, title),
-      prolistTpl,
-      React.createElement(
-        "div",
-        { className: b("right__price") },
-        React.createElement(Price, { price }),
-        originTpl || React.createElement(Price, { className: b("right__price__origin"), price: vipPrice })
-      ),
-      React.createElement("div", { className: b("right__other") }, shopTagTpl || React.createElement(
-        React.Fragment,
-        null,
-        React.createElement(Tag, { type: "danger" }, shopDesc),
-        React.createElement(Tag, { plain: true }, delivery)
-      )),
-      React.createElement(
-        "div",
-        { className: b("right__shop") },
-        React.createElement("div", { className: b("right__shop__name") }, shopName),
-        footerTpl
-      )
-    )
-  );
-};
-Card.defaultProps = defaultProps;
-Card.displayName = "NutCard";
-export {
-  Card as C
-};

package/dist/esm/popover.taro-ad483372.js

@@ -1,162 +0,0 @@
-import React, { useRef, useState, useEffect } from "react";
-import { O as Overlay } from "./overlay.taro-75012bd3.js";
-import { g as getRectByTaro } from "./use-client-rect-f317804e.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-function fillRef(ref, node) {
-  if (typeof ref === "function") {
-    ref(node);
-  } else if (typeof ref === "object" && ref && "current" in ref) {
-    ref.current = node;
-  }
-}
-function composeRef(...refs) {
-  return (node) => {
-    refs.forEach((ref) => {
-      fillRef(ref, node);
-    });
-  };
-}
-class Trigger extends React.Component {
-  fireEvents(type, e) {
-    const childCallback = this.props.children.props[type];
-    if (childCallback) {
-      childCallback(e);
-    }
-    const callback = this.props[type];
-    if (callback) {
-      callback(e);
-    }
-  }
-  render() {
-    const { children, className = "" } = this.props;
-    const child = React.Children.only(children);
-    const newChildProps = {
-      key: "trigger"
-    };
-    if (child && child.props && child.props.className) {
-      newChildProps.className = className;
-    }
-    const cloneProps = {
-      ...newChildProps
-    };
-    cloneProps.ref = composeRef(this.props.forwardedRef, child.ref);
-    const trigger = React.cloneElement(child, cloneProps);
-    return trigger;
-  }
-}
-const defaultProps = {
-  ...ComponentDefaults,
-  list: [],
-  theme: "light",
-  location: "bottom",
-  visible: false,
-  offset: 20,
-  className: "",
-  onClick: (e) => {
-  },
-  onChoose: (item, index) => {
-  }
-};
-const Popover = (props) => {
-  const { children, list, theme, location, visible, offset, className, style, onClick, onChoose, ...reset } = {
-    ...defaultProps,
-    ...props
-  };
-  const goodItem = useRef(null);
-  setTimeout(async () => {
-    if (goodItem.current) {
-      const res = await getRectByTaro(goodItem.current);
-      setElWidth(res == null ? void 0 : res.width);
-      setElHeight(res == null ? void 0 : res.height);
-    }
-  });
-  const [classes, setClasses] = useState("");
-  const [elWidth, setElWidth] = useState(0);
-  const [elHeight, setElHeight] = useState(0);
-  const [popoverContent, setPopoverContent] = useState("");
-  const [popoverArrow, setPopoverArrow] = useState("");
-  useEffect(() => {
-    setClasses(classesSelf());
-    setPopoverContent(popoverContentSelf());
-    setPopoverArrow(popoverArrowSelf());
-  }, [list, theme]);
-  const getStyle = () => {
-    const offNumer = Number(offset) ? Number(offset) : 0;
-    const style2 = {};
-    if (location.includes("top")) {
-      style2.bottom = `${elHeight + offNumer}px`;
-    } else if (location.includes("right")) {
-      style2.left = `${elWidth + offNumer}px`;
-    } else if (location.includes("left")) {
-      style2.right = `${elWidth + offNumer}px`;
-    } else {
-      style2.top = `${elHeight + offNumer}px`;
-    }
-    return style2;
-  };
-  const classesSelf = () => {
-    const prefixCls = "nut-popover";
-    return `${prefixCls} ${theme ? `${prefixCls}--${theme}` : ""}`;
-  };
-  const popoverContentSelf = () => {
-    const prefixCls = "popover-content";
-    return `${prefixCls}-show ${prefixCls} ${location ? `${prefixCls}--${location}` : ""}`;
-  };
-  const filter = () => {
-    const ms = ["top", "bottom", "left", "right"];
-    return ms.filter((m) => location.includes(m))[0];
-  };
-  const popoverArrowSelf = () => {
-    const prefixCls = "popover-arrow";
-    return `${prefixCls} ${prefixCls}-${filter()} ${location ? `${prefixCls}--${location}` : ""}`;
-  };
-  const handleClick = (e) => {
-    if (props.onClick) {
-      props.onClick(e);
-    }
-  };
-  const handleChoose = (item, index) => {
-    if (!item.disabled) {
-      onChoose(item, index);
-    }
-  };
-  return React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(
-      "div",
-      { className: `${classes} ${className}`, style: { ...style }, ...reset },
-      React.createElement(
-        Trigger,
-        { forwardedRef: goodItem },
-        React.createElement(
-          "div",
-          { onClick: (e) => handleClick(e) },
-          Array.isArray(children) ? children[0] : children,
-          visible ? React.createElement(
-            "div",
-            { className: `${popoverContent}`, style: getStyle() },
-            React.createElement("div", { className: `${popoverArrow}` }),
-            Array.isArray(children) ? children[1] : "",
-            React.createElement("div", null, list.map((item, i) => {
-              return React.createElement(
-                "div",
-                { key: item.name, className: `popover-menu-item ${item.disabled ? "disabled" : ""}`, onClick: () => {
-                  handleChoose(item, i);
-                } },
-                item.icon ? item.icon : null,
-                React.createElement("div", { className: "popover-menu-item-name" }, item.name)
-              );
-            }))
-          ) : null
-        )
-      )
-    ),
-    visible ? React.createElement(Overlay, { visible, onClick: (e) => handleClick(e), style: { background: "transparent" } }) : null
-  );
-};
-Popover.defaultProps = defaultProps;
-Popover.displayName = "NutPopover";
-export {
-  Popover as P
-};

package/dist/esm/sidenavbaritem.taro-32a45ce6.js

@@ -1,12 +0,0 @@
-import React from "react";
-const SideNavBarItem = (props) => {
-  const { title, key, children, onClick, ...rest } = props;
-  const clickFn = (e) => {
-    e.stopPropagation();
-    onClick && onClick({ title, key });
-  };
-  return React.createElement("div", { className: "nut-subsidenavbar__item border-bt", onClick: clickFn, ...rest }, title);
-};
-export {
-  SideNavBarItem as S
-};

package/dist/esm/tag.taro-1b4134a5.js

@@ -1,92 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { Close } from "@nutui/icons-react-taro";
-import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  type: "default",
-  color: "",
-  textColor: "",
-  plain: false,
-  round: false,
-  mark: false,
-  closeable: false,
-  closeIcon: null,
-  prefixCls: "nut-tag",
-  onClose: (e) => {
-  },
-  onClick: (e) => {
-  }
-};
-const Tag = (props) => {
-  const { className, style, color, plain, type, round, prefixCls, children, mark, closeable, closeIcon, textColor, onClick, onClose } = {
-    ...defaultProps,
-    ...props
-  };
-  const [btnName, setBtnName] = useState("");
-  const [isTagShow, setIsTagShow] = useState(true);
-  useEffect(() => {
-    setBtnName(classes());
-  }, [
-    type,
-    color,
-    textColor,
-    plain,
-    round,
-    mark,
-    closeable,
-    prefixCls,
-    onClick,
-    onClose,
-    className
-  ]);
-  const classes = () => {
-    const prefixCls2 = "nut-tag";
-    return classNames({
-      [prefixCls2]: true,
-      [`${prefixCls2}--${type}`]: type,
-      [`${prefixCls2}--plain`]: plain,
-      [`${prefixCls2}--round`]: round,
-      [`${prefixCls2}--mark`]: mark,
-      [`${prefixCls2}--close`]: closeable,
-      [`${className}`]: className
-    });
-  };
-  const handleClick = (e) => {
-    if (props.onClick) {
-      props.onClick(e);
-    }
-  };
-  const getStyle = () => {
-    const style2 = {};
-    if (textColor) {
-      style2.color = textColor;
-    } else if (color && plain) {
-      style2.color = color;
-    }
-    if (plain) {
-      style2.background = "#fff";
-      style2.borderColor = color;
-    } else if (color) {
-      style2.background = color;
-    }
-    return style2;
-  };
-  return React.createElement(React.Fragment, null, closeable ? isTagShow && React.createElement(
-    "div",
-    { className: btnName, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) },
-    children && React.createElement("span", { className: "nut-tag-text" }, children),
-    React.isValidElement(closeIcon) ? React.createElement("i", { className: "nut-tag-custom-icon", onClick: (e) => {
-      setIsTagShow(false);
-      props.onClose && props.onClose(e);
-    } }, closeIcon) : React.createElement(Close, { size: 12, onClick: (e) => {
-      setIsTagShow(false);
-      props.onClose && props.onClose(e);
-    } })
-  ) : React.createElement("div", { className: btnName, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) }, children && React.createElement("span", { className: "nut-tag-text" }, children)));
-};
-Tag.defaultProps = defaultProps;
-Tag.displayName = "NutTag";
-export {
-  Tag as T
-};

package/dist/esm/timedetail.taro-8d2acbbf.js

@@ -1,41 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { c as cn } from "./bem-cdccae08.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
-const defaultProps = {
-  className: "",
-  currentKey: 0,
-  currentTime: [],
-  times: [],
-  select: () => null
-};
-const TimeDetail = (props) => {
-  useConfig();
-  const { children, times, className, currentKey, currentTime, select } = {
-    ...defaultProps,
-    ...props
-  };
-  const b = cn("timedetail");
-  const [renderData, setRenderData] = useState([]);
-  useEffect(() => {
-    const currentData = times.find((timesItem) => String(timesItem.key) === String(currentKey));
-    const renderData2 = currentData ? currentData.list : [];
-    setRenderData(renderData2);
-  }, [times, currentKey]);
-  const handleTime = (time) => {
-    select(time);
-  };
-  const getDetailClass = (item) => {
-    let initClass = "nut-timedetail__item";
-    const curTimeData = currentTime.find((item2) => String(item2.key) === String(currentKey));
-    if (curTimeData && curTimeData.list && curTimeData.list.includes(item)) {
-      initClass += " nut-timedetail__item-active";
-    }
-    return initClass;
-  };
-  return React.createElement("div", { className: `${b()} ${className || ""}` }, renderData.map((item, index) => React.createElement("span", { className: getDetailClass(item), key: item, onClick: () => handleTime(item) }, item)));
-};
-TimeDetail.defaultProps = defaultProps;
-TimeDetail.displayName = "NutTimeDetail";
-export {
-  TimeDetail as T
-};

package/dist/esm/timepannel.taro-ee4c5dfa.js

@@ -1,22 +0,0 @@
-import React from "react";
-import { c as cn } from "./bem-cdccae08.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
-const defaultProps = {
-  className: "",
-  date: "",
-  curKey: 0
-};
-const TimePannel = (props) => {
-  useConfig();
-  const { children, className, date, curKey, change } = {
-    ...defaultProps,
-    ...props
-  };
-  const b = cn("timepannel");
-  return React.createElement("div", { className: `${b()} ${className || ""}`, onClick: () => change(curKey) }, date);
-};
-TimePannel.defaultProps = defaultProps;
-TimePannel.displayName = "NutTimePannel";
-export {
-  TimePannel as T
-};