@nutui/nutui-react 3.0.0-beta.4 → 3.0.0-beta.5

package/dist/nutui.react.umd.js

@@ -843,7 +843,29 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  const p$6 = (o) => {
+  const p$8 = (o) => {
+    const a = { ...dr, ...o };
+    return /* @__PURE__ */ gr(mr, { ...a, name: a.name || "Ask", viewBox: "0 0 1024 1024", children: [
+      /* @__PURE__ */ xe(
+        "path",
+        {
+          d: "M512 341.33a64 64 0 0 0-64 64h-85.33a149.33 149.33 0 1 1 192 143.15v48.85h-85.34v-128H512a64 64 0 1 0 0-128M576 704a64 64 0 1 1-128 0 64 64 0 0 1 128 0",
+          fill: "currentColor",
+          fillOpacity: "0.9"
+        }
+      ),
+      ",",
+      /* @__PURE__ */ xe(
+        "path",
+        {
+          d: "M1024 512c0 282.77-229.23 512-512 512S0 794.77 0 512 229.23 0 512 0s512 229.23 512 512m-85.33 0c0-235.65-191.02-426.67-426.67-426.67S85.33 276.35 85.33 512 276.35 938.67 512 938.67 938.67 747.65 938.67 512",
+          fill: "currentColor",
+          fillOpacity: "0.9"
+        }
+      )
+    ] });
+  };
+  const p$7 = (o) => {
     const r = { ...dr, ...o };
     return /* @__PURE__ */ gr(mr, { ...r, name: r.name || "CheckChecked", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -931,7 +953,7 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  const p$5 = (r) => {
+  const p$6 = (r) => {
     const a = { ...dr, ...r };
     return /* @__PURE__ */ gr(mr, { ...a, name: a.name || "Del", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -953,7 +975,7 @@ Check the top-level render call using <` + t + ">.");
       )
     ] });
   };
-  const p$4 = (a) => {
+  const p$5 = (a) => {
     const l = { ...dr, ...a };
     return /* @__PURE__ */ gr(mr, { ...l, name: l.name || "Failure", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -975,7 +997,7 @@ Check the top-level render call using <` + t + ">.");
       )
     ] });
   };
-  const p$3 = (a) => {
+  const p$4 = (a) => {
     const l = { ...dr, ...a };
     return /* @__PURE__ */ gr(mr, { ...l, name: l.name || "ImageError", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -997,7 +1019,7 @@ Check the top-level render call using <` + t + ">.");
       )
     ] });
   };
-  const p$2 = (o) => {
+  const p$3 = (o) => {
     const a = { ...dr, ...o };
     return /* @__PURE__ */ gr(mr, { ...a, name: a.name || "Image", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -1195,7 +1217,7 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  const p$1 = (l) => {
+  const p$2 = (l) => {
     const r = { ...dr, ...l };
     return /* @__PURE__ */ gr(mr, { ...r, name: r.name || "Success", viewBox: "0 0 1024 1024", children: [
       /* @__PURE__ */ xe(
@@ -1261,7 +1283,7 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
-  const p = (o) => {
+  const p$1 = (o) => {
     const r = { ...dr, ...o };
     return /* @__PURE__ */ xe(mr, { ...r, name: r.name || "TriangleUp", viewBox: "0 0 1024 1024", children: /* @__PURE__ */ xe(
       "path",
@@ -1283,6 +1305,28 @@ Check the top-level render call using <` + t + ">.");
       }
     ) });
   };
