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

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

@@ -1,22 +1,77 @@
 import React, { FunctionComponent } from 'react';
-export interface WaterMarkProps {
-    content: string;
-    fullPage: boolean;
-    zIndex: number;
-    className: string;
-    gapX: number;
-    gapY: number;
-    width: number;
-    height: number;
-    image: string;
-    imageWidth: number;
-    imageHeight: number;
-    rotate: number;
-    fontColor: string;
+import { BasicComponent } from '../../utils/typings';
+export interface WaterMarkProps extends BasicComponent {
+    /**
+    * 水印文字内容
+    * @default -
+    */
+    content: string
+    /**
+    * 是否覆盖整个页面
+    * @default true
+    */
+    fullPage: boolean
+    /**
+    * 追加的水印元素的 z-index
+    * @default 2000
+    */
+    zIndex: number
+    /**
+    * 水印之间的水平间距
+    * @default 24
+    */
+    gapX: number
+    /**
+    * 水印之间的垂直间距
+    * @default 48
+    */
+    gapY: number
+    /**
+    * 水印的宽度
+    * @default 120
+    */
+    width: number
+    /**
+    * 水印的高度
+    * @default 64
+    */
+    height: number
+    /**
+    * 图片源，建议导出 2 倍或 3 倍图，优先使用图片渲染水印
+    * @default -
+    */
+    image: string
+    /**
+    * 图片宽度
+    * @default 120
+    */
+    imageWidth: number
+    /**
+    * 图片高度
+    * @default 64
+    */
+    imageHeight: number
+    /**
+    * 水印绘制时，旋转的角度
+    * @default -22
+    */
+    rotate: number
+    /**
+    * 水印文字颜色
+    * @default rgba(0, 0, 0, .15)
+    */
+    color: string
     fontStyle: string;
-    fontFamily: string;
+    /**
+    * 水印文字字体
+    * @default -
+    */
+    fontFamily: string
     fontWeight: string;
-    fontSize: string | number;
-    style: React.CSSProperties;
+    /**
+    * 文字大小
+    * @default 16
+    */
+    fontSize: string | number
 }
 export declare const WaterMark: FunctionComponent<Partial<WaterMarkProps> & React.HTMLAttributes<HTMLDivElement>>;

package/package.json

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

package/dist/esm/animatingnumbers.taro-c2a52dbd.js

@@ -1,103 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import React, { useRef, useState, useEffect, Component } from "react";
-import { createSelectorQuery } from "@tarojs/taro";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps$1 = {
-  maxLen: 0,
-  endNumber: "",
-  delaySpeed: 300,
-  easeSpeed: 1,
-  thousands: false,
-  className: ""
-};
-const CountUp = (props) => {
-  const { maxLen, endNumber, delaySpeed, easeSpeed, className, thousands, ...reset } = {
-    ...defaultProps$1,
-    ...props
-  };
-  const b = cn("countup");
-  const countupRef = useRef(null);
-  const timerRef = useRef(0);
-  const numbers = Array.from({ length: 10 }, (v, i) => i);
-  const getShowNumber = () => {
-    const splitArr = endNumber.split(".");
-    const intNumber = maxLen && splitArr[0].length < maxLen ? (Array(maxLen).join("0") + splitArr[0]).slice(-maxLen) : splitArr[0];
-    const currNumber = `${thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, "$1,") : intNumber}${splitArr[1] ? "." : ""}${splitArr[1] || ""}`;
-    return currNumber.split("");
-  };
-  const [numerArr, setNumerArr] = useState([]);
-  const [transformArr, setTransformArr] = useState([]);
-  const isLoaded = useRef(false);
-  const setNumberTransform = () => {
-    if (countupRef.current && numerArr.length) {
-      createSelectorQuery().selectAll(".nut-countup__listitem").node((numberItems) => {
-        const transformArrCache = [];
-        Object.keys(numberItems).forEach((key) => {
-          const elem = numberItems[Number(key)];
-          const idx = Number(numerArr[Number(key)]);
-          if (elem) {
-            const transform = idx || idx === 0 ? `translate(0, -${(idx === 0 ? 10 : idx) * 5}%)` : "";
-            transformArrCache.push(transform);
-          }
-        });
-        setTransformArr([...transformArrCache]);
-      }).exec();
-    }
-  };
-  const numberEaseStyle = (idx) => {
-    return {
-      transition: `transform ${easeSpeed}s ease-in-out`,
-      transform: transformArr[idx] ? transformArr[idx] : null
-    };
-  };
-  useEffect(() => {
-    setNumberTransform();
-  }, [numerArr]);
-  useEffect(() => {
-    if (!isLoaded.current) {
-      isLoaded.current = true;
-      timerRef.current = window.setTimeout(() => {
-        setNumerArr(getShowNumber());
-      }, delaySpeed);
-    } else {
-      setNumerArr(getShowNumber());
-    }
-    return () => {
-      window.clearTimeout(timerRef.current);
-    };
-  }, [endNumber]);
-  return React.createElement(
-    "div",
-    { className: `${b()} ${className}`, ref: countupRef },
-    React.createElement("ul", { className: b("list") }, numerArr.map((item, idx) => {
-      return React.createElement("li", { className: `${b("listitem", {
-        number: !Number.isNaN(Number(item))
-      })}`, key: idx }, !Number.isNaN(Number(item)) ? React.createElement("span", { className: b("number"), style: numberEaseStyle(idx) }, [...numbers, ...numbers].map((number, subidx) => {
-        return React.createElement("span", { key: subidx }, number);
-      })) : React.createElement("span", { className: b("separator") }, item));
-    }))
-  );
-};
-CountUp.defaultProps = defaultProps$1;
-CountUp.displayName = "NutCountUp";
-const defaultProps = {};
-class AnimatingNumbers extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {};
-  }
-  render() {
-    return React.createElement("div", { className: "nut-animatingnumbers" });
-  }
-}
-__publicField(AnimatingNumbers, "defaultProps", defaultProps);
-__publicField(AnimatingNumbers, "displayName", "NutAnimatingNumbers");
-__publicField(AnimatingNumbers, "CountUp", CountUp);
-export {
-  AnimatingNumbers as A
-};

