@nutui/nutui-react 3.0.17-beta.1 → 3.0.17-beta.2

package/dist/cjs/packages/watermark/watermark.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "WaterMark", {
+    enumerable: true,
+    get: function() {
+        return WaterMark;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _define_property = require("@swc/helpers/_/_define_property");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
+var _configprovider = require("../configprovider");
+var _typings = require("../../utils/typings");
+var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
+    content: '',
+    fullPage: true,
+    zIndex: 2000,
+    gapX: 24,
+    gapY: 48,
+    width: 120,
+    height: 64,
+    startX: 0,
+    startY: 0,
+    image: '',
+    imageWidth: 120,
+    imageHeight: 64,
+    rotate: -22,
+    color: 'rgba(0,0,0,.15)',
+    fontStyle: 'normal',
+    fontWeight: 'normal',
+    fontSize: 14
+});
+var WaterMark = function WaterMark(props) {
+    var locale = (0, _configprovider.useConfig)().locale;
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), content = _$_object_spread.content, fullPage = _$_object_spread.fullPage, zIndex = _$_object_spread.zIndex, className = _$_object_spread.className, gapX = _$_object_spread.gapX, gapY = _$_object_spread.gapY, startX = _$_object_spread.startX, startY = _$_object_spread.startY, width = _$_object_spread.width, height = _$_object_spread.height, image = _$_object_spread.image, imageWidth = _$_object_spread.imageWidth, imageHeight = _$_object_spread.imageHeight, rotate = _$_object_spread.rotate, color = _$_object_spread.color, fontStyle = _$_object_spread.fontStyle, fontFamily = _$_object_spread.fontFamily, fontWeight = _$_object_spread.fontWeight, fontSize = _$_object_spread.fontSize, style = _$_object_spread.style;
+    var _useState = (0, _sliced_to_array._)((0, _react.useState)(''), 2), base64Url = _useState[0], setBase64Url = _useState[1];
+    var classPrefix = 'nut-watermark';
+    var classes = (0, _classnames.default)(classPrefix, (0, _define_property._)({}, "".concat(classPrefix, "-full-page"), fullPage));
+    var cls = (0, _classnames.default)(classes, className);
+    (0, _react.useEffect)(function() {
+        init();
+    }, []);
+    var init = function init() {
+        var canvas = document.createElement('canvas');
+        var ratio = window.devicePixelRatio;
+        var ctx = canvas.getContext('2d');
+        var canvasWidth = "".concat((gapX + width) * ratio, "px");
+        var canvasHeight = "".concat((gapY + height) * ratio, "px");
+        var markWidth = width * ratio;
+        var markHeight = height * ratio;
+        canvas.setAttribute('width', canvasWidth);
+        canvas.setAttribute('height', canvasHeight);
+        if (ctx) {
+            if (image) {
+                ctx.translate(markWidth / 2, markHeight / 2);
+                ctx.rotate(Math.PI / 180 * Number(rotate));
+                var img = new Image();
+                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 = color;
+                ctx.fillText(content, startX, startY) // 在画布上绘制"被填充的"文本。
+                ;
+                ctx.restore() // 返回之前保存过的路径状态和属性。
+                ;
+                setBase64Url(canvas.toDataURL());
+            }
+        } else {
+            throw new Error(locale.watermark.errorCanvasTips);
+        }
+    };
+    return /*#__PURE__*/ _react.default.createElement("div", {
+        className: cls,
+        style: (0, _object_spread._)({
+            zIndex: zIndex,
+            backgroundSize: "".concat(gapX + width, "px"),
+            backgroundImage: "url('".concat(base64Url, "')")
+        }, style)
+    });
+};
+WaterMark.displayName = 'NutWaterMark';

package/dist/cjs/types/base/atoms.d.ts

