@nutui/nutui-react-taro 2.0.7 → 2.0.8

package/dist/nutui.react.es.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.7 Wed Jul 26 2023 14:03:27 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.8 Fri Jul 28 2023 14:55:00 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -1861,8 +1861,8 @@ const ComponentDefaults = {
   className: "",
   style: {}
 };
-const prefixCls = "nut-button";
-const defaultProps$1r = {
+const prefixCls$1 = "nut-button";
+const defaultProps$1s = {
   ...ComponentDefaults,
   color: "",
   type: "default",
@@ -1894,7 +1894,7 @@ const Button = React__default.forwardRef(
       style,
       ...rest
     } = {
-      ...defaultProps$1r,
+      ...defaultProps$1s,
       ...props
     };
     const getStyle = useCallback(() => {
@@ -1931,16 +1931,16 @@ const Button = React__default.forwardRef(
           ...rest,
           ref,
           className: classNames(
-            prefixCls,
+            prefixCls$1,
             className,
-            props.type ? `${prefixCls}--${type4}` : null,
-            props.fill ? `${prefixCls}--${fill}` : null,
+            props.type ? `${prefixCls$1}--${type4}` : null,
+            props.fill ? `${prefixCls$1}--${fill}` : null,
             {
-              [`${prefixCls}--${size}`]: size,
-              [`${prefixCls}--${shape}`]: shape,
-              [`${prefixCls}--block`]: block,
-              [`${prefixCls}--disabled`]: disabled,
-              [`${prefixCls}--loading`]: loading
+              [`${prefixCls$1}--${size}`]: size,
+              [`${prefixCls$1}--${shape}`]: shape,
+              [`${prefixCls$1}--block`]: block,
+              [`${prefixCls$1}--disabled`]: disabled,
+              [`${prefixCls$1}--loading`]: loading
             }
           ),
           style: { ...getStyle(), ...style },
@@ -1952,7 +1952,7 @@ const Button = React__default.forwardRef(
   }
 );
 Button.displayName = "NutButton";
-const defaultProps$1q = {
+const defaultProps$1r = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -1961,7 +1961,7 @@ const defaultProps$1q = {
 const classPrefix$o = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, style, title, description, divider, ...rest } = {
-    ...defaultProps$1q,
+    ...defaultProps$1r,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$o, className), ...rest }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$o}__title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$o}__description` }, description) : null, /* @__PURE__ */ React__default.createElement(
@@ -1972,9 +1972,9 @@ const CellGroup = (props) => {
     children
   ));
 };
-CellGroup.defaultProps = defaultProps$1q;
+CellGroup.defaultProps = defaultProps$1r;
 CellGroup.displayName = "NutCellGroup";
-const defaultProps$1p = {
+const defaultProps$1q = {
   ...ComponentDefaults,
   title: null,
   description: null,
@@ -1998,7 +1998,7 @@ const Cell = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$1p,
+    ...defaultProps$1q,
     ...props
   };
   const handleClick = (event) => {
@@ -2030,7 +2030,7 @@ const Cell = (props) => {
     ) : null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$n}__divider` }))
   );
 };
-Cell.defaultProps = defaultProps$1p;
+Cell.defaultProps = defaultProps$1q;
 Cell.displayName = "NutCell";
 Cell.Group = CellGroup;
 var INFINITY = 1 / 0;
@@ -3163,7 +3163,7 @@ const ConfigProvider = (props) => {
   ));
 };
 ConfigProvider.displayName = "NutConfigProvider";
-const defaultProps$1o = {
+const defaultProps$1p = {
   src: "",
   error: true,
   loading: true
@@ -3182,7 +3182,7 @@ const Image$1 = (props) => {
     onLoad,
     onError,
     ...rest
-  } = { ...defaultProps$1o, ...props };
+  } = { ...defaultProps$1p, ...props };
   const [innerLoading, setInnerLoading] = useState(true);
   const [isError, setIsError] = useState(false);
   const handleLoad = (e) => {
@@ -3243,7 +3243,7 @@ const Image$1 = (props) => {
     }
   ), renderLoading(), renderErrorImg());
 };