package/dist/esm/trendarrow.taro-0cf43935.js

@@ -1,72 +0,0 @@
-import React, { useRef } from "react";
-import { TriangleUp, TriangleDown } from "@nutui/icons-react-taro";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps = {
-  rate: 0,
-  digits: 2,
-  showSign: false,
-  showZero: false,
-  arrowLeft: false,
-  syncTextColor: true,
-  textColor: "#333",
-  riseColor: "#fa2c19",
-  dropColor: "#64b578",
-  upIcon: null,
-  downIcon: null,
-  className: ""
-};
-const TrendArrow = (props) => {
-  const { rate, digits, showSign, showZero, arrowLeft, syncTextColor, textColor, riseColor, dropColor, upIcon, downIcon, className, children, ...rest } = { ...defaultProps, ...props };
-  const b = cn("trendarrow");
-  const handleClick = () => {
-  };
-  const rateTrend = useRef(rate > 0);
-  const myFixed = (num, digit = 2) => {
-    if (Object.is(parseFloat(num), NaN)) {
-      return console.log(`传入的值：${num}不是一个数字`);
-    }
-    num = parseFloat(num);
-    const numPow = Math.pow(10, digit);
-    return (Math.round((num + Number.EPSILON) * numPow) / numPow).toFixed(digit);
-  };
-  const calcStyle = (() => {
-    const arrowColor = rateTrend.current ? riseColor : dropColor;
-    const textEquArrowColor = syncTextColor ? arrowColor : textColor;
-    const style = {
-      color: rate === 0 ? textColor : textEquArrowColor
-    };
-    return style;
-  })();
-  const calcRate = (() => {
-    rateTrend.current = rate > 0;
-    const absRate = Math.abs(rate);
-    if (!showZero && rate === 0) {
-      return "--";
-    }
-    const resultRate = `${// eslint-disable-next-line no-nested-ternary
-    showSign && rate !== 0 ? rateTrend.current ? "+" : "-" : ""}${myFixed(Number(absRate), digits)}%`;
-    return resultRate;
-  })();
-  const calcIconProps = (() => {
-    const iconProps = {
-      color: rateTrend.current ? riseColor : dropColor
-    };
-    return iconProps;
-  })();
-  const renderContent = (arrowLeft2) => {
-    const classNameSuffix = !arrowLeft2 ? "icon-after" : "icon-before";
-    return React.createElement("span", { className: `${b(classNameSuffix)} ${b("rate")}`, style: calcStyle }, calcRate);
-  };
-  return React.createElement(
-    "div",
-    { className: `${b()} ${className}`, ...rest, onClick: handleClick },
-    !arrowLeft && renderContent(!arrowLeft),
-    children || React.createElement(React.Fragment, null, Number(rate) !== 0 && React.createElement(React.Fragment, null, rateTrend ? React.createElement(TriangleUp, { color: calcIconProps.color }) : React.createElement(TriangleDown, { color: calcIconProps.color }))),
-    arrowLeft && renderContent(!arrowLeft)
-  );
-};
-TrendArrow.defaultProps = defaultProps;
-TrendArrow.displayName = "NutTrendArrow";
-export {
-  TrendArrow as T
-};