@@ -0,0 +1,19 @@
+export type SimpleValue = string | number;
+export type SimpleValues = string[] | number[];
+export type UIType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
+export type UISize = 'xlarge' | 'large' | 'normal' | 'small' | 'mini';
+export type UIRound = 'square' | 'round';
+export type UIFill = 'solid' | 'outline' | 'dashed' | 'none';
+export type UILayout = 'row' | 'col';
+export type UITheme = 'light' | 'dark';
+export type FlexAlign = 'flex-start' | 'center' | 'flex-end' | 'baseline';
+export type FlexJustify = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'stretch';
+export type TextAlign = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify' | 'match-parent';
+export type Align = 'left' | 'center' | 'right';
+export type VAlign = 'top' | 'middle' | 'bottom';
+export type Direction = 'horizontal' | 'vertical';
+export type PositionX = 'left' | 'right';
+export type PositionY = 'top' | 'bottom';
+export type Position = PositionX | PositionY;
+export type EdgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-top' | 'left-bottom' | 'right-top' | 'right-bottom';
+export type FullPosition = Position | EdgePosition;

package/dist/cjs/types/base/atoms.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/cjs/types/base/locales.d.ts

@@ -0,0 +1,4 @@
+export interface BaseLang {
+    [key: string]: string | BaseLang;
+}
+export type PageDirection = 'ltr' | 'rtl' | undefined;

package/dist/cjs/types/base/locales.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/cjs/types/base/props.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface BaseProps {
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+    id?: string;
+}

package/dist/cjs/types/base/props.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/cjs/types/helpers/fix-string-literal-union.d.ts

@@ -0,0 +1 @@
+export type FixAutoComplete<T extends string> = T | (string & {});

package/dist/cjs/types/helpers/fix-string-literal-union.js

@@ -0,0 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/ban-types
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/cjs/types/helpers/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./override"), exports);
+_export_star._(require("./fix-string-literal-union"), exports);

package/dist/cjs/types/helpers/override.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/cjs/types/index.d.ts

