@nutui/nutui-react-taro 1.3.12 → 1.3.13

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

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { IComponent } from '@/utils/typings';
+import { BasicComponent } from '@/utils/typings';
 declare class Title {
     title: string;
     paneKey: string;
@@ -8,7 +8,7 @@ declare class Title {
     constructor();
 }
 export declare type TabsSize = 'large' | 'normal' | 'small';
-export interface TabsProps extends IComponent {
+export interface TabsProps extends BasicComponent {
     className: string;
     style: React.CSSProperties;
     tabStyle: React.CSSProperties;

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

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
-import { IComponent } from '@/utils/typings';
-export interface TagProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface TagProps extends BasicComponent {
     type: TagType;
     color: string;
     textColor: string;

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

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
-import { IComponent } from '@/utils/typings';
-export interface TagProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface TagProps extends BasicComponent {
     type: TagType;
     color: string;
     textColor: string;

package/dist/esm/types/src/packages/trendarrow/__test__/trendarrow.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './demo.scss';
+declare const TrendArrowDemo: () => JSX.Element;
+export default TrendArrowDemo;

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

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

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

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

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

@@ -0,0 +1,18 @@
+import React, { FunctionComponent } from 'react';
+export interface TrendArrowProps {
+    rate: number;
+    digits: number;
+    showSign: boolean;
+    showZero: boolean;
+    arrowLeft: boolean;
+    syncTextColor: boolean;
+    textColor: string;
+    riseColor: string;
+    dropColor: string;
+    iconSize: string;
+    upIconName: string;
+    downIconName: string;
+    className: string;
+    style: React.CSSProperties;
+}
+export declare const TrendArrow: FunctionComponent<Partial<TrendArrowProps> & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,18 @@
+import React, { FunctionComponent } from 'react';
+export interface TrendArrowProps {
+    rate: number;
+    digits: number;
+    showSign: boolean;
+    showZero: boolean;
+    arrowLeft: boolean;
+    syncTextColor: boolean;
+    textColor: string;
+    riseColor: string;
+    dropColor: string;
+    iconSize: string;
+    upIconName: string;
+    downIconName: string;
+    className: string;
+    style: React.CSSProperties;
+}
+export declare const TrendArrow: FunctionComponent<Partial<TrendArrowProps> & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -4,8 +4,8 @@ export declare type FileType<T> = {
     [key: string]: T;
 };
 export declare type FileItemStatus = 'ready' | 'uploading' | 'success' | 'error' | 'removed';
-import { IComponent } from '@/utils/typings';
-export interface UploaderProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface UploaderProps extends BasicComponent {
     url: string;
     maximum: string | number;
     maximize: number;

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

@@ -23,8 +23,8 @@ interface sourceType {
     /** 使用后置摄像头(仅H5纯浏览器) */
     environment: string;
 }
-import { IComponent } from '@/utils/typings';
-export interface UploaderProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface UploaderProps extends BasicComponent {
     url: string;
     maximum: string | number;
     sizeType: (keyof sizeType)[];

package/dist/esm/types/src/packages/virtuallist/type.d.ts

@@ -15,7 +15,7 @@ export interface PositionType {
     left?: number;
     right: number;
 }
-export interface IVirtualListProps {
+export interface BasicVirtualListProps {
     className?: string;
     style?: React.CSSProperties;
     sourceData: Array<Data>;

package/dist/esm/types/src/packages/virtuallist/utils.d.ts

@@ -10,7 +10,7 @@ declare const getEndIndex: ({ sourceData, startIndex, visibleCount, itemEqualSiz
     positions: PositionType[];
     offSetSize: number;
     overscan: number;
-    sizeKey?: "height" | "width" | undefined;
+    sizeKey?: "width" | "height" | undefined;
 }) => number;
 declare const updateItemSize: (positions: PositionType[], items: HTMLCollection, sizeKey: 'width' | 'height') => void;
 export { initPositinoCache, getListTotalSize, binarySearch, getEndIndex, updateItemSize, };

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

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-import { IVirtualListProps } from './type';
-export declare type VirtualListProps = IVirtualListProps;
+import { BasicVirtualListProps } from './type';
+export declare type VirtualListProps = BasicVirtualListProps;
 export declare const VirtualList: FunctionComponent<VirtualListProps>;

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

@@ -1,4 +1,4 @@
 import React, { FunctionComponent } from 'react';
-import { IVirtualListProps } from './type';
-export declare type VirtualListProps = IVirtualListProps;
+import { BasicVirtualListProps } from './type';
+export declare type VirtualListProps = BasicVirtualListProps;
 export declare const VirtualList: FunctionComponent<VirtualListProps & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/types/src/packages/watermark/__tests__/watermark.spec.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+import 'jest-canvas-mock';

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './demo.scss';
+declare const WaterMarkDemo: () => JSX.Element;
+export default WaterMarkDemo;

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

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

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

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

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

@@ -0,0 +1,22 @@
+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;
+    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

@@ -0,0 +1,22 @@
+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;
+    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/typings.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties, ReactNode } from 'react';
-export interface IComponent {
+export interface BasicComponent {
     className?: string;
     style?: CSSProperties;
     iconFontClassName?: string;

package/dist/esm/{uploader.taro-2e16bff6.js → uploader.taro-568b7ab5.js}

@@ -14,7 +14,7 @@ import { B as Button } from './button.taro-4ce133b9.js';
 import { P as Progress } from './progress.taro-623bc807.js';
 import Taro from '@tarojs/taro';
 import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider.taro-6c7b3056.js';
+import { u as useConfig } from './configprovider.taro-3838604b.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 var UploadOptions = /*#__PURE__*/_createClass(function UploadOptions() {
   _classCallCheck(this, UploadOptions);

package/dist/esm/{virtuallist.taro-e3035825.js → virtuallist.taro-f97ca13a.js}

@@ -5,7 +5,7 @@ var _excluded = ["sourceData", "ItemRender", "itemEqualSize", "itemSize", "horiz
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default, { useRef, useState, useEffect, useCallback } from 'react';
-import { u as useConfig } from './configprovider.taro-6c7b3056.js';
+import { u as useConfig } from './configprovider.taro-3838604b.js';
 
 // 缓存列表初始化信息
 var initPositinoCache = function initPositinoCache(reaItemSize) {

package/dist/esm/watermark.taro-7aab4afb.js

@@ -0,0 +1,120 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React__default, { useState, useEffect } from 'react';
+import { u as useConfig } from './configprovider-c5b2fa7f.js';
+import Taro from '@tarojs/taro';
+import classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  content: '',
+  fullPage: true,
+  zIndex: 2000,
+  gapX: 24,
+  gapY: 48,
+  width: 120,
+  height: 64,
+  image: '',
+  imageWidth: 120,
+  imageHeight: 64,
+  rotate: -22,
+  fontColor: 'rgba(0,0,0,.15)',
+  fontStyle: 'normal',
+  fontFamily: 'PingFang SC',
+  fontWeight: 'normal',
+  fontSize: 14
+};
+var WaterMark = function WaterMark(props) {
+  var _classNames;
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    content = _defaultProps$props.content,
+    fullPage = _defaultProps$props.fullPage,
+    zIndex = _defaultProps$props.zIndex,
+    className = _defaultProps$props.className,
+    gapX = _defaultProps$props.gapX,
+    gapY = _defaultProps$props.gapY,
+    width = _defaultProps$props.width,
+    height = _defaultProps$props.height,
+    image = _defaultProps$props.image,
+    imageWidth = _defaultProps$props.imageWidth,
+    imageHeight = _defaultProps$props.imageHeight,
+    rotate = _defaultProps$props.rotate,
+    fontColor = _defaultProps$props.fontColor,
+    fontStyle = _defaultProps$props.fontStyle,
+    fontFamily = _defaultProps$props.fontFamily,
+    fontWeight = _defaultProps$props.fontWeight,
+    fontSize = _defaultProps$props.fontSize,
+    style = _defaultProps$props.style,
+    children = _defaultProps$props.children;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    base64Url = _useState2[0],
+    setBase64Url = _useState2[1];
+  var b = cn('watermark');
+  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b('')), true), _defineProperty(_classNames, "".concat(b(''), "-full-page"), fullPage), _classNames));
+  var cls = classNames(classes, className);
+  useEffect(function () {
+    init();
+  }, []);
+  var init = function init() {
+    var ratio = 1;
+    Taro.getSystemInfo({
+      success: function success(res) {
+        ratio = res.pixelRatio;
+      }
+    });
+    var canvasWidth = "".concat((gapX + width) * ratio, "px");
+    var canvasHeight = "".concat((gapY + height) * ratio, "px");
+    var markWidth = width * ratio;
+    var markHeight = height * ratio;
+    var canvas = Taro.createOffscreenCanvas({
+      type: '2d',
+      width: Number(canvasWidth),
+      height: Number(canvasHeight)
+    });
+    var ctx = canvas.getContext('2d');
+    if (ctx) {
+      if (image) {
+        ctx.translate(markWidth / 2, markHeight / 2);
+        ctx.rotate(Math.PI / 180 * Number(rotate));
+        var img = canvas.createImage();
+        img.crossOrigin = 'anonymous';
+        img.referrerPolicy = 'no-referrer';
+        img.src = image;
+        img.onload = function () {
+          ctx.drawImage(img, -imageWidth * ratio / 2, -imageHeight * ratio / 2, imageWidth * ratio, imageHeight * ratio);
+          ctx.restore();
+          setBase64Url(canvas.toDataURL());
+        };
+      } else if (content) {
+        ctx.textBaseline = 'middle'; // 设置或返回在绘制文本时使用的当前文本基线。(正中)
+        ctx.textAlign = 'center'; // 设置或返回文本内容的当前对齐方式。
+        // 文字绕中间旋转
+        ctx.translate(markWidth / 2, markHeight / 2);
+        ctx.rotate(Math.PI / 180 * Number(rotate));
+        var markSize = Number(fontSize) * ratio;
+        ctx.font = "".concat(fontStyle, " normal ").concat(fontWeight, " ").concat(markSize, "px/").concat(markHeight, "px ").concat(fontFamily);
+        ctx.fillStyle = fontColor;
+        ctx.fillText(content, 0, 0); // 在画布上绘制"被填充的"文本。
+        ctx.restore(); // 返回之前保存过的路径状态和属性。
+        setBase64Url(canvas.toDataURL());
+      }
+    } else {
+      throw new Error(locale.watermark.errorCanvasTips);
+    }
+  };
+  return React__default.createElement("div", {
+    className: cls,
+    style: _objectSpread({
+      zIndex: zIndex,
+      backgroundSize: "".concat(gapX + width, "px"),
+      backgroundImage: "url('".concat(base64Url, "')")
+    }, style)
+  });
+};
+WaterMark.defaultProps = defaultProps;
+WaterMark.displayName = 'NutWaterMark';
+export { WaterMark as W };

package/dist/esm/{zh-CN-14165629.js → zh-CN-dfc384d0.js}

@@ -127,6 +127,9 @@ var zhCN = {
     canReleaseText: '松开刷新',
     refreshingText: '加载中...',
     completeText: '刷新成功'
+  },
+  watermark: {
+    errorCanvasTips: '当前环境不支持Canvas'
   }
 };
 export { zhCN as z };

package/dist/locales/base.d.ts

@@ -122,4 +122,7 @@ export interface BaseLang {
         refreshingText: string;
         completeText: string;
     };
+    watermark: {
+        errorCanvasTips: string;
+    };
 }

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.3.12-beta.4 Wed Nov 23 2022 16:33:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.13 Wed Nov 30 2022 17:53:44 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.3.12-beta.4 Wed Nov 23 2022 16:33:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.13 Wed Nov 30 2022 17:53:44 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -124,6 +124,9 @@ const enUS = {
     canReleaseText: "Release to refresh",
     refreshingText: "Loading...",
     completeText: "Refresh successful"
+  },
+  watermark: {
+    errorCanvasTips: "Canvas is not supported in the current environment"
   }
 };
 export { enUS as default };

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.3.12-beta.4 Wed Nov 23 2022 16:33:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.13 Wed Nov 30 2022 17:53:44 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -124,6 +124,9 @@ const idID = {
     canReleaseText: "Rilis untuk menyegarkan",
     refreshingText: "Memuat...",
     completeText: "Penyegaran berhasil"
+  },
+  watermark: {
+    errorCanvasTips: "Canvas is not supported in the current environment"
   }
 };
 export { idID as default };

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.3.12-beta.4 Wed Nov 23 2022 16:33:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.13 Wed Nov 30 2022 17:53:44 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -126,6 +126,9 @@ const zhCN = {
     canReleaseText: "\u677E\u5F00\u5237\u65B0",
     refreshingText: "\u52A0\u8F7D\u4E2D...",
     completeText: "\u5237\u65B0\u6210\u529F"
+  },
+  watermark: {
+    errorCanvasTips: "\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301Canvas"
   }
 };
 export { zhCN as default };

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.3.12-beta.4 Wed Nov 23 2022 16:33:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.13 Wed Nov 30 2022 17:53:44 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -124,6 +124,9 @@ const zhTW = {
     canReleaseText: "\u9B06\u958B\u5237\u65B0",
     refreshingText: "\u52A0\u8F09\u4E2D...",
     completeText: "\u5237\u65B0\u6210\u529F"
+  },
+  watermark: {
+    errorCanvasTips: "\u7576\u524D\u74B0\u5883\u4E0D\u652F\u6301Canvas"
   }
 };
 export { zhTW as default };