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

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

@@ -1,9 +1,9 @@
 import React, { FunctionComponent } from 'react';
-export interface WaterMarkProps {
+import { BasicComponent } from '@/utils/typings';
+export interface WaterMarkProps extends BasicComponent {
     content: string;
     fullPage: boolean;
     zIndex: number;
-    className: string;
     gapX: number;
     gapY: number;
     width: number;
@@ -12,11 +12,10 @@ export interface WaterMarkProps {
     imageWidth: number;
     imageHeight: number;
     rotate: number;
-    fontColor: string;
+    color: string;
     fontStyle: string;
     fontFamily: string;
     fontWeight: string;
     fontSize: string | number;
-    style: React.CSSProperties;
 }
 export declare const WaterMark: FunctionComponent<Partial<WaterMarkProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/video.taro-2a26d7da.js

@@ -0,0 +1,37 @@
+import React from "react";
+import classNames from "classnames";
+import { Video as Video$1 } from "@tarojs/components";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
+const defaultProps = {
+  ...ComponentDefaults,
+  source: {
+    type: {},
+    src: ""
+  },
+  options: {
+    controls: true,
+    muted: false,
+    autoplay: false,
+    poster: "",
+    playsinline: false,
+    loop: false
+  }
+};
+const classPrefix = `nut-video`;
+const Video = (props) => {
+  const { children, source, options, className, onPlay, onPause, onPlayEnd, ...restProps } = {
+    ...defaultProps,
+    ...props
+  };
+  const classes = classNames(className, classPrefix);
+  return React.createElement(
+    "div",
+    { className: classes, ...restProps },
+    React.createElement(Video$1, { className: "nut-video-player", muted: options.muted, autoplay: options.autoplay, loop: options.loop, poster: options.poster, controls: options.controls, src: source.src, onPlay, onPause, onEnded: onPlayEnd })
+  );
+};
+Video.defaultProps = defaultProps;
+Video.displayName = "NutVideo";
+export {
+  Video as V
+};

package/dist/esm/{virtuallist.taro-99f03769.js → virtuallist.taro-97d3403a.js}

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useEffect, useCallback } from "react";
 import { ScrollView } from "@tarojs/components";
 import { getSystemInfoSync } from "@tarojs/taro";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const initPositinoCache = (reaItemSize, length = 0) => {
   let index = 0;
   const positions = Array(length);
@@ -71,20 +71,22 @@ const updateItemSize = (positions, items, sizeKey) => {
     }
   });
 };
+const clientHeight = getSystemInfoSync().windowHeight - 5 || 667;
 const defaultProps = {
-  sourceData: [],
-  itemSize: 66,
-  itemEqualSize: true,
+  ...ComponentDefaults,
+  list: [],
+  containerHeight: clientHeight,
+  itemHeight: 66,
+  itemEqual: true,
   overscan: 2
 };
-const clientHeight = getSystemInfoSync().windowHeight - 5 || 667;
-getSystemInfoSync().windowWidth || 375;
 const VirtualList = (props) => {
-  const { sourceData = [], ItemRender, itemSize = 66, itemEqualSize = true, overscan = 2, key, onScroll, className, containerSize = clientHeight, ...rest } = props;
+  const { list, ItemRender, itemHeight, itemEqual, overscan, key, onScroll, className, containerHeight, ...rest } = {
+    ...defaultProps,
+    ...props
+  };
   const [startOffset, setStartOffset] = useState(0);
   const [start, setStart] = useState(0);
-  const [list, setList] = useState(sourceData.slice());
-  useConfig();
   const scrollRef = useRef(null);
   const itemsRef = useRef(null);
   const firstItemRef = useRef(null);
@@ -99,7 +101,7 @@ const VirtualList = (props) => {
       right: 0
     }
   ]);