@@ -0,0 +1,264 @@
+export * from './spec/watermark/base';
+export * from './spec/watermark/h5';
+export * from './spec/watermark/taro';
+export * from './spec/address/base';
+export * from './spec/address/h5';
+export * from './spec/address/taro';
+export * from './spec/video/base';
+export * from './spec/video/h5';
+export * from './spec/video/taro';
+export * from './spec/virtuallist/base';
+export * from './spec/virtuallist/h5';
+export * from './spec/virtuallist/taro';
+export * from './spec/uploader/base';
+export * from './spec/uploader/h5';
+export * from './spec/uploader/taro';
+export * from './spec/trendarrow/base';
+export * from './spec/trendarrow/h5';
+export * from './spec/trendarrow/taro';
+export * from './spec/tour/base';
+export * from './spec/tour/h5';
+export * from './spec/tour/taro';
+export * from './spec/toast/base';
+export * from './spec/toast/h5';
+export * from './spec/toast/taro';
+export * from './spec/timeselect/base';
+export * from './spec/timeselect/h5';
+export * from './spec/timeselect/taro';
+export * from './spec/textarea/base';
+export * from './spec/textarea/h5';
+export * from './spec/textarea/taro';
+export * from './spec/tabbar/base';
+export * from './spec/tabbar/h5';
+export * from './spec/tabbar/taro';
+export * from './spec/switch/base';
+export * from './spec/switch/h5';
+export * from './spec/switch/taro';
+export * from './spec/tag/base';
+export * from './spec/tag/h5';
+export * from './spec/tag/taro';
+export * from './spec/tabs/base';
+export * from './spec/tabs/h5';
+export * from './spec/tabs/taro';
+export * from './spec/table/base';
+export * from './spec/table/h5';
+export * from './spec/table/taro';
+export * from './spec/sticky/base';
+export * from './spec/sticky/h5';
+export * from './spec/sticky/taro';
+export * from './spec/swiper/base';
+export * from './spec/swiper/h5';
+export * from './spec/swiper/taro';
+export * from './spec/skeleton/base';
+export * from './spec/skeleton/h5';
+export * from './spec/skeleton/taro';
+export * from './spec/swipe/base';
+export * from './spec/swipe/h5';
+export * from './spec/swipe/taro';
+export * from './spec/space/base';
+export * from './spec/space/h5';
+export * from './spec/space/taro';
+export * from './spec/shortpassword/base';
+export * from './spec/shortpassword/h5';
+export * from './spec/shortpassword/taro';
+export * from './spec/segmented/base';
+export * from './spec/segmented/h5';
+export * from './spec/segmented/taro';
+export * from './spec/searchbar/base';
+export * from './spec/searchbar/h5';
+export * from './spec/searchbar/taro';
+export * from './spec/signature/base';
+export * from './spec/signature/h5';
+export * from './spec/signature/taro';
+export * from './spec/sidenavbar/base';
+export * from './spec/sidenavbar/h5';
+export * from './spec/sidenavbar/taro';
+export * from './spec/sidebar/base';
+export * from './spec/sidebar/h5';
+export * from './spec/sidebar/taro';
+export * from './spec/safearea/base';
+export * from './spec/safearea/h5';
+export * from './spec/safearea/taro';
+export * from './spec/radio/base';
+export * from './spec/radio/h5';
+export * from './spec/radio/taro';
+export * from './spec/resultpage/base';
+export * from './spec/resultpage/h5';
+export * from './spec/resultpage/taro';
+export * from './spec/rate/base';
+export * from './spec/rate/h5';
+export * from './spec/rate/taro';
+export * from './spec/range/base';
+export * from './spec/range/h5';
+export * from './spec/range/taro';
+export * from './spec/pulltorefresh/base';
+export * from './spec/pulltorefresh/h5';
+export * from './spec/pulltorefresh/taro';
+export * from './spec/progress/base';
+export * from './spec/progress/h5';
+export * from './spec/progress/taro';
+export * from './spec/price/base';
+export * from './spec/price/h5';
+export * from './spec/price/taro';
+export * from './spec/popup/base';
+export * from './spec/popup/h5';
+export * from './spec/popup/taro';
+export * from './spec/pagination/base';
+export * from './spec/pagination/h5';
+export * from './spec/pagination/taro';
+export * from './spec/overlay/base';
+export * from './spec/overlay/h5';
+export * from './spec/overlay/taro';
+export * from './spec/numberkeyboard/base';
+export * from './spec/numberkeyboard/h5';
+export * from './spec/numberkeyboard/taro';
+export * from './spec/popover/base';
+export * from './spec/popover/h5';
+export * from './spec/popover/taro';
+export * from './spec/picker/base';
+export * from './spec/picker/h5';
+export * from './spec/picker/taro';
+export * from './spec/pickerview/base';
+export * from './spec/pickerview/h5';
+export * from './spec/pickerview/taro';
+export * from './spec/noticebar/base';
+export * from './spec/noticebar/h5';
+export * from './spec/noticebar/taro';
+export * from './spec/notify/base';
+export * from './spec/notify/h5';
+export * from './spec/notify/taro';
+export * from './spec/menu/base';
+export * from './spec/menu/h5';
+export * from './spec/menu/taro';
+export * from './spec/lottie/base';
+export * from './spec/lottie/h5';
+export * from './spec/lottie/taro';
+export * from './spec/navbar/base';
+export * from './spec/navbar/h5';
+export * from './spec/navbar/taro';
+export * from './base/locales';
+export * from './spec/loading/base';
+export * from './spec/loading/h5';
+export * from './spec/loading/taro';
+export * from './spec/inputnumber/base';
+export * from './spec/inputnumber/h5';
+export * from './spec/inputnumber/taro';
+export * from './spec/layout/base';
+export * from './spec/layout/h5';
+export * from './spec/layout/taro';
+export * from './spec/infiniteloading/base';
+export * from './spec/infiniteloading/h5';
+export * from './spec/infiniteloading/taro';
+export * from './spec/indicator/base';
+export * from './spec/indicator/h5';
+export * from './spec/indicator/taro';
+export * from './spec/imagepreview/base';
+export * from './spec/imagepreview/h5';
+export * from './spec/imagepreview/taro';
+export * from './spec/image/base';
+export * from './spec/image/h5';
+export * from './spec/image/taro';
+export * from './spec/input/base';
+export * from './spec/input/h5';
+export * from './spec/input/taro';
+export * from './spec/grid/base';
+export * from './spec/grid/h5';
+export * from './spec/grid/taro';
+export * from './spec/hoverbutton/base';
+export * from './spec/hoverbutton/h5';
+export * from './spec/hoverbutton/taro';
+export * from './spec/ellipsis/base';
+export * from './spec/ellipsis/h5';
+export * from './spec/ellipsis/taro';
+export * from './spec/elevator/base';
+export * from './spec/elevator/h5';
+export * from './spec/elevator/taro';
+export * from './spec/form/base';
+export * from './spec/form/h5';
+export * from './spec/form/taro';
+export * from './spec/drag/base';
+export * from './spec/drag/h5';
+export * from './spec/drag/taro';
+export * from './spec/fixednav/base';
+export * from './spec/fixednav/h5';
+export * from './spec/fixednav/taro';
+export * from './spec/divider/base';
+export * from './spec/divider/h5';
+export * from './spec/divider/taro';
+export * from './spec/dialog/base';
+export * from './spec/dialog/h5';
+export * from './spec/dialog/taro';
+export * from './spec/empty/base';
+export * from './spec/empty/h5';
+export * from './spec/empty/taro';
+export * from './spec/countdown/base';
+export * from './spec/countdown/h5';
+export * from './spec/countdown/taro';
+export * from './spec/configprovider/base';
+export * from './spec/configprovider/h5';
+export * from './spec/configprovider/taro';
+export * from './spec/circleprogress/base';
+export * from './spec/circleprogress/h5';
+export * from './spec/circleprogress/taro';
+export * from './spec/datepicker/base';
+export * from './spec/datepicker/h5';
+export * from './spec/datepicker/taro';
+export * from './spec/datepickerview/base';
+export * from './spec/datepickerview/h5';
+export * from './spec/datepickerview/taro';
+export * from './spec/cell/base';
+export * from './spec/cell/h5';
+export * from './spec/cell/taro';
+export * from './spec/collapse/base';
+export * from './spec/collapse/h5';
+export * from './spec/collapse/taro';
+export * from './spec/cascader/base';
+export * from './spec/cascader/h5';
+export * from './spec/cascader/taro';
+export * from './spec/checkbox/base';
+export * from './spec/checkbox/h5';
+export * from './spec/checkbox/taro';
+export * from './spec/calendarcard/base';
+export * from './spec/calendarcard/h5';
+export * from './spec/calendarcard/taro';
+export * from './spec/calendar/base';
+export * from './spec/calendar/h5';
+export * from './spec/calendar/taro';
+export * from './spec/button/base';
+export * from './spec/button/h5';
+export * from './spec/button/taro';
+export * from './spec/card/base';
+export * from './spec/card/h5';
+export * from './spec/card/taro';
+export * from './spec/barrage/base';
+export * from './spec/barrage/h5';
+export * from './spec/barrage/taro';
+export * from './base/props';
+export * from './base/atoms';
+export * from './spec/badge/base';
+export * from './spec/badge/h5';
+export * from './spec/badge/taro';
+export * from './spec/backtop/base';
+export * from './spec/backtop/h5';
+export * from './spec/backtop/taro';
+export * from './spec/avatarcropper/base';
+export * from './spec/avatarcropper/h5';
+export * from './spec/avatarcropper/taro';
+export * from './spec/animatingnumbers/base';
+export * from './spec/animatingnumbers/h5';
+export * from './spec/animatingnumbers/taro';
+export * from './spec/avatar/base';
+export * from './spec/avatar/h5';
+export * from './spec/avatar/taro';
+export * from './spec/animate/base';
+export * from './spec/animate/h5';
+export * from './spec/animate/taro';
+export * from './spec/actionsheet/base';
+export * from './spec/actionsheet/h5';
+export * from './spec/actionsheet/taro';
+export * from './spec/audio/base';
+export * from './spec/audio/h5';
+export * from './spec/audio/taro';
+export * from './spec/steps/base';
+export * from './spec/steps/h5';
+export * from './spec/steps/taro';