+  const p = (o) => {
+    const r = { ...dr, ...o };
+    return /* @__PURE__ */ gr(mr, { ...r, name: r.name || "Warning", viewBox: "0 0 1024 1024", children: [
+      /* @__PURE__ */ xe(
+        "path",
+        {
+          d: "M469.33 554.67V256h85.34v298.67zM512 640a64 64 0 1 0 0 128 64 64 0 0 0 0-128",
+          fill: "currentColor",
+          fillOpacity: "0.9"
+        }
+      ),
+      ",",
+      /* @__PURE__ */ xe(
+        "path",
+        {
+          d: "M512 1024c282.77 0 512-229.23 512-512S794.77 0 512 0 0 229.23 0 512s229.23 512 512 512m0-85.33C276.35 938.67 85.33 747.65 85.33 512S276.35 85.33 512 85.33 938.67 276.35 938.67 512 747.65 938.67 512 938.67",
+          fill: "currentColor",
+          fillOpacity: "0.9"
+        }
+      )
+    ] });
+  };
   var ComponentDefaults = {
     className: "",
     style: {}
@@ -2801,7 +2845,7 @@ Check the top-level render call using <` + t + ">.");
       if (typeof error === "boolean" && error === true && !innerLoading) {
         return /* @__PURE__ */ React.createElement("div", {
           className: "".concat(classPrefix$r, "-error")
-        }, /* @__PURE__ */ React.createElement(p$3, null));
+        }, /* @__PURE__ */ React.createElement(p$4, null));
       }
       if (/* @__PURE__ */ React.isValidElement(error) && !innerLoading) {
         return /* @__PURE__ */ React.createElement("div", {
@@ -2818,7 +2862,7 @@ Check the top-level render call using <` + t + ">.");
       if (typeof loading === "boolean" && loading === true && innerLoading) {
         return /* @__PURE__ */ React.createElement("div", {
           className: "".concat(classPrefix$r, "-loading")
-        }, /* @__PURE__ */ React.createElement(p$2, null));
+        }, /* @__PURE__ */ React.createElement(p$3, null));
       }
       if (/* @__PURE__ */ React.isValidElement(loading) && innerLoading) {
         return /* @__PURE__ */ React.createElement("div", {
@@ -4928,9 +4972,9 @@ Check the top-level render call using <` + t + ">.");
   var defaultProps$1q = {
     text: "",
     columns: 4,
-    gap: 0,
+    gap: 9,
     center: true,
-    square: false,
+    square: true,
     reverse: false,
     direction: "vertical"
   };
@@ -4953,16 +4997,22 @@ Check the top-level render call using <` + t + ">.");
     var classes = classNames(classPrefix2, className);
     var context2 = React.useContext(GridContext);
     var rootStyle = function() {
+      var width = "calc((100% - ".concat(Number(gap) * (Number(columns) - 1), "px) / ").concat(Number(columns), ")");
       var styles = _object_spread({
-        flexBasis: "".concat(100 / +columns, "%")
+        flexBasis: width
       }, style);
       if (square) {
-        styles.paddingTop = "".concat(100 / +columns, "%");
-      } else if (gap) {
-        styles.paddingRight = pxCheck(gap);
+        styles.paddingTop = width;
+      }
+      if (gap) {
+        if ((index + 1) % Number(columns)) {
+          styles.marginRight = pxCheck(gap);
+        }
         if (index >= Number(columns)) {
           styles.marginTop = pxCheck(gap);
         }
+      } else {
+        styles.borderRadius = 0;
       }
       return styles;
     };
@@ -5001,9 +5051,9 @@ Check the top-level render call using <` + t + ">.");
   GridItem.displayName = "NutGridItem";
   var defaultProps$1p = {
     columns: 4,
-    gap: 0,
+    gap: 9,
     center: true,
-    square: false,
+    square: true,
     reverse: false,
     direction: "vertical"
   };
@@ -5030,9 +5080,6 @@ Check the top-level render call using <` + t + ">.");
       if (style) {
         styleSelf = style;
       }
-      if (gap) {
-        styleSelf.paddingLeft = pxCheck(gap);
-      }
       return styleSelf;
     };
     return /* @__PURE__ */ React.createElement("div", _object_spread({
@@ -17784,7 +17831,7 @@ Please add \`${key}Action\` when creating your handler.`);
       if (checkedStatement) {
         return /* @__PURE__ */ React.isValidElement(activeIcon) ? /* @__PURE__ */ React.cloneElement(activeIcon, _object_spread_props(_object_spread({}, activeIcon.props), {
           className: classNames(color())
-        })) : /* @__PURE__ */ React.createElement(p$6, {
+        })) : /* @__PURE__ */ React.createElement(p$7, {
           className: classNames(color())
         });
       }
@@ -19381,7 +19428,7 @@ Please add \`${key}Action\` when creating your handler.`);
     var fileList = param.fileList, previewType = param.previewType, deletable = param.deletable, onDeleteItem = param.onDeleteItem, handleItemClick = param.handleItemClick, previewUrl = param.previewUrl, deleteIcon = param.deleteIcon, children = param.children;
     var renderIcon = function(item) {
       if (item.status === ERROR) {
-        return item.failIcon || /* @__PURE__ */ React.createElement(p$4, {
+        return item.failIcon || /* @__PURE__ */ React.createElement(p$5, {
           color: "#fff"
         });
       }
@@ -19445,7 +19492,7 @@ Please add \`${key}Action\` when creating your handler.`);
         onClick: function() {
           return handleItemClick(item, index);
         }
-      }, /* @__PURE__ */ React.createElement(s$3, null), /* @__PURE__ */ React.createElement("span", null, " ", item.name)), deletable && /* @__PURE__ */ React.createElement(p$5, {
+      }, /* @__PURE__ */ React.createElement(s$3, null), /* @__PURE__ */ React.createElement("span", null, " ", item.name)), deletable && /* @__PURE__ */ React.createElement(p$6, {
         color: "#808080",
         className: "nut-uploader-preview-img-file-del",
         onClick: function() {
@@ -19499,7 +19546,7 @@ Please add \`${key}Action\` when creating your handler.`);
       height: "20px",
       color: "#808080"
     }),