package/dist/esm/video-5d106e33.js

@@ -1,73 +0,0 @@
-import React, { useRef, useEffect } from "react";
-import classNames from "classnames";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps = {
-  source: {
-    type: {},
-    src: ""
-  },
-  options: {
-    controls: true,
-    muted: false,
-    autoplay: false,
-    poster: "",
-    playsinline: false,
-    loop: false
-  }
-};
-const Video = (props) => {
-  const { children, source, options, className, play, pause, playend, onPlay, onPause, onPlayEnd, ...restProps } = {
-    ...defaultProps,
-    ...props
-  };
-  const rootRef = useRef(null);
-  const b = cn("video");
-  const classes = classNames(className, b(""));
-  useEffect(() => {
-    init();
-  }, []);
-  const init = () => {
-    if (rootRef.current) {
-      const videoRef = rootRef.current;
-      if (options.autoplay) {
-        setTimeout(() => {
-          videoRef.play();
-        }, 200);
-      }
-      if (options.playsinline) {
-        videoRef.setAttribute("playsinline", String(options.playsinline));
-        videoRef.setAttribute("webkit-playsinline", String(options.playsinline));
-        videoRef.setAttribute("x5-video-player-type", "h5-page");
-        videoRef.setAttribute("x5-video-player-fullscreen", "false");
-      }
-      videoRef.addEventListener("play", () => {
-        onPlay && onPlay(videoRef);
-        play && play(videoRef);
-      });
-      videoRef.addEventListener("pause", () => {
-        onPause && onPause(videoRef);
-        pause && pause(videoRef);
-      });
-      videoRef.addEventListener("ended", () => {
-        videoRef.currentTime = 0;
-        onPlayEnd && onPlayEnd(videoRef);
-        playend && playend(videoRef);
-      });
-    }
-  };
-  return React.createElement(
-    "div",
-    { className: classes, ...restProps },
-    React.createElement(
-      "video",
-      { className: "nut-video-player", muted: options.muted, autoPlay: options.autoplay, loop: options.loop, poster: options.poster, controls: options.controls, ref: rootRef, src: source.src },
-      React.createElement("source", { src: source.src, type: source.type }),
-      React.createElement("track", { kind: "captions" })
-    )
-  );
-};
-Video.defaultProps = defaultProps;
-Video.displayName = "NutVideo";
-export {
-  Video as V
-};

package/dist/types/packages/video/video.d.ts

@@ -1,24 +0,0 @@
-import React, { FunctionComponent } from 'react';
-export interface VideoProps {
-    source: {
-        type: string;
-        src: string;
-    };
-    options: {
-        controls?: boolean;
-        muted?: boolean;
-        autoplay?: boolean;
-        poster?: string;
-        playsinline?: boolean;
-        loop?: boolean;
-    };
-    className: string;
-    style: React.CSSProperties;
-    play: (e: HTMLVideoElement) => void;
-    pause: (e: HTMLVideoElement) => void;
-    playend: (e: HTMLVideoElement) => void;
-    onPlay: (e: HTMLVideoElement) => void;
-    onPause: (e: HTMLVideoElement) => void;
-    onPlayEnd: (e: HTMLVideoElement) => void;
-}
-export declare const Video: FunctionComponent<Partial<VideoProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onPause' | 'onPlay'>>;