@nutui/nutui-react-taro 2.0.18-beta.0 → 2.0.18

package/dist/nutui.react.es.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.18-beta.0 Fri Sep 15 2023 14:03:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.18 Wed Sep 20 2023 14:56:58 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]);
@@ -11803,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,
@@ -11857,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",
@@ -11869,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, {
@@ -11934,6 +11955,7 @@ const defaultProps$T = {
   closeOnOverlayClick: true,
   scrollFixed: false,
   lockScroll: true,
+  overlay: true,
   icon: null,
   onOpen: (index) => {
   },
@@ -11946,6 +11968,7 @@ const Menu = (props) => {
     icon,
     scrollFixed,
     lockScroll,
+    overlay,
     closeOnOverlayClick,
     children,
     activeColor,
@@ -12005,6 +12028,7 @@ const Menu = (props) => {
         activeColor,
         parent: {
           closeOnOverlayClick,
+          overlay,
           lockScroll,
           toggleMenuItem,
           updateTitle,
@@ -12017,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)
@@ -12040,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);
             }
           },
@@ -13977,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",
@@ -14015,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",
@@ -14025,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,
         {
@@ -14324,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,

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.18-beta.0 Fri Sep 15 2023 14:03:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.18 Wed Sep 20 2023 14:56:58 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -5552,7 +5552,7 @@ var __publicField = (obj, key, value) => {
   const defaultProps$1j = {
     ...ComponentDefaults,
     position: "top",
-    zIndex: 2e3
+    zIndex: 900
   };
   const classPrefix$k = "nut-sticky";
   const Sticky = (props) => {
@@ -5677,7 +5677,7 @@ var __publicField = (obj, key, value) => {
   const defaultProps$1i = {
     ...ComponentDefaults,
     threshold: 200,
-    zIndex: 10,
+    zIndex: 900,
     duration: 1e3
   };
   const BackTop = (props) => {
@@ -6130,7 +6130,7 @@ var __publicField = (obj, key, value) => {
     onCloseIconClick: (e) => true,
     ...defaultOverlayProps
   };
-  let _zIndex = 2e3;
+  let _zIndex = 1100;
   const Popup = (props) => {
     const {
       children,
@@ -6490,8 +6490,8 @@ var __publicField = (obj, key, value) => {
     }
     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;
     };
@@ -7649,7 +7649,7 @@ var __publicField = (obj, key, value) => {
      * @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;
     },
     /**
      * 返回星期数
@@ -7752,9 +7752,9 @@ var __publicField = (obj, key, value) => {
      * 时间是否相等
      * @return {Boolean}
      */
-    isEqual(date1 = "", date2) {
-      const startTime = new Date(date1.replace("-", "/")).getTime();
-      const endTime = new Date(date2.replace("-", "/")).getTime();
+    isEqual(date1, date2) {
+      const startTime = new Date((date1 || "").replace(/-/g, "/")).getTime();
+      const endTime = new Date(date2.replace(/-/g, "/")).getTime();
       if (startTime === endTime) {
         return true;
       }
@@ -10876,6 +10876,7 @@ var __publicField = (obj, key, value) => {
   Schema.warning = warning;
   Schema.messages = messages;
   Schema.validators = validators;
+  const SECRET$1 = "NUT_FORM_INTERNAL";
   class FormStore {
     constructor() {
       // 初始化数据
@@ -10911,12 +10912,12 @@ var __publicField = (obj, key, value) => {
       /**
        * 获取全部字段
        */
-      __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;
@@ -11036,20 +11037,27 @@ var __publicField = (obj, key, value) => {
       __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 = {
@@ -11112,8 +11120,10 @@ var __publicField = (obj, key, value) => {
       } else {
         [formInstance] = useForm();
       }
+      React.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
@@ -11158,6 +11168,7 @@ var __publicField = (obj, key, value) => {
       }
     ).$$typeof === component.type.$$typeof;
   }
+  const SECRET = "NUT_FORM_INTERNAL";
   const defaultProps$X = {
     ...ComponentDefaults,
     required: false,
@@ -11175,7 +11186,8 @@ var __publicField = (obj, key, value) => {
       // 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 设置初始值");
@@ -11284,7 +11296,8 @@ var __publicField = (obj, key, value) => {
       };
     }
     componentDidMount() {
-      this.cancelRegister = this.context.registerField(this);
+      const { registerField } = this.context.getInternal(SECRET);
+      this.cancelRegister = registerField(this);
     }
     componentWillUnmount() {
       if (this.cancelRegister) {
@@ -11750,7 +11763,7 @@ var __publicField = (obj, key, value) => {
     columns: 1,
     direction: "down",
     icon: null,
-    closeOnClickAway: false,
+    closeOnClickAway: true,
     activeTitleClass: "",
     inactiveTitleClass: "",
     onChange: (value) => void 0
@@ -11761,6 +11774,7 @@ var __publicField = (obj, key, value) => {
       style,
       options,
       value,
+      defaultValue,
       columns,
       title,
       icon,
@@ -11779,7 +11793,15 @@ var __publicField = (obj, key, value) => {
       ...props
     };
     const [showPopup, setShowPopup] = React.useState(show2);
-    const [innerValue, setValue] = React.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);
+      }
+    });
     React.useEffect(() => {
       setShowPopup(show2);
     }, [show2]);
@@ -11819,7 +11841,6 @@ var __publicField = (obj, key, value) => {
       parent.toggleMenuItem(index);
       setTitle(item.text);
       setValue(item.value);
-      onChange && onChange(item);
     };
     const [position, setPosition] = React.useState({
       top: 0,
@@ -11873,7 +11894,7 @@ var __publicField = (obj, key, value) => {
         style: placeholderStyle(),
         onClick: () => parent.toggleMenuItem(index)
       }
-    ) : null, /* @__PURE__ */ React.createElement(
+    ) : null, parent.overlay ? /* @__PURE__ */ React.createElement(
       Overlay,
       {
         className: "nut-menu__overlay",
@@ -11885,7 +11906,7 @@ var __publicField = (obj, key, value) => {
           parent.closeOnOverlayClick && parent.toggleMenuItem(index);
         }
       }
-    ), /* @__PURE__ */ React.createElement(
+    ) : null, /* @__PURE__ */ React.createElement(
       components.View,
       {
         className: classNames(className, {
@@ -11950,6 +11971,7 @@ var __publicField = (obj, key, value) => {
     closeOnOverlayClick: true,
     scrollFixed: false,
     lockScroll: true,
+    overlay: true,
     icon: null,
     onOpen: (index) => {
     },
@@ -11962,6 +11984,7 @@ var __publicField = (obj, key, value) => {
       icon,
       scrollFixed,
       lockScroll,
+      overlay,
       closeOnOverlayClick,
       children,
       activeColor,
@@ -12021,6 +12044,7 @@ var __publicField = (obj, key, value) => {
           activeColor,
           parent: {
             closeOnOverlayClick,
+            overlay,
             lockScroll,
             toggleMenuItem,
             updateTitle,
@@ -12033,9 +12057,9 @@ var __publicField = (obj, key, value) => {
     const menuTitle = () => {
       return React.Children.map(children, (child, index) => {
         if (React.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)
@@ -12056,6 +12080,8 @@ var __publicField = (obj, key, value) => {
               style: { color: showMenuItem[index] ? activeColor : "" },
               key: index,
               onClick: () => {
+                if ((!options || !options.length) && !child.props.children)
+                  return;
                 !disabled && toggleMenuItem(index);
               }
             },
@@ -13993,21 +14019,22 @@ var __publicField = (obj, key, value) => {
     const handleItemClick = (file) => {
       onFileItemClick && onFileItemClick(file);
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, children && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__slot" }, /* @__PURE__ */ React.createElement(React.Fragment, null, children, maxCount > fileList.length && /* @__PURE__ */ React.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))), fileList.length !== 0 && Array.isArray(fileList) && fileList.map((item, index) => {
+    return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__slot" }, /* @__PURE__ */ React.createElement(React.Fragment, null, children || /* @__PURE__ */ React.createElement(Button, { size: "small", type: "primary" }, "上传文件"), maxCount > fileList.length && /* @__PURE__ */ React.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))), fileList.length !== 0 && Array.isArray(fileList) && fileList.map((item, index) => {
       return /* @__PURE__ */ React.createElement(
         "div",
         {
           className: `nut-uploader__preview ${previewType}`,
           key: item.uid
         },
-        previewType === "picture" && !children && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview-img" }, deletable && /* @__PURE__ */ React.createElement(
+        previewType === "picture" && deletable && /* @__PURE__ */ React.createElement(
           a$n,
           {
             color: "rgba(0,0,0,0.6)",
             className: "close",
             onClick: () => onDeleteItem(item, index)
           }
-        ), item.status === "ready" ? /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview__progress" }, /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview__progress" }, item.failIcon !== " " && item.loadingIcon !== " " && (item.status === "error" ? item.failIcon || /* @__PURE__ */ React.createElement(a$n, { color: "#fff" }) : item.loadingIcon || /* @__PURE__ */ React.createElement(r$h, { color: "#fff" })), /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)), item.type.includes("image") ? /* @__PURE__ */ React.createElement(React.Fragment, null, item.url && /* @__PURE__ */ React.createElement(
+        ),
+        previewType === "picture" && !children && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview-img" }, item.status === "ready" ? /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview__progress" }, /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview__progress" }, item.failIcon !== " " && item.loadingIcon !== " " && (item.status === "error" ? item.failIcon || /* @__PURE__ */ React.createElement(a$n, { color: "#fff" }) : item.loadingIcon || /* @__PURE__ */ React.createElement(r$h, { color: "#fff" })), /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)), item.type.includes("image") ? /* @__PURE__ */ React.createElement(React.Fragment, null, item.url && /* @__PURE__ */ React.createElement(
           components.Image,
           {
             className: "nut-uploader__preview-img__c",
@@ -14031,8 +14058,7 @@ var __publicField = (obj, key, value) => {
             className: "nut-uploader__preview-img__file__name"
           },
           /* @__PURE__ */ React.createElement(a$i, { color: "#808080" }),
-          " ",
-          item.name
+          /* @__PURE__ */ React.createElement("span", null, " ", item.name)
         ))), item.status === "success" ? /* @__PURE__ */ React.createElement("div", { className: "tips" }, item.name) : null),
         previewType === "list" && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader__preview-list" }, /* @__PURE__ */ React.createElement(
           "div",
@@ -14041,8 +14067,7 @@ var __publicField = (obj, key, value) => {
             onClick: () => handleItemClick(item)
           },
           /* @__PURE__ */ React.createElement(a$i, null),
-          " ",
-          item.name
+          /* @__PURE__ */ React.createElement("span", null, " ", item.name)
         ), deletable && /* @__PURE__ */ React.createElement(
           a$p,
           {
@@ -14340,7 +14365,8 @@ var __publicField = (obj, key, value) => {
           visible: true,
           closeOnOverlayClick,
           lockScroll,
-          onClick: onHandleClickOverlay
+          onClick: onHandleClickOverlay,
+          className: classNames("nut-dialog-overlay")
         }
       ) : null, /* @__PURE__ */ React.createElement(
         CSSTransition$1,

package/dist/packages/badge/badge.scss

@@ -26,6 +26,7 @@
     line-height: 16px;
     border: $badge-border;
     border-radius: $badge-border-radius;
+    min-width: $badge-min-width;
   }
 
   &__content {

package/dist/packages/dialog/dialog.scss

@@ -9,12 +9,18 @@
   padding: $dialog-padding;
   box-sizing: border-box;
 
+  &-overlay {
+    --nutui-overlay-zIndex: 1200;
+  }
+
   &__outer {
     position: fixed;
     max-height: 100%;
     overflow-y: auto;
     background-color: $white;
-    transition: transform 0.2s, -webkit-transform 0.2s;
+    transition:
+      transform 0.2s,
+      -webkit-transform 0.2s;
     -webkit-overflow-scrolling: touch;
     top: 50%;
     left: 50%;