@nutui/nutui-react-taro 1.4.0 → 1.4.1

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.0-beta.0 Wed Dec 21 2022 14:37:52 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.1-beta.0 Wed Dec 28 2022 17:08:56 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -8874,7 +8874,6 @@ const Range = (props) => {
     button,
     vertical,
     marks,
-    change,
     dragStart,
     dragEnd,
     onChange,
@@ -8901,7 +8900,7 @@ const Range = (props) => {
     SetShow(true);
   };
   useEffect(() => {
-    if (modelValue) {
+    if (typeof modelValue === "number") {
       if (!range && (modelValue < min || modelValue > max)) {
         SetInitValue(0);
         toastShow(`${modelValue} ${locale.range.rangeText}`);
@@ -9051,7 +9050,6 @@ const Range = (props) => {
       SetInitValue(value);
     }
     if ((marks || end) && !isSameValue(value, startValue)) {
-      change && change(value);
       onChange && onChange(value);
     }
   };
@@ -11161,7 +11159,8 @@ const Input = forwardRef((props, ref) => {
       `${disabled ? `${prefixCls}-disabled` : ""}`,
       `${required ? `${prefixCls}-required` : ""}`,
       `${error ? `${prefixCls}-error` : ""}`,
-      `${border ? `${prefixCls}-border` : ""}`
+      `${border ? `${prefixCls}-border` : ""}`,
+      `${slotButton || rightIcon ? `${prefixCls}-right-mark` : ""}`
     ].filter(Boolean).join(" ");
   }, [disabled, required, error, border]);
   const updateValue = (value, trigger = "onChange") => {
@@ -11336,7 +11335,7 @@ const Input = forwardRef((props, ref) => {
     onClick: (e2) => {
       handleClear(e2);
     }
-  }) : null, rightIcon && rightIcon.length > 0 ? /* @__PURE__ */ React__default.createElement("div", {
+  }) : null), rightIcon && rightIcon.length > 0 ? /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-right-icon",
     onClick: (e2) => {
       handleClickRightIcon(e2);
@@ -11348,7 +11347,7 @@ const Input = forwardRef((props, ref) => {
     size: rightIconSize
   })) : null, slotButton ? /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-button"
-  }, slotButton) : null), showWordLimit && maxlength ? /* @__PURE__ */ React__default.createElement("div", {
+  }, slotButton) : null, showWordLimit && maxlength ? /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-input-word-limit"
   }, /* @__PURE__ */ React__default.createElement("span", {
     className: "nut-input-word-num"
@@ -14580,7 +14579,7 @@ const Swipe = forwardRef((props, instanceRef) => {
 });
 Swipe.defaultProps = defaultProps$C;
 Swipe.displayName = "NutSwipe";
-function clamp(v, min, max) {
+function clamp$1(v, min, max) {
   return Math.max(min, Math.min(v, max));
 }
 const V = {
@@ -14611,7 +14610,7 @@ function rubberband$1(distance, dimension, constant) {
 }
 function rubberbandIfOutOfBounds$1(position, min, max, constant = 0.15) {
   if (constant === 0)
-    return clamp(position, min, max);
+    return clamp$1(position, min, max);
   if (position < min)
     return -rubberband$1(min - position, max - min, constant) + min;
   if (position > max)
@@ -15455,15 +15454,14 @@ const dragConfigResolver = _objectSpread2(_objectSpread2({}, coordinatesConfigRe
   pointerCapture(_v, _k, {
     pointer: {
       capture = true,
-      buttons = 1
+      buttons = 1,
+      keys = true
     } = {}
   }) {
     this.pointerButtons = buttons;
+    this.keys = keys;
     return !this.pointerLock && this.device === "pointer" && capture;
   },
-  keys(value = true) {
-    return value;
-  },
   threshold(value, _k, {
     filterTaps = false,
     tapsThreshold = 3,
@@ -15631,7 +15629,7 @@ const sharedConfigResolver = {
     return value;
   }
 };
-const _excluded$4 = ["target", "eventOptions", "window", "enabled", "transform"];
+const _excluded$3 = ["target", "eventOptions", "window", "enabled", "transform"];
 function resolveWith(config2 = {}, resolvers) {
   const result = {};
   for (const [key, resolver] of Object.entries(resolvers)) {
@@ -15659,7 +15657,7 @@ function parse(newConfig, gestureKey, _config = {}) {
     window: window2,
     enabled,
     transform
-  } = _ref, rest = _objectWithoutProperties(_ref, _excluded$4);
+  } = _ref, rest = _objectWithoutProperties(_ref, _excluded$3);
   _config.shared = resolveWith({
     target,
     eventOptions,
@@ -16194,6 +16192,7 @@ function findIndex(arr, test) {
   const index = arr.findIndex(test);
   return index < 0 ? arr.length : index;
 }
+const clamp = (min, max, v) => Math.min(Math.max(v, min), max);
 const colors = {
   transparent: 0,
   aliceblue: 4042850303,
@@ -16515,6 +16514,64 @@ function findRange(input, inputRange) {
       break;
   return i - 1;
 }
+const steps = (steps2, direction = "end") => (progress) => {
+  progress = direction === "end" ? Math.min(progress, 0.999) : Math.max(progress, 1e-3);
+  const expanded = progress * steps2;
+  const rounded = direction === "end" ? Math.floor(expanded) : Math.ceil(expanded);
+  return clamp(0, 1, rounded / steps2);
+};
+const c1 = 1.70158;
+const c2 = c1 * 1.525;
+const c3 = c1 + 1;
+const c4 = 2 * Math.PI / 3;
+const c5 = 2 * Math.PI / 4.5;
+const bounceOut = (x) => {
+  const n1 = 7.5625;
+  const d1 = 2.75;
+  if (x < 1 / d1) {
+    return n1 * x * x;
+  } else if (x < 2 / d1) {
+    return n1 * (x -= 1.5 / d1) * x + 0.75;
+  } else if (x < 2.5 / d1) {
+    return n1 * (x -= 2.25 / d1) * x + 0.9375;
+  } else {
+    return n1 * (x -= 2.625 / d1) * x + 0.984375;
+  }
+};
+const easings = {
+  linear: (x) => x,
+  easeInQuad: (x) => x * x,
+  easeOutQuad: (x) => 1 - (1 - x) * (1 - x),
+  easeInOutQuad: (x) => x < 0.5 ? 2 * x * x : 1 - Math.pow(-2 * x + 2, 2) / 2,
+  easeInCubic: (x) => x * x * x,
+  easeOutCubic: (x) => 1 - Math.pow(1 - x, 3),
+  easeInOutCubic: (x) => x < 0.5 ? 4 * x * x * x : 1 - Math.pow(-2 * x + 2, 3) / 2,
+  easeInQuart: (x) => x * x * x * x,
+  easeOutQuart: (x) => 1 - Math.pow(1 - x, 4),
+  easeInOutQuart: (x) => x < 0.5 ? 8 * x * x * x * x : 1 - Math.pow(-2 * x + 2, 4) / 2,
+  easeInQuint: (x) => x * x * x * x * x,
+  easeOutQuint: (x) => 1 - Math.pow(1 - x, 5),
+  easeInOutQuint: (x) => x < 0.5 ? 16 * x * x * x * x * x : 1 - Math.pow(-2 * x + 2, 5) / 2,
+  easeInSine: (x) => 1 - Math.cos(x * Math.PI / 2),
+  easeOutSine: (x) => Math.sin(x * Math.PI / 2),
+  easeInOutSine: (x) => -(Math.cos(Math.PI * x) - 1) / 2,
+  easeInExpo: (x) => x === 0 ? 0 : Math.pow(2, 10 * x - 10),
+  easeOutExpo: (x) => x === 1 ? 1 : 1 - Math.pow(2, -10 * x),
+  easeInOutExpo: (x) => x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? Math.pow(2, 20 * x - 10) / 2 : (2 - Math.pow(2, -20 * x + 10)) / 2,
+  easeInCirc: (x) => 1 - Math.sqrt(1 - Math.pow(x, 2)),
+  easeOutCirc: (x) => Math.sqrt(1 - Math.pow(x - 1, 2)),
+  easeInOutCirc: (x) => x < 0.5 ? (1 - Math.sqrt(1 - Math.pow(2 * x, 2))) / 2 : (Math.sqrt(1 - Math.pow(-2 * x + 2, 2)) + 1) / 2,
+  easeInBack: (x) => c3 * x * x * x - c1 * x * x,
+  easeOutBack: (x) => 1 + c3 * Math.pow(x - 1, 3) + c1 * Math.pow(x - 1, 2),
+  easeInOutBack: (x) => x < 0.5 ? Math.pow(2 * x, 2) * ((c2 + 1) * 2 * x - c2) / 2 : (Math.pow(2 * x - 2, 2) * ((c2 + 1) * (x * 2 - 2) + c2) + 2) / 2,
+  easeInElastic: (x) => x === 0 ? 0 : x === 1 ? 1 : -Math.pow(2, 10 * x - 10) * Math.sin((x * 10 - 10.75) * c4),
+  easeOutElastic: (x) => x === 0 ? 0 : x === 1 ? 1 : Math.pow(2, -10 * x) * Math.sin((x * 10 - 0.75) * c4) + 1,
+  easeInOutElastic: (x) => x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? -(Math.pow(2, 20 * x - 10) * Math.sin((20 * x - 11.125) * c5)) / 2 : Math.pow(2, -20 * x + 10) * Math.sin((20 * x - 11.125) * c5) / 2 + 1,
+  easeInBounce: (x) => 1 - bounceOut(1 - x),
+  easeOutBounce: bounceOut,
+  easeInOutBounce: (x) => x < 0.5 ? (1 - bounceOut(1 - 2 * x)) / 2 : (1 + bounceOut(2 * x - 1)) / 2,
+  steps
+};
 function _extends$2() {
   _extends$2 = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -17196,57 +17253,6 @@ const config = {
     friction: 120
   }
 };
-const c1 = 1.70158;
-const c2 = c1 * 1.525;
-const c3 = c1 + 1;
-const c4 = 2 * Math.PI / 3;
-const c5 = 2 * Math.PI / 4.5;
-const bounceOut = (x) => {
-  const n1 = 7.5625;
-  const d1 = 2.75;
-  if (x < 1 / d1) {
-    return n1 * x * x;
-  } else if (x < 2 / d1) {
-    return n1 * (x -= 1.5 / d1) * x + 0.75;
-  } else if (x < 2.5 / d1) {
-    return n1 * (x -= 2.25 / d1) * x + 0.9375;
-  } else {
-    return n1 * (x -= 2.625 / d1) * x + 0.984375;
-  }
-};
-const easings = {
-  linear: (x) => x,
-  easeInQuad: (x) => x * x,
-  easeOutQuad: (x) => 1 - (1 - x) * (1 - x),
-  easeInOutQuad: (x) => x < 0.5 ? 2 * x * x : 1 - Math.pow(-2 * x + 2, 2) / 2,
-  easeInCubic: (x) => x * x * x,
-  easeOutCubic: (x) => 1 - Math.pow(1 - x, 3),
-  easeInOutCubic: (x) => x < 0.5 ? 4 * x * x * x : 1 - Math.pow(-2 * x + 2, 3) / 2,
-  easeInQuart: (x) => x * x * x * x,
-  easeOutQuart: (x) => 1 - Math.pow(1 - x, 4),
-  easeInOutQuart: (x) => x < 0.5 ? 8 * x * x * x * x : 1 - Math.pow(-2 * x + 2, 4) / 2,
-  easeInQuint: (x) => x * x * x * x * x,
-  easeOutQuint: (x) => 1 - Math.pow(1 - x, 5),
-  easeInOutQuint: (x) => x < 0.5 ? 16 * x * x * x * x * x : 1 - Math.pow(-2 * x + 2, 5) / 2,
-  easeInSine: (x) => 1 - Math.cos(x * Math.PI / 2),
-  easeOutSine: (x) => Math.sin(x * Math.PI / 2),
-  easeInOutSine: (x) => -(Math.cos(Math.PI * x) - 1) / 2,
-  easeInExpo: (x) => x === 0 ? 0 : Math.pow(2, 10 * x - 10),
-  easeOutExpo: (x) => x === 1 ? 1 : 1 - Math.pow(2, -10 * x),
-  easeInOutExpo: (x) => x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? Math.pow(2, 20 * x - 10) / 2 : (2 - Math.pow(2, -20 * x + 10)) / 2,
-  easeInCirc: (x) => 1 - Math.sqrt(1 - Math.pow(x, 2)),
-  easeOutCirc: (x) => Math.sqrt(1 - Math.pow(x - 1, 2)),
-  easeInOutCirc: (x) => x < 0.5 ? (1 - Math.sqrt(1 - Math.pow(2 * x, 2))) / 2 : (Math.sqrt(1 - Math.pow(-2 * x + 2, 2)) + 1) / 2,
-  easeInBack: (x) => c3 * x * x * x - c1 * x * x,
-  easeOutBack: (x) => 1 + c3 * Math.pow(x - 1, 3) + c1 * Math.pow(x - 1, 2),
-  easeInOutBack: (x) => x < 0.5 ? Math.pow(2 * x, 2) * ((c2 + 1) * 2 * x - c2) / 2 : (Math.pow(2 * x - 2, 2) * ((c2 + 1) * (x * 2 - 2) + c2) + 2) / 2,
-  easeInElastic: (x) => x === 0 ? 0 : x === 1 ? 1 : -Math.pow(2, 10 * x - 10) * Math.sin((x * 10 - 10.75) * c4),
-  easeOutElastic: (x) => x === 0 ? 0 : x === 1 ? 1 : Math.pow(2, -10 * x) * Math.sin((x * 10 - 0.75) * c4) + 1,
-  easeInOutElastic: (x) => x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? -(Math.pow(2, 20 * x - 10) * Math.sin((20 * x - 11.125) * c5)) / 2 : Math.pow(2, -20 * x + 10) * Math.sin((20 * x - 11.125) * c5) / 2 + 1,
-  easeInBounce: (x) => 1 - bounceOut(1 - x),
-  easeOutBounce: bounceOut,
-  easeInOutBounce: (x) => x < 0.5 ? (1 - bounceOut(1 - 2 * x)) / 2 : (1 + bounceOut(2 * x - 1)) / 2
-};
 const defaults = _extends({}, config.default, {
   mass: 1,
   damping: 1,
@@ -17442,7 +17448,7 @@ function runAsync(to2, props, state, target) {
     };
     const animate = (arg1, arg2) => {
       const bailSignal = new BailSignal();
-      const skipAnimationSignal = new SkipAniamtionSignal();
+      const skipAnimationSignal = new SkipAnimationSignal();
       return (async () => {
         if (globals.skipAnimation) {
           stopAsync(state);
@@ -17491,7 +17497,7 @@ function runAsync(to2, props, state, target) {
     } catch (err) {
       if (err instanceof BailSignal) {
         result = err.result;
-      } else if (err instanceof SkipAniamtionSignal) {
+      } else if (err instanceof SkipAnimationSignal) {
         result = err.result;
       } else {
         throw err;
@@ -17525,7 +17531,7 @@ class BailSignal extends Error {
     this.result = void 0;
   }
 }
-class SkipAniamtionSignal extends Error {
+class SkipAnimationSignal extends Error {
   constructor() {
     super("SkipAnimationSignal");
     this.result = void 0;
@@ -18556,11 +18562,11 @@ function _objectWithoutPropertiesLoose$1(source, excluded) {
   }
   return target;
 }
-const _excluded$3 = ["children"];
+const _excluded$6 = ["children"];
 const SpringContext = (_ref) => {
   let {
     children
-  } = _ref, props = _objectWithoutPropertiesLoose$1(_ref, _excluded$3);
+  } = _ref, props = _objectWithoutPropertiesLoose$1(_ref, _excluded$6);
   const inherited = useContext(ctx);
   const pause = props.pause || !!inherited.pause, immediate = props.immediate || !!inherited.immediate;
   props = useMemoOne(() => ({
@@ -18863,7 +18869,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   }
   return target;
 }
-const _excluded$2 = ["style", "children", "scrollTop", "scrollLeft"];
+const _excluded$2 = ["style", "children", "scrollTop", "scrollLeft", "viewBox"];
 const isCustomPropRE = /^--/;
 function dangerousStyleValue(name, value) {
   if (value == null || typeof value === "boolean" || value === "")
@@ -18882,7 +18888,8 @@ function applyAnimatedValues(instance, props) {
     style,
     children,
     scrollTop,
-    scrollLeft
+    scrollLeft,
+    viewBox
   } = _ref, attributes = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   const values = Object.values(attributes);
   const names = Object.keys(attributes).map((name) => isFilterElement || instance.hasAttribute(name) ? name : attributeCache[name] || (attributeCache[name] = name.replace(/([A-Z])/g, (n) => "-" + n.toLowerCase())));
@@ -18908,6 +18915,9 @@ function applyAnimatedValues(instance, props) {
   if (scrollLeft !== void 0) {
     instance.scrollLeft = scrollLeft;
   }
+  if (viewBox !== void 0) {
+    instance.setAttribute("viewBox", viewBox);
+  }
 }
 let isUnitlessNumber = {
   animationIterationCount: true,
@@ -19831,6 +19841,7 @@ const defaultProps$w = {
   autoPlay: 0,
   direction: "horizontal",
   paginationColor: "#fff",
+  paginationBgColor: "#ddd",
   paginationVisible: false,
   loop: true,
   touchable: true,
@@ -20149,7 +20160,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
     return new Promise((resolve) => {
       const query = createSelectorQuery();
       query.select(`#${element.id}`) && query.select(`#${element.id}`).boundingClientRect();
-      query.exec(function(res) {
+      query.exec((res) => {
         resolve(res[0]);
       });
     });
@@ -20226,7 +20237,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
   }));
   return /* @__PURE__ */ React__default.createElement(DataContext.Provider, {
     value: parent
-  }, /* @__PURE__ */ React__default.createElement("view", {
+  }, /* @__PURE__ */ React__default.createElement("div", {
     className: `${classes} ${className}`,
     ref: container,
     ...rest,
@@ -20253,9 +20264,10 @@ const Swiper = React__default.forwardRef((props, ref) => {
     return /* @__PURE__ */ React__default.createElement("i", {
       style: (active + childCount) % childCount === index ? {
         backgroundColor: propSwiper.paginationColor
-      } : void 0,
+      } : {
+        backgroundColor: propSwiper.paginationBgColor
+      },
       className: classNames({
-        [`${b2("pagination-item")}`]: true,
         active: (active + childCount) % childCount === index
       }),
       key: index