@nutui/nutui-react 1.1.5-beta.0 → 1.1.5-beta.3

package/dist/nutui.react.es.js

@@ -34,12 +34,12 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v1.1.5-beta.0 Thu Jun 16 2022 10:01:41 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.5-beta.3 Tue Jun 28 2022 11:42:56 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import * as React from "react";
-import React__default, { useState, useEffect, Component, useRef, createContext, useContext as useContext$1, useImperativeHandle, forwardRef, useCallback, useMemo, memo } from "react";
+import React__default, { useCallback, useState, useEffect, Component, useRef, createContext, useContext as useContext$1, useImperativeHandle, forwardRef, useMemo, memo } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { unstable_batchedUpdates } from "react-dom";
 var classname = { exports: {} };
@@ -168,8 +168,37 @@ const Button = (props) => {
     "className",
     "style"
   ]);
-  const [btnName, setBtnName] = useState("");
-  const [btnStyle, setBtnStyle] = useState({});
+  const getStyle = useCallback(() => {
+    const style2 = {};
+    if (color) {
+      if (plain) {
+        style2.color = color;
+        style2.background = "#fff";
+        if (!(color == null ? void 0 : color.includes("gradient"))) {
+          style2.borderColor = color;
+        }
+      } else {
+        style2.color = "#fff";
+        style2.background = color;
+      }
+    }
+    return style2;
+  }, [color, plain]);
+  const classes = useCallback(() => {
+    const prefixCls = "nut-button";
+    return [
+      prefixCls,
+      `${type ? `${prefixCls}--${type}` : ""}`,
+      `${size ? `${prefixCls}--${size}` : ""}`,
+      `${shape ? `${prefixCls}--${shape}` : ""}`,
+      `${plain ? `${prefixCls}--plain` : ""}`,
+      `${block ? `${prefixCls}--block` : ""}`,
+      `${disabled ? `${prefixCls}--disabled` : ""}`,
+      `${loading ? `${prefixCls}--loading` : ""}`
+    ].filter(Boolean).join(" ");
+  }, [block, disabled, loading, plain, shape, size, type]);
+  const [btnName, setBtnName] = useState(classes());
+  const [btnStyle, setBtnStyle] = useState(getStyle());
   useEffect(() => {
     setBtnName(classes());
     setBtnStyle(getStyle());
@@ -186,39 +215,15 @@ const Button = (props) => {
     block,
     icon,
     children,
-    onClick
+    onClick,
+    classes,
+    getStyle
   ]);
-  const classes = () => {
-    const prefixCls = "nut-button";
-    return `${prefixCls} ${type ? `${prefixCls}--${type}` : ""}
-    ${size ? `${prefixCls}--${size}` : ""}
-    ${shape ? `${prefixCls}--${shape}` : ""}
-    ${plain ? `${prefixCls}--plain` : ""}
-    ${block ? `${prefixCls}--block` : ""}
-    ${disabled ? `${prefixCls}--disabled` : ""}
-    ${loading ? `${prefixCls}--loading` : ""}`;
-  };
   const handleClick = (e2) => {
     if (!loading && !disabled && onClick) {
       onClick(e2);
     }
   };
-  const getStyle = () => {
-    const style2 = {};
-    if (color) {
-      if (plain) {
-        style2.color = color;
-        style2.background = "#fff";
-        if (!(color == null ? void 0 : color.includes("gradient"))) {
-          style2.borderColor = color;
-        }
-      } else {
-        style2.color = "#fff";
-        style2.background = color;
-      }
-    }
-    return style2;
-  };
   return /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({
     className: `${btnName} ${className}`,
     style: __spreadValues(__spreadValues({}, btnStyle), style)
@@ -2556,9 +2561,10 @@ const FixedNav = (props) => {
       onClick: (event) => onSelectCb(event, item),
       key: item.id || index2
     }, /* @__PURE__ */ React__default.createElement("img", {
-      src: item.icon
+      src: item.icon,
+      alt: ""
     }), /* @__PURE__ */ React__default.createElement("div", {
-      className: "span"
+      className: "nut-fixednav__list-text"
     }, item.text), item.num && /* @__PURE__ */ React__default.createElement("div", {
       className: "b"
     }, item.num));
@@ -5131,7 +5137,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
 const defaultProps$B = {
   type: "text",
   defaultValue: "",
-  placeholder: "\u8BF7\u8F93\u5165\u4FE1\u606F",
+  placeholder: "",
   label: "",
   requireShow: false,
   disabled: false,
@@ -5141,7 +5147,7 @@ const defaultProps$B = {
   clearable: true
 };
 const Input = (props) => {
-  useConfig();
+  const { locale } = useConfig();
   const {
     type,
     defaultValue,
@@ -5160,6 +5166,7 @@ const Input = (props) => {
     focus,
     clear
   } = __spreadValues(__spreadValues({}, defaultProps$B), props);
+  locale.placeholder = placeholder || locale.placeholder;
   const inputBem = cn("input");
   const [inputValue, SetInputValue] = useState("");
   const [active, SetActive] = useState(false);
@@ -11036,8 +11043,8 @@ function confirm(config2, renderFunc) {
   };
 }
 const defaultProps$r = {
-  okText: "\u786E\u5B9A",
-  cancelText: "\u53D6\u6D88",
+  okText: "",
+  cancelText: "",
   mask: true,
   closeOnClickOverlay: true,
   noFooter: false,
@@ -11103,13 +11110,13 @@ const BaseDialog = (props, ref) => {
       type: "primary",
       className: "nut-dialog__footer-cancel",
       onClick: () => handleCancel()
-    }, locale.cancel || cancelText), !noOkBtn && /* @__PURE__ */ React__default.createElement(Button, {
+    }, cancelText || locale.cancel), !noOkBtn && /* @__PURE__ */ React__default.createElement(Button, {
       size: "small",
       type: "primary",
       className: classNames("nut-dialog__footer-ok", { disabled: okBtnDisabled }),
       disabled: okBtnDisabled,
       onClick: () => handleOk()
-    }, locale.confirm || okText));
+    }, okText || locale.confirm));
     return footerContent;
   };
   return /* @__PURE__ */ React__default.createElement(DialogWrapper, __spreadProps(__spreadValues({}, restProps), {
@@ -12079,13 +12086,13 @@ const Swiper = React__default.forwardRef((props, ref) => {
     offset: 0,
     size: 0
   });
-  const childsRefs = [];
   const isVertical = direction === "vertical";
   const [rect, setRect] = useState(null);
   let [active, setActive] = useState(0);
   const [width, setWidth] = useState(0);
   const [height, setHeight] = useState(0);
   const [offset, setOffset] = useState(0);
+  const [childOffset, setChildOffset] = useState([]);
   const [ready, setReady] = useState(false);
   let size = isVertical ? height : width;
   const [touch, setTouch] = useState({
@@ -12099,22 +12106,20 @@ const Swiper = React__default.forwardRef((props, ref) => {
     delta: 0,
     touchTime: 0
   });
-  const [childs, setChilds] = useState([]);
-  useState("");
-  const childCount = children.length;
-  for (let i = 0; i < childCount; i++) {
-    childsRefs.push(useRef(null));
-  }
-  let trackSize = childCount * Number(size);
-  const getChildren = () => {
-    const childs2 = [];
-    React__default.Children.toArray(children).forEach((child, index2) => {
-      if (child.type && child.type.displayName === "NutSwiperItem") {
-        childs2.push(React__default.cloneElement(child, { ref: childsRefs[index2], key: `item_${index2}` }));
-      }
+  const { childs, childCount } = useMemo(() => {
+    let childCount2 = 0;
+    const childs2 = React__default.Children.map(props.children, (child) => {
+      if (!React__default.isValidElement(child))
+        return null;
+      childCount2++;
+      return child;
     });
-    return childs2;
-  };
+    return {
+      childs: childs2,
+      childCount: childCount2
+    };
+  }, [props.children]);
+  let trackSize = childCount * Number(size);
   const parent = {
     propSwiper,
     size
@@ -12201,12 +12206,13 @@ const Swiper = React__default.forwardRef((props, ref) => {
     if (props.loop) {
       if (Array.isArray(children) && children[0] && targetOffset !== minOffset) {
         const rightBound = targetOffset < minOffset;
-        childsRefs[0].current.changeOffset(rightBound ? trackSize : 0);
+        childOffset[0] = rightBound ? trackSize : 0;
       }
       if (Array.isArray(children) && children[childCount - 1] && targetOffset !== 0) {
         const leftBound = targetOffset > 0;
-        childsRefs[childCount - 1].current.changeOffset(leftBound ? -trackSize : 0);
+        childOffset[childCount - 1] = leftBound ? -trackSize : 0;
       }
+      setChildOffset(childOffset);
     }
     if (isEmit && active !== targetActive) {
       props.onChange && props.onChange((targetActive + childCount) % childCount);
@@ -12374,7 +12380,8 @@ const Swiper = React__default.forwardRef((props, ref) => {
     };
   }, [ready]);
   useEffect(() => {
-    setChilds(getChildren());
+    stopAutoPlay();
+    autoplay();
   }, [children]);
   useEffect(() => {
     init();
@@ -12390,6 +12397,19 @@ const Swiper = React__default.forwardRef((props, ref) => {
       target.removeEventListener("touchend", onTouchEnd, false);
     };
   });
+  const style = (index2) => {
+    const style2 = {};
+    const _direction = propSwiper.direction || direction;
+    const _size = size;
+    if (_size) {
+      style2[_direction === "horizontal" ? "width" : "height"] = `${_size}px`;
+    }
+    let offset2 = childOffset[index2];
+    if (offset2) {
+      style2.transform = `translate3D${_direction === "horizontal" ? `(${offset2}px,0,0)` : `(0,${offset2}px,0)`}`;
+    }
+    return style2;
+  };
   React__default.useImperativeHandle(ref, () => ({
     to: to2,
     next,
@@ -12403,12 +12423,18 @@ const Swiper = React__default.forwardRef((props, ref) => {
   }, rest), /* @__PURE__ */ React__default.createElement("div", {
     className: contentClass,
     ref: innerRef
-  }, childs), propSwiper.paginationVisible && !("pageContent" in propSwiper) ? /* @__PURE__ */ React__default.createElement("div", {
+  }, React__default.Children.map(childs, (child, index2) => {
+    return /* @__PURE__ */ React__default.createElement("div", {
+      className: b2("item-wrapper"),
+      style: style(index2),
+      key: index2
+    }, child);
+  })), propSwiper.paginationVisible && !("pageContent" in propSwiper) ? /* @__PURE__ */ React__default.createElement("div", {
     className: classNames({
       [`${b2("pagination")}`]: true,
       [`${b2("pagination-vertical")}`]: isVertical
     })
-  }, childs.map((item, index2) => {
+  }, React__default.Children.map(childs, (item, index2) => {
     return /* @__PURE__ */ React__default.createElement("i", {
       style: {
         backgroundColor: (active + childCount) % childCount === index2 ? propSwiper.paginationColor : "#ddd"
@@ -12441,9 +12467,6 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
     if (_size) {
       style2[_direction === "horizontal" ? "width" : "height"] = `${_size}px`;
     }
-    if (offset) {
-      style2.transform = `translate3D${_direction === "horizontal" ? `(${offset}px,0,0)` : `(0,${offset}px,0)`}`;
-    }
     return style2;
   };
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -13653,7 +13676,29 @@ const defaultProps$4 = {
 };
 const CustomRender = (props) => {
   const { locale } = useConfig();
-  const _a = __spreadValues(__spreadValues({}, defaultProps$4), props), { children, type, height, province, city, country, town, onNextArea, onClose } = _a, rest = __objRest(_a, ["children", "type", "height", "province", "city", "country", "town", "onNextArea", "onClose"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$4), props), {
+    children,
+    type,
+    height,
+    province,
+    city,
+    country,
+    town,
+    onNextArea,
+    onTabClick,
+    onClose
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "type",
+    "height",
+    "province",
+    "city",
+    "country",
+    "town",
+    "onNextArea",
+    "onTabClick",
+    "onClose"
+  ]);
   const b2 = cn("address");
   const [privateType] = useState(type);
   const [tabIndex, setTabIndex] = useState(0);
@@ -13712,12 +13757,11 @@ const CustomRender = (props) => {
   });
   const [lineDistance, setLineDistance] = useState(20);
   const getTabName = (item, index2) => {
-    if (item.name)
-      return item.name;
-    if (tabIndex < index2) {
+    if (tabIndex > index2) {
       return item.name;
+    } else {
+      return locale.select;
     }
-    return locale.select;
   };
   const mapRef = {
     province: provinceRef,
@@ -13756,21 +13800,26 @@ const CustomRender = (props) => {
         [tabName[i + 1]]: {}
       });
     }
-    if (tabIndex < 3) {
-      setTabIndex(() => tabIndex + 1);
-      lineAnimation(tabIndex + 1);
-      calBack.next = tabName[tabIndex + 1];
+    if (tabIndex < 4) {
+      if (tabIndex === 3) {
+        calBack.next = "";
+      } else {
+        setTabIndex(() => tabIndex + 1);
+        lineAnimation(tabIndex + 1);
+        calBack.next = tabName[tabIndex + 1];
+      }
       calBack.value = item;
       onNextArea && onNextArea(calBack);
     } else {
       onClose && onClose();
     }
   };
-  const changeRegionTab = (item, index2) => {
+  const changeRegionTab = (item, index2, key) => {
     if (getTabName(item, index2)) {
       setTabIndex(index2);
       lineAnimation(index2);
     }
+    onTabClick && onTabClick(key);
   };
   const handleElevatorItem = (key, item) => {
     nextAreaList(item);
@@ -13808,8 +13857,8 @@ const CustomRender = (props) => {
       className: `${b2("tab-item")} ${index2 === tabIndex ? "active" : ""}`,
       key: index2,
       ref: mapRef[key],
-      onClick: () => changeRegionTab(selectedRegion[key], index2)
-    }, /* @__PURE__ */ React__default.createElement("div", null, getTabName(selectedRegion[key], index2)));
+      onClick: () => changeRegionTab(selectedRegion[key], index2, key)
+    }, index2 <= tabIndex && /* @__PURE__ */ React__default.createElement("div", null, getTabName(selectedRegion[key], index2)));
   }), /* @__PURE__ */ React__default.createElement("div", {
     className: b2("tab-line"),
     ref: regionLine,
@@ -13880,6 +13929,7 @@ const Address = (props) => {
     onClose,
     closeMask,
     switchModule,
+    onTabChecked,
     style,
     className
   } = _a, rest = __objRest(_a, [
@@ -13905,6 +13955,7 @@ const Address = (props) => {
     "onClose",
     "closeMask",
     "switchModule",
+    "onTabChecked",
     "style",
     "className"
   ]);
@@ -14035,6 +14086,9 @@ const Address = (props) => {
     onNextArea: (cal) => {
       nextAreaList && nextAreaList(cal);
     },
+    onTabClick: (type2) => {
+      onTabChecked && onTabChecked(type2);
+    },
     onClose: handClose
   }), privateType === "exist" && /* @__PURE__ */ React__default.createElement(ExistRender, {
     type: privateType,