-Image$1.defaultProps = defaultProps$1o;
+Image$1.defaultProps = defaultProps$1p;
 Image$1.displayName = "NutImage";
 function _extends$1() {
   _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
@@ -5078,7 +5078,7 @@ const Overlay = (props) => {
 Overlay.defaultProps = defaultOverlayProps;
 Overlay.displayName = "NutOverlay";
 const DataContext$1 = createContext({});
-const defaultProps$1n = {
+const defaultProps$1o = {
   ...ComponentDefaults,
   span: "24",
   offset: "0",
@@ -5086,7 +5086,7 @@ const defaultProps$1n = {
 };
 const Col = (props) => {
   const { className, style, span, offset, children, onClick } = {
-    ...defaultProps$1n,
+    ...defaultProps$1o,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -5118,9 +5118,9 @@ const Col = (props) => {
     children
   );
 };
-Col.defaultProps = defaultProps$1n;
+Col.defaultProps = defaultProps$1o;
 Col.displayName = "NutCol";
-const defaultProps$1m = {
+const defaultProps$1n = {
   ...ComponentDefaults,
   contentPosition: "center",
   direction: "horizontal"
@@ -5128,7 +5128,7 @@ const defaultProps$1m = {
 const classPrefix$l = `nut-divider`;
 const Divider = (props) => {
   const { children, contentPosition, style, className, direction, ...rest } = {
-    ...defaultProps$1m,
+    ...defaultProps$1n,
     ...props
   };
   const classes = direction === "horizontal" ? classNames({
@@ -5143,7 +5143,7 @@ const Divider = (props) => {
   });
   return /* @__PURE__ */ React__default.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
 };
-Divider.defaultProps = defaultProps$1m;
+Divider.defaultProps = defaultProps$1n;
 Divider.displayName = "NutDivider";
 const gridContext = {
   onClick: (item, index) => {
@@ -5153,7 +5153,7 @@ const GridContext = React__default.createContext(gridContext);
 const pxCheck = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const defaultProps$1l = {
+const defaultProps$1m = {
   text: "",
   columns: 4,
   gap: 0,
@@ -5179,7 +5179,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1l,
+    ...defaultProps$1m,
     ...props
   };
   const classPrefix2 = "nut-grid-item";
@@ -5237,9 +5237,9 @@ const GridItem = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: contentClass() }, children && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children), text && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__text` }, text))
   );
 };
-GridItem.defaultProps = defaultProps$1l;
+GridItem.defaultProps = defaultProps$1m;
 GridItem.displayName = "NutGridItem";
-const defaultProps$1k = {
+const defaultProps$1l = {
   columns: 4,
   gap: 0,
   center: true,
@@ -5260,7 +5260,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1k, ...props };
+  } = { ...defaultProps$1l, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix2 = "nut-grid";
   const rootClass = () => {
@@ -5290,18 +5290,18 @@ const Grid = (props) => {
     });
   })));
 };
-Grid.defaultProps = defaultProps$1k;
+Grid.defaultProps = defaultProps$1l;
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
-const defaultProps$1j = {};
+const defaultProps$1k = {};
 const Layout = (props) => {
-  ({ ...defaultProps$1j, ...props });
+  ({ ...defaultProps$1k, ...props });
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
-Layout.defaultProps = defaultProps$1j;
+Layout.defaultProps = defaultProps$1k;
 Layout.displayName = "NutLayout";
 const classPrefix$k = "nut-row";
-const defaultProps$1i = {
+const defaultProps$1j = {
   ...ComponentDefaults,
   type: "",
   justify: "start",
@@ -5321,7 +5321,7 @@ const Row = (props) => {
     gutter,
     onClick
   } = {
-    ...defaultProps$1i,
+    ...defaultProps$1j,
     ...props
   };
   const getClass = (prefix, type22) => {
@@ -5353,8 +5353,31 @@ const Row = (props) => {
     children
   ));
 };
-Row.defaultProps = defaultProps$1i;
+Row.defaultProps = defaultProps$1j;
 Row.displayName = "NutRow";
+const prefixCls = "nut-space";
+const defaultProps$1i = {
+  direction: "horizontal"
+};
+const Space = (props) => {
+  const { className, style, children, wrap, align, direction, justify } = {
+    ...defaultProps$1i,
+    ...props
+  };
+  const cls = classNames(
+    className,
+    prefixCls,
+    wrap && `${prefixCls}-wrap`,
+    direction && `${prefixCls}-${direction}`,
+    align && `${prefixCls}-align-${align}`,
+    justify && `${prefixCls}-justify-${justify}`
+  );
+  return /* @__PURE__ */ React__default.createElement("div", { className: cls, style }, React__default.Children.map(children, (child) => {
+    return child !== null && child !== void 0 && /* @__PURE__ */ React__default.createElement("div", { className: `${prefixCls}-item` }, child);
+  }));
+};
+Space.defaultProps = defaultProps$1i;
+Space.displayName = "NutSpace";
 function useWatch(dep, callback, config2 = { immediate: false }) {
   const { immediate } = config2;
   const prev = useRef();
@@ -6662,7 +6685,6 @@ const Tabs = (props) => {
     animate();
   };
   const scrollIntoView = () => {
-    console.log(name, props);
     if (!name)
       return;
     requestAniFrame$1(() => {
@@ -18861,6 +18883,7 @@ export {
   SideNavBarItem,
   Signature,
   Skeleton,
+  Space,
   Step,
   Steps,
   Sticky,

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.7 Wed Jul 26 2023 14:03:27 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.8 Fri Jul 28 2023 14:55:00 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -1877,8 +1877,8 @@ var __publicField = (obj, key, value) => {
     className: "",
     style: {}
   };
-  const prefixCls = "nut-button";
-  const defaultProps$1r = {
+  const prefixCls$1 = "nut-button";
+  const defaultProps$1s = {
     ...ComponentDefaults,
     color: "",
     type: "default",
@@ -1910,7 +1910,7 @@ var __publicField = (obj, key, value) => {
         style,
         ...rest
       } = {
-        ...defaultProps$1r,
+        ...defaultProps$1s,
         ...props
       };
       const getStyle = React.useCallback(() => {
@@ -1947,16 +1947,16 @@ var __publicField = (obj, key, value) => {
             ...rest,
             ref,
             className: classNames(
-              prefixCls,
+              prefixCls$1,
               className,
-              props.type ? `${prefixCls}--${type2}` : null,
-              props.fill ? `${prefixCls}--${fill}` : null,
+              props.type ? `${prefixCls$1}--${type2}` : null,
+              props.fill ? `${prefixCls$1}--${fill}` : null,
               {
-                [`${prefixCls}--${size}`]: size,
-                [`${prefixCls}--${shape}`]: shape,
-                [`${prefixCls}--block`]: block,
-                [`${prefixCls}--disabled`]: disabled,
-                [`${prefixCls}--loading`]: loading
+                [`${prefixCls$1}--${size}`]: size,
+                [`${prefixCls$1}--${shape}`]: shape,
+                [`${prefixCls$1}--block`]: block,
+                [`${prefixCls$1}--disabled`]: disabled,
+                [`${prefixCls$1}--loading`]: loading
               }
             ),
             style: { ...getStyle(), ...style },
@@ -1968,7 +1968,7 @@ var __publicField = (obj, key, value) => {
     }
   );
   Button.displayName = "NutButton";
-  const defaultProps$1q = {
+  const defaultProps$1r = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -1977,7 +1977,7 @@ var __publicField = (obj, key, value) => {
   const classPrefix$o = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, style, title, description, divider, ...rest } = {
-      ...defaultProps$1q,
+      ...defaultProps$1r,
       ...props
     };
     return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$o, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$o}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$o}__description` }, description) : null, /* @__PURE__ */ React.createElement(
@@ -1988,9 +1988,9 @@ var __publicField = (obj, key, value) => {
       children
     ));
   };
-  CellGroup.defaultProps = defaultProps$1q;
+  CellGroup.defaultProps = defaultProps$1r;
   CellGroup.displayName = "NutCellGroup";
-  const defaultProps$1p = {
+  const defaultProps$1q = {
     ...ComponentDefaults,
     title: null,
     description: null,
@@ -2014,7 +2014,7 @@ var __publicField = (obj, key, value) => {
       style,
       ...rest
     } = {
-      ...defaultProps$1p,
+      ...defaultProps$1q,
       ...props
     };
     const handleClick = (event) => {
@@ -2046,7 +2046,7 @@ var __publicField = (obj, key, value) => {
       ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__divider` }))
     );
   };
-  Cell.defaultProps = defaultProps$1p;
+  Cell.defaultProps = defaultProps$1q;
   Cell.displayName = "NutCell";
   Cell.Group = CellGroup;
   var INFINITY = 1 / 0;
@@ -3179,7 +3179,7 @@ var __publicField = (obj, key, value) => {
     ));
   };
   ConfigProvider.displayName = "NutConfigProvider";
-  const defaultProps$1o = {
+  const defaultProps$1p = {
     src: "",
     error: true,
     loading: true
@@ -3198,7 +3198,7 @@ var __publicField = (obj, key, value) => {
       onLoad,
       onError,
       ...rest
-    } = { ...defaultProps$1o, ...props };
+    } = { ...defaultProps$1p, ...props };
     const [innerLoading, setInnerLoading] = React.useState(true);
     const [isError, setIsError] = React.useState(false);
     const handleLoad = (e) => {
@@ -3259,7 +3259,7 @@ var __publicField = (obj, key, value) => {
       }
     ), renderLoading(), renderErrorImg());
   };
-  Image$1.defaultProps = defaultProps$1o;
+  Image$1.defaultProps = defaultProps$1p;
   Image$1.displayName = "NutImage";
   function _extends$1() {
     _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
@@ -5094,7 +5094,7 @@ var __publicField = (obj, key, value) => {
   Overlay.defaultProps = defaultOverlayProps;
   Overlay.displayName = "NutOverlay";
   const DataContext$1 = React.createContext({});
-  const defaultProps$1n = {
+  const defaultProps$1o = {
     ...ComponentDefaults,
     span: "24",
     offset: "0",
@@ -5102,7 +5102,7 @@ var __publicField = (obj, key, value) => {
   };
   const Col = (props) => {
     const { className, style, span, offset, children, onClick } = {
-      ...defaultProps$1n,
+      ...defaultProps$1o,
       ...props
     };
     const [colName, setColName] = React.useState("");
@@ -5134,9 +5134,9 @@ var __publicField = (obj, key, value) => {
       children
     );
   };
-  Col.defaultProps = defaultProps$1n;
+  Col.defaultProps = defaultProps$1o;
   Col.displayName = "NutCol";
-  const defaultProps$1m = {
+  const defaultProps$1n = {
     ...ComponentDefaults,
     contentPosition: "center",
     direction: "horizontal"
@@ -5144,7 +5144,7 @@ var __publicField = (obj, key, value) => {
   const classPrefix$l = `nut-divider`;
   const Divider = (props) => {
     const { children, contentPosition, style, className, direction, ...rest } = {
-      ...defaultProps$1m,
+      ...defaultProps$1n,
       ...props
     };
     const classes = direction === "horizontal" ? classNames({
@@ -5159,7 +5159,7 @@ var __publicField = (obj, key, value) => {
     });
     return /* @__PURE__ */ React.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
   };
-  Divider.defaultProps = defaultProps$1m;
+  Divider.defaultProps = defaultProps$1n;
   Divider.displayName = "NutDivider";
   const gridContext = {
     onClick: (item, index) => {
@@ -5169,7 +5169,7 @@ var __publicField = (obj, key, value) => {
   const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const defaultProps$1l = {
+  const defaultProps$1m = {
     text: "",
     columns: 4,
     gap: 0,
@@ -5195,7 +5195,7 @@ var __publicField = (obj, key, value) => {
       onClick,
       ...rest
     } = {
-      ...defaultProps$1l,
+      ...defaultProps$1m,
       ...props
     };
     const classPrefix2 = "nut-grid-item";
@@ -5253,9 +5253,9 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement("div", { className: contentClass() }, children && /* @__PURE__ */ React.createElement(React.Fragment, null, children), text && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__text` }, text))
     );
   };
-  GridItem.defaultProps = defaultProps$1l;
+  GridItem.defaultProps = defaultProps$1m;
   GridItem.displayName = "NutGridItem";
-  const defaultProps$1k = {
+  const defaultProps$1l = {
     columns: 4,
     gap: 0,
     center: true,
@@ -5276,7 +5276,7 @@ var __publicField = (obj, key, value) => {
       className,
       onClick,
       ...rest
-    } = { ...defaultProps$1k, ...props };
+    } = { ...defaultProps$1l, ...props };
     const childrenDom = React.Children.toArray(children);
     const classPrefix2 = "nut-grid";
     const rootClass = () => {
@@ -5306,18 +5306,18 @@ var __publicField = (obj, key, value) => {
       });
     })));
   };
-  Grid.defaultProps = defaultProps$1k;
+  Grid.defaultProps = defaultProps$1l;
   Grid.displayName = "NutGrid";
   Grid.Item = GridItem;
-  const defaultProps$1j = {};
+  const defaultProps$1k = {};
   const Layout = (props) => {
-    ({ ...defaultProps$1j, ...props });
+    ({ ...defaultProps$1k, ...props });
     return /* @__PURE__ */ React.createElement("div", { className: "nut-layout" }, "Layout");
   };
-  Layout.defaultProps = defaultProps$1j;
+  Layout.defaultProps = defaultProps$1k;
   Layout.displayName = "NutLayout";
   const classPrefix$k = "nut-row";
-  const defaultProps$1i = {
+  const defaultProps$1j = {
     ...ComponentDefaults,
     type: "",
     justify: "start",
@@ -5337,7 +5337,7 @@ var __publicField = (obj, key, value) => {
       gutter,
       onClick
     } = {
-      ...defaultProps$1i,
+      ...defaultProps$1j,
       ...props
     };
     const getClass = (prefix, type22) => {
@@ -5369,8 +5369,31 @@ var __publicField = (obj, key, value) => {
       children
     ));
   };
-  Row.defaultProps = defaultProps$1i;
+  Row.defaultProps = defaultProps$1j;
   Row.displayName = "NutRow";
+  const prefixCls = "nut-space";
+  const defaultProps$1i = {
+    direction: "horizontal"
+  };
+  const Space = (props) => {
+    const { className, style, children, wrap, align, direction, justify } = {
+      ...defaultProps$1i,
+      ...props
+    };
+    const cls = classNames(
+      className,
+      prefixCls,
+      wrap && `${prefixCls}-wrap`,
+      direction && `${prefixCls}-${direction}`,
+      align && `${prefixCls}-align-${align}`,
+      justify && `${prefixCls}-justify-${justify}`
+    );
+    return /* @__PURE__ */ React.createElement("div", { className: cls, style }, React.Children.map(children, (child) => {
+      return child !== null && child !== void 0 && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-item` }, child);
+    }));
+  };
+  Space.defaultProps = defaultProps$1i;
+  Space.displayName = "NutSpace";
   function useWatch(dep, callback, config2 = { immediate: false }) {
     const { immediate } = config2;
     const prev = React.useRef();
@@ -6678,7 +6701,6 @@ var __publicField = (obj, key, value) => {
       animate();
     };
     const scrollIntoView = () => {
-      console.log(name, props);
       if (!name)
         return;
       requestAniFrame$1(() => {
@@ -18876,6 +18898,7 @@ var __publicField = (obj, key, value) => {
   exports2.SideNavBarItem = SideNavBarItem;
   exports2.Signature = Signature;
   exports2.Skeleton = Skeleton;
+  exports2.Space = Space;
   exports2.Step = Step;
   exports2.Steps = Steps;
   exports2.Sticky = Sticky;

package/dist/packages/space/space.scss

@@ -0,0 +1,73 @@
+.nut-space {
+  display: flex;
+
+  &-item {
+    flex: none;
+  }
+
+  &-vertical {
+    flex-direction: column;
+    > .nut-space-item {
+      margin-bottom: $space-gap;
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  &-horizontal {
+    flex-direction: row;
+    > .nut-space-item {
+      margin-right: $space-gap;
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+    &.nut-space-wrap {
+      flex-wrap: wrap;
+      margin-bottom: calc(#{$space-gap} * -1);
+      > .nut-space-item {
+        padding-bottom: $space-gap;
+      }
+    }
+  }
+
+  &-align {
+    &-center {
+      align-items: center;
+    }
+    &-start {
+      align-items: flex-start;
+    }
+    &-end {
+      align-items: flex-end;
+    }
+    &-baseline {
+      align-items: baseline;
+    }
+  }
+
+  &-justify {
+    &-center {
+      justify-content: center;
+    }
+    &-start {
+      justify-content: flex-start;
+    }
+    &-end {
+      justify-content: flex-end;
+    }
+    &-between {
+      justify-content: space-between;
+    }
+    &-around {
+      justify-content: space-around;
+    }
+    &-evenly {
+      justify-content: space-evenly;
+    }
+    &-stretch {
+      justify-content: stretch;
+    }
+  }
+}