@nutui/nutui-react-taro 2.0.17 → 2.0.18-beta.1

package/dist/nutui.react.es.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.17 Wed Sep 13 2023 17:17:51 GMT+0800 (中国标准时间)
+* @nutui/nutui-react-taro v2.0.18-beta.1 Wed Sep 20 2023 14:53:57 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -5536,7 +5536,7 @@ function getScrollParent(el, root2 = defaultRoot) {
 const defaultProps$1j = {
   ...ComponentDefaults,
   position: "top",
-  zIndex: 2e3
+  zIndex: 900
 };
 const classPrefix$k = "nut-sticky";
 const Sticky = (props) => {
@@ -5661,7 +5661,7 @@ Sticky.displayName = "NutSticky";
 const defaultProps$1i = {
   ...ComponentDefaults,
   threshold: 200,
-  zIndex: 10,
+  zIndex: 900,
   duration: 1e3
 };
 const BackTop = (props) => {
@@ -6114,7 +6114,7 @@ const defaultProps$1e = {
   onCloseIconClick: (e) => true,
   ...defaultOverlayProps
 };
-let _zIndex = 2e3;
+let _zIndex = 1100;
 const Popup = (props) => {
   const {
     children,
@@ -6474,8 +6474,8 @@ const Badge = (props) => {
   }
   const getStyle = () => {
     const style2 = {};
-    style2.top = `${Number(top) || parseFloat(top) || 0}px`;
-    style2.right = `${Number(right) || parseFloat(right) || 0}px`;
+    style2.top = `${Number(top) || parseFloat(String(top)) || 0}px`;
+    style2.right = `${Number(right) || parseFloat(String(right)) || 0}px`;
     style2.background = color;
     return style2;
   };
@@ -7633,7 +7633,7 @@ const Utils = {
    * @return {Boolse} true|false
    */
   isLeapYear(y2) {
-    return y2 % 4 == 0 && y2 % 100 != 0 || y2 % 400 == 0;
+    return y2 % 4 === 0 && y2 % 100 !== 0 || y2 % 400 === 0;
   },
   /**
    * 返回星期数
@@ -7736,9 +7736,9 @@ const Utils = {
    * 时间是否相等
    * @return {Boolean}
    */
-  isEqual(date1 = "", date22) {
-    const startTime = new Date(date1.replace("-", "/")).getTime();
-    const endTime = new Date(date22.replace("-", "/")).getTime();
+  isEqual(date1, date22) {
+    const startTime = new Date((date1 || "").replace(/-/g, "/")).getTime();
+    const endTime = new Date(date22.replace(/-/g, "/")).getTime();
     if (startTime === endTime) {
       return true;
     }
@@ -10860,6 +10860,7 @@ Schema.register = function register(type4, validator) {
 Schema.warning = warning;
 Schema.messages = messages;
 Schema.validators = validators;
+const SECRET$1 = "NUT_FORM_INTERNAL";
 class FormStore {
   constructor() {
     // 初始化数据
@@ -10895,12 +10896,12 @@ class FormStore {
     /**
      * 获取全部字段
      */
-    __publicField(this, "getFieldsValue", (name) => {
-      if (typeof name === "boolean") {
+    __publicField(this, "getFieldsValue", (nameList) => {
+      if (typeof nameList === "boolean") {
         return JSON.parse(JSON.stringify(this.store));
       }
       const fieldsValue = {};
-      name.forEach((field) => {
+      nameList.forEach((field) => {
         fieldsValue[field] = this.getFieldValue(field);
       });
       return fieldsValue;
@@ -11020,20 +11021,27 @@ class FormStore {
     __publicField(this, "dispatch", ({ name }) => {
       this.validateFields([name]);
     });
+    __publicField(this, "getInternal", (key) => {
+      if (key === SECRET$1) {
+        return {
+          registerField: this.registerField,
+          setCallback: this.setCallback,
+          setInitialValues: this.setInitialValues,
+          dispatch: this.dispatch,
+          store: this.store,
+          fieldEntities: this.fieldEntities
+        };
+      }
+    });
     __publicField(this, "getForm", () => {
       return {
-        dispatch: this.dispatch,
-        setInitialValues: this.setInitialValues,
-        setCallback: this.setCallback,
-        registerField: this.registerField,
         getFieldValue: this.getFieldValue,
         getFieldsValue: this.getFieldsValue,
         setFieldsValue: this.setFieldsValue,
         resetFields: this.resetFields,
         submit: this.submit,
-        store: this.store,
         errors: this.errors,
-        fieldEntities: this.fieldEntities
+        getInternal: this.getInternal
       };
     });
     this.callbacks = {
@@ -11096,8 +11104,10 @@ const Form = React__default.forwardRef(
     } else {
       [formInstance] = useForm();
     }
+    React__default.useImperativeHandle(ref, () => formInstance);
     formInstance.starPosition = starPosition;
-    const { setCallback, submit, resetFields, setInitialValues } = formInstance;
+    const { submit, resetFields } = formInstance;
+    const { setCallback, setInitialValues } = formInstance.getInternal(SECRET$1);
     setCallback({
       onFinish,
       onFinishFailed
@@ -11142,6 +11152,7 @@ function isForwardRefComponent(component) {
     }
   ).$$typeof === component.type.$$typeof;
 }
+const SECRET = "NUT_FORM_INTERNAL";
 const defaultProps$X = {
   ...ComponentDefaults,
   required: false,
@@ -11159,7 +11170,8 @@ class FormItem extends React__default.Component {
     // children添加value属性和onChange事件
     __publicField(this, "getControlled", (children) => {
       var _a;
-      const { setFieldsValue, getFieldValue, dispatch } = this.context;
+      const { setFieldsValue, getFieldValue } = this.context;
+      const { dispatch } = this.context.getInternal(SECRET);
       const { name = "" } = this.props;
       if ((_a = children == null ? void 0 : children.props) == null ? void 0 : _a.defaultValue) {
         console.warn("通过 initialValue 设置初始值");
@@ -11268,7 +11280,8 @@ class FormItem extends React__default.Component {
     };
   }
   componentDidMount() {
-    this.cancelRegister = this.context.registerField(this);
+    const { registerField } = this.context.getInternal(SECRET);
+    this.cancelRegister = registerField(this);
   }
   componentWillUnmount() {
     if (this.cancelRegister) {
@@ -11734,7 +11747,7 @@ const defaultProps$U = {
   columns: 1,
   direction: "down",
   icon: null,
-  closeOnClickAway: false,
+  closeOnClickAway: true,
   activeTitleClass: "",
   inactiveTitleClass: "",
   onChange: (value) => void 0
@@ -11745,6 +11758,7 @@ const MenuItem = forwardRef((props, ref) => {
     style,
     options,
     value,
+    defaultValue,
     columns,
     title,
     icon,
@@ -11763,7 +11777,15 @@ const MenuItem = forwardRef((props, ref) => {
     ...props
   };
   const [showPopup, setShowPopup] = useState(show2);
-  const [innerValue, setValue] = useState(value);
+  const [innerValue, setValue] = usePropsValue({
+    defaultValue,
+    value,
+    finalValue: void 0,
+    onChange: (v) => {
+      const [option] = options.filter((o) => o.value === v);
+      onChange == null ? void 0 : onChange(option);
+    }
+  });
   useEffect(() => {
     setShowPopup(show2);
   }, [show2]);
@@ -11784,7 +11806,9 @@ const MenuItem = forwardRef((props, ref) => {
   }, [direction, windowHeight]);
   usePageScroll(updateItemOffset);
   useImperativeHandle(ref, () => ({
-    toggle: parent.toggleMenuItem
+    toggle: (s) => {
+      s ? parent.toggleMenuItem(index) : parent.hideMenuItem(index);
+    }
   }));
   const getIconCName = (optionVal, value2) => {
     return classNames({
@@ -11801,7 +11825,6 @@ const MenuItem = forwardRef((props, ref) => {
     parent.toggleMenuItem(index);
     setTitle(item.text);
     setValue(item.value);
-    onChange && onChange(item);
   };
   const [position, setPosition] = useState({
     top: 0,
@@ -11855,7 +11878,7 @@ const MenuItem = forwardRef((props, ref) => {
       style: placeholderStyle(),
       onClick: () => parent.toggleMenuItem(index)
     }
-  ) : null, /* @__PURE__ */ React__default.createElement(
+  ) : null, parent.overlay ? /* @__PURE__ */ React__default.createElement(
     Overlay,
     {
       className: "nut-menu__overlay",
@@ -11867,7 +11890,7 @@ const MenuItem = forwardRef((props, ref) => {
         parent.closeOnOverlayClick && parent.toggleMenuItem(index);
       }
     }
-  ), /* @__PURE__ */ React__default.createElement(
+  ) : null, /* @__PURE__ */ React__default.createElement(
     View,
     {
       className: classNames(className, {
@@ -11932,10 +11955,11 @@ const defaultProps$T = {
   closeOnOverlayClick: true,
   scrollFixed: false,
   lockScroll: true,
+  overlay: true,
   icon: null,
-  onOpen: () => {
+  onOpen: (index) => {
   },
-  onClose: () => {
+  onClose: (index) => {
   }
 };
 const Menu = (props) => {
@@ -11944,6 +11968,7 @@ const Menu = (props) => {
     icon,
     scrollFixed,
     lockScroll,
+    overlay,
     closeOnOverlayClick,
     children,
     activeColor,
@@ -11976,9 +12001,9 @@ const Menu = (props) => {
   const toggleMenuItem = (index) => {
     showMenuItem[index] = !showMenuItem[index];
     if (showMenuItem[index]) {
-      onOpen && onOpen();
+      onOpen && onOpen(index);
     } else {
-      onClose && onClose();
+      onClose && onClose(index);
     }
     const temp = showMenuItem.map(
       (i, idx) => idx === index ? i : false
@@ -11988,7 +12013,7 @@ const Menu = (props) => {
   const hideMenuItem = (index) => {
     showMenuItem[index] = false;
     setShowMenuItem([...showMenuItem]);
-    onClose && onClose();
+    onClose && onClose(index);
   };
   const updateTitle = (text, index) => {
     menuItemTitle[index] = text;
@@ -12003,6 +12028,7 @@ const Menu = (props) => {
         activeColor,
         parent: {
           closeOnOverlayClick,
+          overlay,
           lockScroll,
           toggleMenuItem,
           updateTitle,
@@ -12015,9 +12041,9 @@ const Menu = (props) => {
   const menuTitle = () => {
     return React__default.Children.map(children, (child, index) => {
       if (React__default.isValidElement(child)) {
-        const { title, options, value, disabled, direction } = child.props;
+        const { title, options, value, defaultValue, disabled, direction } = child.props;
         const selected = options == null ? void 0 : options.filter(
-          (option) => option.value === value
+          (option) => option.value === (value !== void 0 ? value : defaultValue)
         );
         const finallyTitle = () => {
           if (title)
@@ -12038,6 +12064,8 @@ const Menu = (props) => {
             style: { color: showMenuItem[index] ? activeColor : "" },
             key: index,
             onClick: () => {
+              if ((!options || !options.length) && !child.props.children)
+                return;
               !disabled && toggleMenuItem(index);
             }
           },
@@ -13975,21 +14003,22 @@ const InternalUploader = (props, ref) => {
   const handleItemClick = (file) => {
     onFileItemClick && onFileItemClick(file);
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, children && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__slot" }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children, maxCount > fileList.length && /* @__PURE__ */ React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))), fileList.length !== 0 && Array.isArray(fileList) && fileList.map((item, index) => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__slot" }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children || /* @__PURE__ */ React__default.createElement(Button, { size: "small", type: "primary" }, "上传文件"), maxCount > fileList.length && /* @__PURE__ */ React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))), fileList.length !== 0 && Array.isArray(fileList) && fileList.map((item, index) => {
     return /* @__PURE__ */ React__default.createElement(
       "div",
       {
         className: `nut-uploader__preview ${previewType}`,
         key: item.uid
       },
-      previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview-img" }, deletable && /* @__PURE__ */ React__default.createElement(
+      previewType === "picture" && deletable && /* @__PURE__ */ React__default.createElement(
         a$n,
         {
           color: "rgba(0,0,0,0.6)",
           className: "close",
           onClick: () => onDeleteItem(item, index)
         }
-      ), item.status === "ready" ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview__progress" }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview__progress" }, item.failIcon !== " " && item.loadingIcon !== " " && (item.status === "error" ? item.failIcon || /* @__PURE__ */ React__default.createElement(a$n, { color: "#fff" }) : item.loadingIcon || /* @__PURE__ */ React__default.createElement(r$h, { color: "#fff" })), /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)), item.type.includes("image") ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.url && /* @__PURE__ */ React__default.createElement(
+      ),
+      previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview-img" }, item.status === "ready" ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview__progress" }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview__progress" }, item.failIcon !== " " && item.loadingIcon !== " " && (item.status === "error" ? item.failIcon || /* @__PURE__ */ React__default.createElement(a$n, { color: "#fff" }) : item.loadingIcon || /* @__PURE__ */ React__default.createElement(r$h, { color: "#fff" })), /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)), item.type.includes("image") ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.url && /* @__PURE__ */ React__default.createElement(
         Image$2,
         {
           className: "nut-uploader__preview-img__c",
@@ -14013,8 +14042,7 @@ const InternalUploader = (props, ref) => {
           className: "nut-uploader__preview-img__file__name"
         },
         /* @__PURE__ */ React__default.createElement(a$i, { color: "#808080" }),
-        " ",
-        item.name
+        /* @__PURE__ */ React__default.createElement("span", null, " ", item.name)
       ))), item.status === "success" ? /* @__PURE__ */ React__default.createElement("div", { className: "tips" }, item.name) : null),
       previewType === "list" && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview-list" }, /* @__PURE__ */ React__default.createElement(
         "div",
@@ -14023,8 +14051,7 @@ const InternalUploader = (props, ref) => {
           onClick: () => handleItemClick(item)
         },
         /* @__PURE__ */ React__default.createElement(a$i, null),
-        " ",
-        item.name
+        /* @__PURE__ */ React__default.createElement("span", null, " ", item.name)
       ), deletable && /* @__PURE__ */ React__default.createElement(
         a$p,
         {
@@ -14322,7 +14349,8 @@ const BaseDialog = (props) => {
         visible: true,
         closeOnOverlayClick,
         lockScroll,
-        onClick: onHandleClickOverlay
+        onClick: onHandleClickOverlay,
+        className: classNames("nut-dialog-overlay")
       }
     ) : null, /* @__PURE__ */ React__default.createElement(
       CSSTransition$1,