-    deleteIcon: /* @__PURE__ */ React.createElement(p$4, {
+    deleteIcon: /* @__PURE__ */ React.createElement(p$5, {
       color: "rgba(0,0,0,0.6)"
     }),
     beforeDelete: function(file, files) {
@@ -20509,23 +20556,28 @@ Please add \`${key}Action\` when creating your handler.`);
     var classPrefix2 = "nut-resultpage";
     var cls = classNames(classPrefix2, className);
     var defaultStatus2 = {
-      success: "https://img11.360buyimg.com/imagetools/jfs/t1/233690/33/17768/1251/66543101F2589003b/f5dcaea8e29c23aa.png",
-      error: "https://img14.360buyimg.com/imagetools/jfs/t1/224715/38/17932/1426/66543101F1dbc50e8/eaffdb926b00584b.png",
-      warning: "https://img13.360buyimg.com/imagetools/jfs/t1/200545/24/43507/1219/66543101Fe58cfbe4/c29054555f3bcb4b.png",
-      info: "https://img13.360buyimg.com/imagetools/jfs/t1/199421/5/44230/1320/66543100F23a9466e/0e9eadd5cebf07fb.png",
-      waiting: "https://img11.360buyimg.com/imagetools/jfs/t1/226266/21/17859/1428/66543101F2dc4c3f3/44e2ae2b51c6e0ed.png"
+      success: /* @__PURE__ */ React.createElement(p$2, {
+        color: "#00D900"
+      }),
+      error: /* @__PURE__ */ React.createElement(p$5, {
+        color: "#FF0F23"
+      }),
+      warning: /* @__PURE__ */ React.createElement(p, {
+        color: "#FFBF00"
+      }),
+      info: /* @__PURE__ */ React.createElement(c, {
+        color: "#0073FF"
+      }),
+      waiting: /* @__PURE__ */ React.createElement(p$8, {
+        color: "#0073FF"
+      })
     };
-    var _useState = _sliced_to_array(React.useState({
-      backgroundImage: "url(".concat(typeof icon === "string" && icon ? icon : defaultStatus2[status], ")"),
-      backgroundSize: "100% 100%"
-    }), 1), imgStyle = _useState[0];
     return /* @__PURE__ */ React.createElement("div", {
       className: cls,
       style
-    }, typeof icon === "string" ? /* @__PURE__ */ React.createElement("div", {
-      className: "".concat(classPrefix2, "-icon"),
-      style: imgStyle
-    }) : icon, typeof title === "string" && title ? /* @__PURE__ */ React.createElement("div", {
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "".concat(classPrefix2, "-icon")
+    }, icon || defaultStatus2[status]), typeof title === "string" && title ? /* @__PURE__ */ React.createElement("div", {
       className: "".concat(classPrefix2, "-title")
     }, title) : title, typeof description === "string" && description ? /* @__PURE__ */ React.createElement("div", {
       className: "".concat(classPrefix2, "-description")
@@ -20539,7 +20591,9 @@ Please add \`${key}Action\` when creating your handler.`);
       return /* @__PURE__ */ React.createElement("div", {
         className: "".concat(classPrefix2, "-action"),
         key: index
-      }, /* @__PURE__ */ React.createElement(Button, rest, action === null || action === void 0 ? void 0 : action.text));
+      }, /* @__PURE__ */ React.createElement(Button, _object_spread_props(_object_spread({}, rest), {
+        size: "large"
+      }), action === null || action === void 0 ? void 0 : action.text));
     })) : null, children);
   };
   ResultPage.displayName = "NutResultPage";
@@ -22442,8 +22496,8 @@ Please add \`${key}Action\` when creating your handler.`);
           var icon = this.props.icon;
           if (typeof icon === "string") {
             var iconNode = {
-              success: /* @__PURE__ */ React__namespace.createElement(p$1, null),
-              fail: /* @__PURE__ */ React__namespace.createElement(p$4, null),
+              success: /* @__PURE__ */ React__namespace.createElement(p$2, null),
+              fail: /* @__PURE__ */ React__namespace.createElement(p$5, null),
               warn: /* @__PURE__ */ React__namespace.createElement(c, null),
               loading: /* @__PURE__ */ React__namespace.createElement(n$4, {
                 className: "nut-icon-loading"
@@ -25896,7 +25950,7 @@ Please add \`${key}Action\` when creating your handler.`);
     return /* @__PURE__ */ React.createElement("div", _object_spread({
       className: "".concat(classPrefix2, " ").concat(className),
       style
-    }, rest), !left && renderContent(!left), Number(value) !== 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, rateTrend.current ? /* @__PURE__ */ React.createElement(React.Fragment, null, riseIcon || /* @__PURE__ */ React.createElement(p, {
+    }, rest), !left && renderContent(!left), Number(value) !== 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, rateTrend.current ? /* @__PURE__ */ React.createElement(React.Fragment, null, riseIcon || /* @__PURE__ */ React.createElement(p$1, {
       color: calcIconProps.color
     })) : /* @__PURE__ */ React.createElement(React.Fragment, null, dropIcon || /* @__PURE__ */ React.createElement(s, {
       color: calcIconProps.color