@nutui/nutui-react-taro 2.0.0-alpha.14 → 2.0.0-alpha.16

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "2.0.0-alpha.14",
+  "version": "2.0.0-alpha.16",
   "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/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
-};

package/dist/esm/timeselect.taro-069deedd.js

@@ -1,133 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { P as Popup } from "./popup.taro-e756f3fc.js";
-import { T as TimePannel } from "./timepannel.taro-ee4c5dfa.js";
-import { T as TimeDetail } from "./timedetail.taro-8d2acbbf.js";
-import { c as cn } from "./bem-cdccae08.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
-const defaultProps = {
-  className: "",
-  style: {},
-  visible: false,
-  height: "20%",
-  multiple: false,
-  currentKey: 0,
-  currentTime: [],
-  title: "取件时间",
-  dates: [],
-  times: []
-};
-const TimeSelect = (props) => {
-  useConfig();
-  const { visible, className, height, title, currentKey, currentTime, dates, times, multiple, select, pannelChange, timeChange, onSelect, onPannelChange, onTimeChange } = {
-    ...defaultProps,
-    ...props
-  };
-  const [activeKey, setActiveKey] = useState(currentKey);
-  const [activeTime, setActiveTime] = useState(currentTime.length ? currentTime : [
-    {
-      key: currentKey,
-      list: []
-    }
-  ]);
-  const [popVisible, setPopVisible] = useState(visible);
-  const popStyle = {
-    width: "100%",
-    height
-  };
-  const b = cn("timeselect");
-  const closeFun = () => {
-    if (onSelect) {
-      onSelect(activeTime);
-    } else if (select) {
-      select(activeTime);
-    }
-  };
-  const handleSelectTime = (time) => {
-    let curTimeData = {};
-    let curIndex = -1;
-    for (let i = 0; i < activeTime.length; i++) {
-      if (String(activeTime[i].key) === String(activeKey)) {
-        curTimeData = activeTime[i];
-        curIndex = i;
-        break;
-      }
-    }
-    const curTimeIndex = curTimeData.list.findIndex((item) => String(item) === String(time));
-    if (curTimeIndex === -1) {
-      curTimeData.list.push(time);
-    } else {
-      curTimeData.list.splice(curTimeIndex, 1);
-    }
-    const resultTimeData = [...activeTime];
-    resultTimeData.splice(curIndex, 1, curTimeData);
-    setActiveTime(resultTimeData);
-    if (onTimeChange) {
-      onTimeChange(time, resultTimeData);
-    } else if (timeChange) {
-      timeChange(time, resultTimeData);
-    }
-  };
-  const handleChange = (pannelKey) => {
-    const resultTimeData = [...activeTime];
-    if (String(pannelKey) !== String(activeKey)) {
-      setActiveKey == null ? void 0 : setActiveKey(pannelKey);
-      if (multiple) {
-        const curTimeDataIndex = activeTime.findIndex((item) => String(item.key) === String(pannelKey));
-        if (curTimeDataIndex === -1) {
-          resultTimeData.push({
-            key: pannelKey,
-            list: []
-          });
-          setActiveTime(resultTimeData);
-        }
-      } else {
-        setActiveTime([
-          {
-            key: pannelKey,
-            list: []
-          }
-        ]);
-      }
-    }
-    if (onPannelChange) {
-      onPannelChange(pannelKey, resultTimeData);
-    } else if (pannelChange) {
-      pannelChange(pannelKey, resultTimeData);
-    }
-  };
-  const getTimePannelClass = (dataItem) => {
-    if (String(dataItem["paneKey"]) === String(activeKey)) {
-      return "nut-timepannel-active";
-    }
-    return "";
-  };
-  useEffect(() => {
-    setPopVisible(visible);
-  }, [visible]);
-  return React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(
-      Popup,
-      { closeable: true, round: true, visible: popVisible, position: "bottom", style: popStyle, onClose: () => {
-        closeFun();
-      } },
-      React.createElement(
-        "div",
-        { className: `${b()} ${className || ""}` },
-        React.createElement("div", { className: "nut-timeselect__title" }, title),
-        React.createElement(
-          "div",
-          { className: "nut-timeselect__content" },
-          React.createElement("div", { className: "nut-timeselect__content-left" }, dates.map((dataItem, index) => React.createElement(TimePannel, { date: dataItem.date, className: getTimePannelClass(dataItem), key: String(dataItem["paneKey"] || index), curKey: String(dataItem["paneKey"] || index), change: handleChange }))),
-          React.createElement(TimeDetail, { times, currentKey: String(activeKey), currentTime: activeTime, select: handleSelectTime })
-        )
-      )
-    )
-  );
-};
-TimeSelect.defaultProps = defaultProps;
-TimeSelect.displayName = "NutTimeSelect";
-export {
-  TimeSelect as T
-};

package/dist/esm/types/src/packages/timedetail/demo.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const TimeDetailDemo: () => JSX.Element;
-export default TimeDetailDemo;

package/dist/esm/types/src/packages/timedetail/demo.taro.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const TimeDetailDemo: () => JSX.Element;
-export default TimeDetailDemo;

package/dist/esm/types/src/packages/timepannel/demo.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const TimePannelDemo: () => JSX.Element;
-export default TimePannelDemo;

package/dist/esm/types/src/packages/timepannel/demo.taro.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const TimePannelDemo: () => JSX.Element;
-export default TimePannelDemo;

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

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

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

@@ -1,2 +0,0 @@
-import { TimePannel } from './timepannel.taro';
-export default TimePannel;

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

@@ -1,8 +0,0 @@
-import React, { FunctionComponent } from 'react';
-export interface TimePannelProps {
-    date: string;
-    curKey: string | number;
-    className?: string;
-    change: (curKey: string | number) => void;
-}
-export declare const TimePannel: FunctionComponent<Partial<TimePannelProps> & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -1,8 +0,0 @@
-import React, { FunctionComponent } from 'react';
-export interface TimePannelProps {
-    date: string;
-    curKey: string | number;
-    className?: string;
-    change: (curKey: string | number) => void;
-}
-export declare const TimePannel: FunctionComponent<Partial<TimePannelProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/packages/timepannel/timepannel.scss

@@ -1,17 +0,0 @@
-.nut-theme-dark {
-  .nut-timepannel {
-    background-color: $dark5;
-    color: $dark2;
-    &--curr {
-      background-color: $dark5;
-      color: $dark1;
-    }
-  }
-}
-.nut-timepannel {
-  height: $timeselect-timepannel-height;
-  line-height: 40px;
-  text-align: center;
-  color: $timeselect-timepannel-text-color;
-  font-size: $timeselect-timepannel-font-size;
-}

package/dist/types/packages/timepannel/index.taro.d.ts

@@ -1,2 +0,0 @@
-import { TimePannel } from './timepannel.taro';
-export default TimePannel;

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

@@ -1,8 +0,0 @@
-import React, { FunctionComponent } from 'react';
-export interface TimePannelProps {
-    date: string;
-    curKey: string | number;
-    className?: string;
-    change: (curKey: string | number) => void;
-}
-export declare const TimePannel: FunctionComponent<Partial<TimePannelProps> & React.HTMLAttributes<HTMLDivElement>>;