-  const [offSetSize, setOffSetSize] = useState(containerSize || 0);
+  const [offSetSize, setOffSetSize] = useState(containerHeight || 0);
   const [options, setOptions] = useState({
     startOffset: 0,
     startIndex: 0,
@@ -107,37 +109,32 @@ const VirtualList = (props) => {
     endIndex: 10
     // 可视区域结束索引
   });
-  useEffect(() => {
-    if (sourceData.length) {
-      setList(sourceData.slice());
-    }
-  }, [sourceData]);
   useEffect(() => {
     setPositions((options2) => {
       return { ...options2, endIndex: visibleCount() };
     });
-  }, [itemSize, overscan, offSetSize]);
+  }, [itemHeight, overscan, offSetSize]);
   useEffect(() => {
-    if (containerSize)
+    if (containerHeight)
       return;
     setOffSetSize(getContainerHeight());
-  }, [containerSize]);
+  }, [containerHeight]);
   useEffect(() => {
-    const pos = initPositinoCache(itemSize, sourceData.length);
+    const pos = initPositinoCache(itemHeight, list.length);
     setPositions(pos);
-  }, [itemSize, sourceData]);
+  }, [itemHeight, list]);
   const getContainerHeight = () => {
-    const initH = itemSize * sourceData.length;
-    return initH < clientHeight ? initH + overscan * itemSize - 5 : Math.min(containerSize, clientHeight);
+    const initH = itemHeight * list.length;
+    return initH < clientHeight ? initH + overscan * itemHeight - 5 : Math.min(containerHeight, clientHeight);
   };
   const visibleCount = () => {
-    return Math.ceil(getContainerHeight() / itemSize) + overscan;
+    return Math.ceil(getContainerHeight() / itemHeight) + overscan;
   };
   const end = () => {
     return start + visibleCount();
   };
   const listHeight = () => {
-    return list.length * itemSize;
+    return list.length * itemHeight;
   };
   const visibleData = () => {
     return list.slice(start, Math.min(end(), list.length));
@@ -156,24 +153,24 @@ const VirtualList = (props) => {
     const startIndex = binarySearch(positions, scrollSize, false);
     const overStart = startIndex - overscan > -1 ? startIndex - overscan : 0;
     const endIndex = end();
-    if (!itemEqualSize) {
+    if (!itemEqual) {
       updateTotalSize();
     }
-    setStart(Math.floor(scrollTop / itemSize));
+    setStart(Math.floor(scrollTop / itemHeight));
     setOptions({ startOffset, startIndex, overStart, endIndex });
     if (end() > list.length - 1) {
       onScroll && onScroll();
     }
-    setStartOffset(scrollTop - scrollTop % itemSize);
+    setStartOffset(scrollTop - scrollTop % itemHeight);
   };
   return React.createElement(
     "div",
     { className: className ? `${className} nut-virtualList-box` : "nut-virtualList-box", ...rest, style: {
-      height: containerSize ? `${offSetSize}px` : ""
+      height: containerHeight ? `${offSetSize}px` : ""
     } },
     React.createElement(
       ScrollView,
-      { scrollTop: 0, scrollY: true, type: "list", ref: scrollRef, className: "nut-virtuallist", style: {
+      { scrollY: true, type: "list", ref: scrollRef, className: "nut-virtuallist", style: {
         height: `${getContainerHeight()}px`
       }, onScroll: listScroll },
       React.createElement("div", { className: "nut-virtuallist-phantom", style: { height: `${listHeight()}px` } }),
@@ -182,7 +179,7 @@ const VirtualList = (props) => {
         const dataIndex = overStart + index;
         key && data[key] ? data[key] : dataIndex;
         return React.createElement("div", { ref: dataIndex === 0 ? firstItemRef : null, "data-index": `${dataIndex}`, className: "nut-virtuallist-item", key: `${data}`, style: {
-          height: `${itemEqualSize ? `${itemSize}px` : "auto"}`
+          height: `${itemEqual ? `${itemHeight}px` : "auto"}`
         } }, ItemRender ? React.createElement(ItemRender, { data, index: `${index}` }) : data);
       }))
     )

package/dist/esm/{watermark.taro-cef29c03.js → watermark.taro-e2245bb1.js}

@@ -2,8 +2,9 @@ import React, { useState, useEffect } from "react";
 import { getSystemInfo, createOffscreenCanvas } from "@tarojs/taro";
 import classNames from "classnames";
 import { u as useConfig } from "./configprovider.taro-25758d9f.js";
-import { c as cn } from "./bem-cdccae08.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
+  ...ComponentDefaults,
   content: "",
   fullPage: true,
   zIndex: 2e3,
@@ -15,23 +16,21 @@ const defaultProps = {
   imageWidth: 120,
   imageHeight: 64,
   rotate: -22,
-  fontColor: "rgba(0,0,0,.15)",
+  color: "rgba(0,0,0,.15)",
   fontStyle: "normal",
-  fontFamily: "PingFang SC",
   fontWeight: "normal",
   fontSize: 14
 };
 const WaterMark = (props) => {
   const { locale } = useConfig();
-  const { content, fullPage, zIndex, className, gapX, gapY, width, height, image, imageWidth, imageHeight, rotate, fontColor, fontStyle, fontFamily, fontWeight, fontSize, style, children } = {
+  const { content, fullPage, zIndex, className, gapX, gapY, width, height, image, imageWidth, imageHeight, rotate, color, fontStyle, fontFamily, fontWeight, fontSize, style } = {
     ...defaultProps,
     ...props
   };
   const [base64Url, setBase64Url] = useState("");
-  const b = cn("watermark");
-  const classes = classNames({
-    [`${b("")}`]: true,
-    [`${b("")}-full-page`]: fullPage
+  const classPrefix = "nut-watermark";
+  const classes = classNames(classPrefix, {
+    [`${classPrefix}-full-page`]: fullPage
   });
   const cls = classNames(classes, className);
   useEffect(() => {
@@ -41,8 +40,8 @@ const WaterMark = (props) => {
     let ratio = 1;
     getSystemInfo().then((res) => {
       ratio = res.pixelRatio;
-      const canvasWidth = `${(gapX + width) * ratio}px`;
-      const canvasHeight = `${(gapY + height) * ratio}px`;
+      const canvasWidth = `${(gapX + width) * ratio}`;
+      const canvasHeight = `${(gapY + height) * ratio}`;
       const markWidth = width * ratio;
       const markHeight = height * ratio;
       let ctx;
@@ -50,8 +49,8 @@ const WaterMark = (props) => {
       if (process.env.TARO_ENV === "h5") {
         canvas = document.createElement("canvas");
         ctx = canvas.getContext("2d");
-        canvas.setAttribute("width", canvasWidth);
-        canvas.setAttribute("height", canvasHeight);
+        canvas.setAttribute("width", `${canvasWidth}px`);
+        canvas.setAttribute("height", `${canvasHeight}px`);
       } else {
         canvas = createOffscreenCanvas({
           type: "2d",
@@ -85,7 +84,7 @@ const WaterMark = (props) => {
           ctx.rotate(Math.PI / 180 * Number(rotate));
           const markSize = Number(fontSize) * ratio;
           ctx.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`;
-          ctx.fillStyle = fontColor;
+          ctx.fillStyle = color;
           ctx.fillText(content, 0, 0);
           ctx.restore();
           setBase64Url(canvas.toDataURL());

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.11 Wed May 24 2023 16:44:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.13 Wed May 31 2023 15:01:45 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.11 Wed May 24 2023 16:44:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.13 Wed May 31 2023 15:01:45 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.11 Wed May 24 2023 16:44:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.13 Wed May 31 2023 15:01:45 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.11 Wed May 24 2023 16:44:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.13 Wed May 31 2023 15:01:45 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -30,7 +30,15 @@ const i = {
   },
   range: { rangeText: "Aralıkta görünmüyor" },
   calendaritem: {
-    weekdays: ["Pazar", "Pazartesi", "Salı", "Çarşamba", "Perşembe", "Cuma", "Cumartesi"],
+    weekdays: [
+      "Pazar",
+      "Pazartesi",
+      "Salı",
+      "Çarşamba",
+      "Perşembe",
+      "Cuma",
+      "Cumartesi"
+    ],
     end: "Son",
     start: "Başlangıç",
     confirm: "Onayla",

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.11 Wed May 24 2023 16:44:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.13 Wed May 31 2023 15:01:45 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.11 Wed May 24 2023 16:44:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.13 Wed May 31 2023 15:01:45 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.11 Wed May 24 2023 16:44:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.13 Wed May 31 2023 15:01:45 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */