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

package/dist/esm/types/src/packages/watermark/watermark.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/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/types/src/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/dist/esm/types/src/utils/use-click-away.d.ts

@@ -0,0 +1,3 @@
+type TargetType = Function | HTMLElement | Element;
+export default function useClickAway(onClickAway: () => void, target: TargetType | TargetType[], eventName?: string, isListener?: boolean, outerVar?: boolean): void;
+export {};

package/dist/esm/{uploader.taro-7e38fc37.js → uploader.taro-fbd05e20.js}

@@ -12,7 +12,7 @@ import { Image } from "@tarojs/components";
 import { B as Button } from "./button.taro-01eae688.js";
 import { P as Progress } from "./progress.taro-437b9f6a.js";
 import { u as useConfig } from "./configprovider.taro-25758d9f.js";
-import { i as isPromise } from "./index-e3184f19.js";
+import { i as isPromise } from "./index-0a89a47b.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 class UploadOptions {
   constructor() {

package/dist/esm/use-client-rect-2bb6c562.js

@@ -0,0 +1,40 @@
+function isWindow(val) {
+  return val === window;
+}
+const getRect = (elementRef) => {
+  const element = elementRef;
+  if (isWindow(element)) {
+    const width = element.innerWidth;
+    const height = element.innerHeight;
+    return {
+      top: 0,
+      left: 0,
+      right: width,
+      bottom: height,
+      width,
+      height
+    };
+  }
+  if (element && element.getBoundingClientRect) {
+    return element.getBoundingClientRect();
+  }
+  return {
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0
+  };
+};
+const getRectByTaro = async (element) => {
+  if (element) {
+    const res = await element.getBoundingClientRect();
+    return res;
+  }
+  return Promise.resolve({});
+};
+export {
+  getRect as a,
+  getRectByTaro as g
+};

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/{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.12 Fri May 26 2023 15:29:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.14 Fri Jun 02 2023 17:15:09 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.12 Fri May 26 2023 15:29:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.14 Fri Jun 02 2023 17:15:09 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.12 Fri May 26 2023 15:29:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.14 Fri Jun 02 2023 17:15:09 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.12 Fri May 26 2023 15:29:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.14 Fri Jun 02 2023 17:15:09 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.12 Fri May 26 2023 15:29:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.14 Fri Jun 02 2023 17:15:09 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.12 Fri May 26 2023 15:29:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.14 Fri Jun 02 2023 17:15:09 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.12 Fri May 26 2023 15:29:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.14 Fri Jun 02 2023 17:15:09 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */