@nutui/nutui-react 3.0.0-beta.12 → 3.0.0-beta.14

package/dist/cjs/packages/watermark/watermark.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface WaterMarkProps extends BasicComponent {
     content: string;
     fullPage: boolean;

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

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

package/dist/cjs/utils/get-rect-by-taro.js

@@ -20,7 +20,7 @@ var _async_to_generator = require("@swc/helpers/_/_async_to_generator");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _taro = require("@tarojs/taro");
-var _useclientrect = require("./use-client-rect");
+var _useclientrect = require("../hooks/use-client-rect");
 function makeRect(width, height) {
     return {
         top: 0,

package/dist/cjs/utils/get-system-info.d.ts

@@ -0,0 +1,19 @@
+import Taro from '@tarojs/taro';
+interface IDeviceInfo extends Omit<Taro.getDeviceInfo.Result, 'deviceAbi' | 'CPUType'> {
+}
+/**
+ * 获取设备基础信息，兼容新旧 API
+ * @returns {IDeviceInfo} 设备基础信息
+ */
+export declare const getDeviceInfo: () => IDeviceInfo;
+/**
+ * 获取窗口信息，兼容新旧 API
+ * @returns {Taro.getWindowInfo.Result} 窗口信息
+ */
+export declare const getWindowInfo: () => Taro.getWindowInfo.Result;
+/**
+ * 获取应用基础信息，兼容新旧 API
+ * @returns {Taro.getAppBaseInfo.Result} 应用基础信息
+ */
+export declare const getAppBaseInfo: () => Taro.getAppBaseInfo.Result;
+export {};

package/dist/cjs/utils/get-system-info.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getAppBaseInfo: function() {
+        return getAppBaseInfo;
+    },
+    getDeviceInfo: function() {
+        return getDeviceInfo;
+    },
+    getWindowInfo: function() {
+        return getWindowInfo;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _taro = /*#__PURE__*/ _interop_require_default._(require("@tarojs/taro"));
+var getDeviceInfo = function getDeviceInfo() {
+    return _taro.default.canIUse('getDeviceInfo') ? _taro.default.getDeviceInfo() : _taro.default.getSystemInfoSync();
+};
+var getWindowInfo = function getWindowInfo() {
+    return _taro.default.canIUse('getWindowInfo') ? _taro.default.getWindowInfo() : _taro.default.getSystemInfoSync();
+};
+var getAppBaseInfo = function getAppBaseInfo() {
+    return _taro.default.canIUse('getAppBaseInfo') ? _taro.default.getAppBaseInfo() : _taro.default.getSystemInfoSync();
+};

package/dist/es/{utils → hooks}/use-click-away.js

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { isFunction } from "./index";
+import { isFunction } from "../utils";
 var getTargetElement = function(target) {
     var targetElement;
     if (isFunction(target)) {
@@ -12,7 +12,8 @@ var getTargetElement = function(target) {
     return targetElement;
 };
 export default function useClickAway(onClickAway, target) {
-    var eventName = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'click', useCapture = arguments.length > 3 ? arguments[3] : void 0, isListener = arguments.length > 4 ? arguments[4] : void 0, outerVar = arguments.length > 5 ? arguments[5] : void 0;
+    var // eslint-disable-next-line default-param-last
+    eventName = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'click', useCapture = arguments.length > 3 ? arguments[3] : void 0, isListener = arguments.length > 4 ? arguments[4] : void 0, outerVar = arguments.length > 5 ? arguments[5] : void 0;
     var handler = function(event) {
         var targets = Array.isArray(target) ? target : [
             target

package/dist/es/{utils → hooks}/use-isomprphic-layout-effect.js

@@ -1,3 +1,3 @@
 import { useEffect, useLayoutEffect } from "react";
-import { canUseDom } from "./can-use-dom";
+import { canUseDom } from "../utils/can-use-dom";
 export var useIsomorphicLayoutEffect = canUseDom ? useLayoutEffect : useEffect;

package/dist/es/{utils → hooks}/use-lock-scroll.js

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
 import { useTouch } from "./use-touch";
-import { getScrollParent } from "./get-scroll-parent";
-import { passiveSupported } from "./supports-passive";
+import { getScrollParent } from "../utils/get-scroll-parent";
+import { passiveSupported } from "../utils/supports-passive";
 var totalLockCount = 0;
 var BODY_LOCK_CLASS = 'nut-overflow-hidden';
 function getScrollableElement(el) {

package/dist/es/packages/actionsheet/actionsheet.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent, ReactNode } from 'react';
-import { PopupProps } from "../popup/index";
+import { PopupProps } from "../../../../src/packages/popup/index";
 export type ActionSheetOption<T> = {
     [key: string]: T;
 };

package/dist/es/packages/address/address.d.ts

@@ -1,6 +1,6 @@
 import React, { ForwardRefRenderFunction } from 'react';
 import { AddressList } from './types';
-import { CascaderOption, CascaderOptionKey, CascaderProps, CascaderValue } from "../cascader/index";
+import { CascaderOption, CascaderOptionKey, CascaderProps, CascaderValue } from "../../../../src/packages/cascader/index";
 type AddressRef = {
     open: () => void;
     close: () => void;

package/dist/es/packages/address/address.js

@@ -9,7 +9,7 @@ import { CustomRender } from "./customRender";
 import { ExistRender } from "./existRender";
 import { useConfig } from "../configprovider";
 import { ComponentDefaults } from "../../utils/typings";
-import { usePropsValue } from "../../utils/use-props-value";
+import { usePropsValue } from "../../hooks/use-props-value";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     defaultValue: [],
     type: 'custom',

package/dist/es/packages/address/customRender.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { CascaderProps, CascaderOption, CascaderValue, CascaderOptionKey } from "../cascader/index";
+import { CascaderProps, CascaderOption, CascaderValue, CascaderOptionKey } from "../../../../src/packages/cascader/index";
 export interface AddressProps extends CascaderProps {
     visible: boolean;
     type: string;

package/dist/es/packages/animate/animate.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import { AnimateType, AnimateAction } from './types';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface AnimateProps extends BasicComponent {
     /**
     * 动画类型，见下方type值说明

package/dist/es/packages/animate/animate.js

@@ -12,7 +12,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     loop: false,
     onClick: function(event) {}
 });
-var classPrefix = "nut-animate";
+var classPrefix = 'nut-animate';
 export var Animate = function(props) {
     var _ref = _object_spread({}, defaultProps, props), className = _ref.className, type = _ref.type, action = _ref.action, loop = _ref.loop, onClick = _ref.onClick, children = _ref.children, rest = _object_without_properties(_ref, [
         "className",
@@ -26,22 +26,21 @@ export var Animate = function(props) {
     var _obj;
     var classes = classNames((_obj = {
         'nut-ani-container': true
-    }, _define_property(_obj, "".concat(classPrefix, "-").concat(type), action === 'initial' || clicked ? type : false), _define_property(_obj, "loop", loop), _obj));
-    var cls = classNames(classes, className);
+    }, _define_property(_obj, "".concat(classPrefix, "-").concat(type), action === 'initial' || clicked), _define_property(_obj, "loop", loop), _obj), className);
     var handleClick = function(event) {
         setClicked(true);
         // 如果不是无限循环，清除类名
         if (!loop) {
             setTimeout(function() {
-                setClicked(false);
+                return setClicked(false);
             }, 1000);
         }
-        onClick && onClick(event);
+        onClick(event);
     };
     return /*#__PURE__*/ React.createElement("div", {
         className: "nut-animate"
     }, /*#__PURE__*/ React.createElement("div", _object_spread({
-        className: cls,
+        className: classes,
         onClick: handleClick
     }, rest), children));
 };

package/dist/es/packages/animate/style/animate.scss

@@ -1,185 +1,161 @@
 .nut-animate {
-  /* Animation css */
+  /* Animation CSS */
   [class*='nut-animate-'] {
     animation-duration: 0.5s;
     animation-timing-function: ease-out;
     animation-fill-mode: both;
   }
 
-  //右侧向左侧划入
-  .nut-animate-slide-right {
-    animation-name: slide-right;
-  }
-
+  /* Slide Animations */
   @keyframes slide-right {
     0% {
       opacity: 0;
       transform: translateX(100%);
     }
-
     100% {
       opacity: 1;
       transform: translateX(0);
     }
   }
 
-  //左侧向右侧划入
-  .nut-animate-slide-left {
-    animation-name: slide-left;
-  }
-
   @keyframes slide-left {
     0% {
       opacity: 0;
       transform: translateX(-100%);
     }
-
     100% {
       opacity: 1;
       transform: translateX(0);
     }
   }
 
-  //上面向下面划入
-  .nut-animate-slide-top {
-    animation-name: slide-top;
-  }
-
   @keyframes slide-top {
     0% {
       opacity: 0;
       transform: translateY(-100%);
     }
-
     100% {
       opacity: 1;
       transform: translateY(0);
     }
   }
 
-  //下面向上面划入
-  .nut-animate-slide-bottom {
-    animation-name: slide-bottom;
-  }
-
   @keyframes slide-bottom {
     0% {
       opacity: 0;
       transform: translateY(100%);
     }
-
     100% {
       opacity: 1;
       transform: translateY(0);
     }
   }
 
-  //抖动
-  .nut-animate-shake {
-    animation-name: shake;
+  // Assign slide animations
+  // 右侧向左侧滑入
+  .nut-animate-slide-right {
+    animation-name: slide-right;
+  }
+  // 左侧向右侧滑入
+  .nut-animate-slide-left {
+    animation-name: slide-left;
+  }
+  // 上面向下面滑入
+  .nut-animate-slide-top {
+    animation-name: slide-top;
+  }
+  // 下面向上面滑入
+  .nut-animate-slide-bottom {
+    animation-name: slide-bottom;
   }
 
+  /* Shake Animation */
   @keyframes shake {
     0%,
     100% {
       transform: translateX(0);
     }
-
     10% {
       transform: translateX(-9px);
     }
-
     20% {
       transform: translateX(8px);
     }
-
     30% {
       transform: translateX(-7px);
     }
-
     40% {
       transform: translateX(6px);
     }
-
     50% {
       transform: translateX(-5px);
     }
-
     60% {
       transform: translateX(4px);
     }
-
     70% {
       transform: translateX(-3px);
     }
-
     80% {
       transform: translateX(2px);
     }
-
     90% {
       transform: translateX(-1px);
     }
   }
-
-  //心跳
-  .nut-animate-ripple {
-    animation-name: ripple;
+  .nut-animate-shake {
+    animation-name: shake;
   }
 
+  /* Ripple Animation */
   @keyframes ripple {
     0% {
       transform: scale(1);
     }
-
     50% {
       transform: scale(1.1);
     }
   }
-
-  //呼吸灯
-  .nut-animate-breath {
-    animation-name: breath;
-    animation-duration: 2700ms;
-    animation-timing-function: ease-in-out;
-    animation-direction: alternate;
+  .nut-animate-ripple {
+    animation-name: ripple;
   }
 
+  /* Breath Animation */
   @keyframes breath {
-    0% {
+    0%,
+    100% {
       transform: scale(1);
     }
-
     50% {
       transform: scale(1.1);
     }
-
-    100% {
-      transform: scale(1);
-    }
+  }
+  .nut-animate-breath {
+    animation-name: breath;
+    animation-duration: 2700ms;
+    animation-timing-function: ease-in-out;
+    animation-direction: alternate;
   }
 
-  // 水波
+  /* Twinkle Animation */
   .nut-animate-twinkle {
     position: relative;
-
     &::after,
     &::before {
-      width: 60 * 1px;
-      height: 60 * 1px;
+      width: 60px;
+      height: 60px;
       content: '';
       box-sizing: border-box;
-      border: 4 * 1px solid rgba(255, 255, 255, 0.6);
+      border: 4px solid rgba(255, 255, 255, 0.6);
       position: absolute;
-      border-radius: calc(60 / 2) * 1px;
+      border-radius: 30px;
       right: 50%;
-      margin-top: calc(-30 / 2) * 1px;
-      margin-right: calc(-60 / 2) * 1px;
+      margin-top: -30px;
+      margin-right: -30px;
       z-index: 1;
       transform: scale(0);
       animation: twinkle 2s ease-out infinite;
     }
-
     &::after {
       animation-delay: 0.4s;
     }
@@ -189,11 +165,9 @@
     0% {
       transform: scale(0);
     }
-
     20% {
       opacity: 1;
     }
-
     50%,
     100% {
       transform: scale(1.4);
@@ -201,13 +175,13 @@
     }
   }
 
+  /* Flicker Animation */
   .nut-animate-flicker {
     position: relative;
     overflow: hidden;
-
     &::after {
-      width: 100 * 1px;
-      height: 60 * 1px;
+      width: 100px;
+      height: 60px;
       position: absolute;
       left: 0;
       top: 0;
@@ -220,83 +194,67 @@
       );
       animation: flicker 1.5s linear infinite;
       transform: skewX(-20deg);
-      filter: blur(3 * 1px);
+      filter: blur(3px);
     }
   }
 
   @keyframes flicker {
     0% {
-      transform: translateX(-100 * 1px) skewX(-20deg);
+      transform: translateX(-100px) skewX(-20deg);
     }
-
     40%,
     100% {
-      transform: translateX(150 * 1px) skewX(-20deg);
+      transform: translateX(150px) skewX(-20deg);
     }
   }
 
-  // jump-跳跃
-  .nut-animate-jump {
-    transform-origin: center center;
-    animation: jump 0.7s linear;
-  }
-
+  /* Jump Animation */
   @keyframes jump {
     0% {
-      animation-timing-function: ease-in;
-      transform: rotate(0deg) translateY(0);
+      transform: rotate(0) translateY(0);
     }
-
     25% {
-      animation-timing-function: ease-out;
-      transform: rotate(10deg) translateY(20 * 1px);
+      transform: rotate(10deg) translateY(20px);
     }
-
     50% {
-      animation-timing-function: ease-in;
-      transform: rotate(0deg) translateY(-10 * 1px);
+      transform: rotate(0) translateY(-10px);
     }
-
     75% {
-      animation-timing-function: ease-out;
-      transform: rotate(-10deg) translateY(20 * 1px);
+      transform: rotate(-10deg) translateY(20px);
     }
-
     100% {
-      animation-timing-function: ease-in;
-      transform: rotate(0deg) translateY(0);
+      transform: rotate(0) translateY(0);
     }
   }
-
-  // 漂浮
-  .nut-animate-float {
-    position: relative;
-    animation-name: float-pop;
+  .nut-animate-jump {
+    transform-origin: center center;
+    animation: jump 0.7s linear;
   }
 
+  /* Float Animation */
   @keyframes float-pop {
     0% {
-      top: 0px;
+      top: 0;
     }
-
     25% {
       top: 1px;
     }
-
     50% {
       top: 4px;
     }
-
     75% {
       top: 1px;
     }
-
     100% {
-      top: 0px;
+      top: 0;
     }
   }
+  .nut-animate-float {
+    position: relative;
+    animation-name: float-pop;
+  }
 
-  //循环
+  /* Loop Animation */
   .loop {
     animation-iteration-count: infinite;
   }