@nutui/nutui-react 2.0.7 → 2.0.8

package/dist/esm/types/src/packages/nutui.react.taro.d.ts

@@ -10,6 +10,7 @@ import Grid from '@/packages/grid/index.taro';
 import GridItem from '@/packages/griditem/index.taro';
 import Layout from '@/packages/layout/index.taro';
 import Row from '@/packages/row/index.taro';
+import Space from '@/packages/space/index.taro';
 import Sticky from '@/packages/sticky/index.taro';
 import BackTop from '@/packages/backtop/index.taro';
 import Elevator from '@/packages/elevator/index.taro';
@@ -102,6 +103,7 @@ import '@/packages/grid/grid.scss';
 import '@/packages/griditem/griditem.scss';
 import '@/packages/layout/layout.scss';
 import '@/packages/row/row.scss';
+import '@/packages/space/space.scss';
 import '@/packages/sticky/sticky.scss';
 import '@/packages/backtop/backtop.scss';
 import '@/packages/elevator/elevator.scss';
@@ -182,4 +184,4 @@ import '@/packages/timedetail/timedetail.scss';
 import '@/packages/timeselect/timeselect.scss';
 import '@/packages/trendarrow/trendarrow.scss';
 import '@/packages/watermark/watermark.scss';
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

package/dist/esm/types/src/packages/nutui.react.taro.scss.d.ts

@@ -10,6 +10,7 @@ import '@/packages/grid/grid.scss';
 import '@/packages/griditem/griditem.scss';
 import '@/packages/layout/layout.scss';
 import '@/packages/row/row.scss';
+import '@/packages/space/space.scss';
 import '@/packages/sticky/sticky.scss';
 import '@/packages/backtop/backtop.scss';
 import '@/packages/elevator/elevator.scss';

package/dist/esm/types/src/packages/nutui.taro.react.build.d.ts

@@ -10,6 +10,7 @@ import Grid from '@/packages/grid/index.taro';
 import GridItem from '@/packages/griditem/index.taro';
 import Layout from '@/packages/layout/index.taro';
 import Row from '@/packages/row/index.taro';
+import Space from '@/packages/space/index.taro';
 import Sticky from '@/packages/sticky/index.taro';
 import BackTop from '@/packages/backtop/index.taro';
 import Elevator from '@/packages/elevator/index.taro';
@@ -90,4 +91,4 @@ import TimeDetail from '@/packages/timedetail/index.taro';
 import TimeSelect from '@/packages/timeselect/index.taro';
 import TrendArrow from '@/packages/trendarrow/index.taro';
 import WaterMark from '@/packages/watermark/index.taro';
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

package/dist/esm/types/src/packages/space/__test__/space.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/types/src/packages/space/demo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SpaceDemo: () => JSX.Element;
+export default SpaceDemo;

package/dist/esm/types/src/packages/space/demo.taro.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SpaceDemo: () => JSX.Element;
+export default SpaceDemo;

package/dist/esm/types/src/packages/space/index.d.ts

@@ -0,0 +1,2 @@
+import { Space } from './space';
+export default Space;

package/dist/esm/types/src/packages/space/index.taro.d.ts

@@ -0,0 +1,2 @@
+import { Space } from './space.taro';
+export default Space;

package/dist/esm/types/src/packages/space/space.d.ts

@@ -0,0 +1,9 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export interface SpaceProps extends BasicComponent {
+    direction: 'horizontal' | 'vertical';
+    align: 'start' | 'end' | 'center' | 'baseline';
+    justify: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'stretch';
+    wrap: boolean;
+}
+export declare const Space: FunctionComponent<Partial<SpaceProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/types/src/packages/space/space.taro.d.ts

@@ -0,0 +1,9 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export interface SpaceProps extends BasicComponent {
+    direction: 'horizontal' | 'vertical';
+    align: 'start' | 'end' | 'center' | 'baseline';
+    justify: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'stretch';
+    wrap: boolean;
+}
+export declare const Space: FunctionComponent<Partial<SpaceProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.7 Wed Jul 26 2023 13:55:26 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.8 Fri Jul 28 2023 14:57:43 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.7 Wed Jul 26 2023 13:55:26 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.8 Fri Jul 28 2023 14:57:43 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.7 Wed Jul 26 2023 13:55:26 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.8 Fri Jul 28 2023 14:57:43 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.7 Wed Jul 26 2023 13:55:26 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.8 Fri Jul 28 2023 14:57:43 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.7 Wed Jul 26 2023 13:55:26 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.8 Fri Jul 28 2023 14:57:43 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.7 Wed Jul 26 2023 13:55:26 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.8 Fri Jul 28 2023 14:57:43 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.7 Wed Jul 26 2023 13:55:26 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.8 Fri Jul 28 2023 14:57:43 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 var _a;
 /*!
-* @nutui/nutui-react v2.0.7 Wed Jul 26 2023 13:54:35 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.8 Fri Jul 28 2023 14:56:52 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -2390,8 +2390,8 @@ const ComponentDefaults = {
   className: "",
   style: {}
 };
-const prefixCls = "nut-button";
-const defaultProps$1p = {
+const prefixCls$1 = "nut-button";
+const defaultProps$1q = {
   ...ComponentDefaults,
   color: "",
   type: "default",
@@ -2425,7 +2425,7 @@ const Button = React__default.forwardRef(
       nativeType,
       ...rest
     } = {
-      ...defaultProps$1p,
+      ...defaultProps$1q,
       ...props
     };
     const getStyle = useCallback(() => {
@@ -2456,16 +2456,16 @@ const Button = React__default.forwardRef(
         ref,
         type: nativeType,
         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 },
@@ -2476,7 +2476,7 @@ const Button = React__default.forwardRef(
   }
 );
 Button.displayName = "NutButton";
-const defaultProps$1o = {
+const defaultProps$1p = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -2485,7 +2485,7 @@ const defaultProps$1o = {
 const classPrefix$o = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, style, title, description, divider, ...rest } = {
-    ...defaultProps$1o,
+    ...defaultProps$1p,
     ...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(
@@ -2496,9 +2496,9 @@ const CellGroup = (props) => {
     children
   ));
 };
-CellGroup.defaultProps = defaultProps$1o;
+CellGroup.defaultProps = defaultProps$1p;
 CellGroup.displayName = "NutCellGroup";
-const defaultProps$1n = {
+const defaultProps$1o = {
   ...ComponentDefaults,
   title: null,
   description: null,
@@ -2522,7 +2522,7 @@ const Cell = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$1n,
+    ...defaultProps$1o,
     ...props
   };
   const handleClick2 = (event) => {
@@ -2554,7 +2554,7 @@ const Cell = (props) => {
     ) : null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$n}__divider` }))
   );
 };
-Cell.defaultProps = defaultProps$1n;
+Cell.defaultProps = defaultProps$1o;
 Cell.displayName = "NutCell";
 Cell.Group = CellGroup;
 var INFINITY = 1 / 0;
@@ -3690,7 +3690,7 @@ ConfigProvider.displayName = "NutConfigProvider";
 const pxCheck = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const defaultProps$1m = {
+const defaultProps$1n = {
   ...ComponentDefaults,
   fit: "fill",
   position: "center",
@@ -3719,7 +3719,7 @@ const Image$1 = (props) => {
     onClick,
     onLoad,
     onError
-  } = { ...defaultProps$1m, ...props };
+  } = { ...defaultProps$1n, ...props };
   const [innerLoading, setInnerLoading] = useState(true);
   const [isError, setIsError] = useState(false);
   const imgRef = useRef(null);
@@ -3846,7 +3846,7 @@ const Image$1 = (props) => {
     renderErrorImg()
   );
 };
-Image$1.defaultProps = defaultProps$1m;
+Image$1.defaultProps = defaultProps$1n;
 Image$1.displayName = "NutImage";
 function _extends$4() {
   _extends$4 = Object.assign ? Object.assign.bind() : function(target) {
@@ -5671,7 +5671,7 @@ const Overlay = (props) => {
 Overlay.defaultProps = defaultOverlayProps;
 Overlay.displayName = "NutOverlay";
 const DataContext$2 = createContext({});
-const defaultProps$1l = {
+const defaultProps$1m = {
   ...ComponentDefaults,
   span: "24",
   offset: "0",
@@ -5679,7 +5679,7 @@ const defaultProps$1l = {
 };
 const Col = (props) => {
   const { className, style, span, offset, children, onClick } = {
-    ...defaultProps$1l,
+    ...defaultProps$1m,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -5711,9 +5711,9 @@ const Col = (props) => {
     children
   );
 };
-Col.defaultProps = defaultProps$1l;
+Col.defaultProps = defaultProps$1m;
 Col.displayName = "NutCol";
-const defaultProps$1k = {
+const defaultProps$1l = {
   ...ComponentDefaults,
   contentPosition: "center",
   direction: "horizontal"
@@ -5721,7 +5721,7 @@ const defaultProps$1k = {
 const classPrefix$k = `nut-divider`;
 const Divider = (props) => {
   const { children, contentPosition, style, className, direction, ...rest } = {
-    ...defaultProps$1k,
+    ...defaultProps$1l,
     ...props
   };
   const classes = direction === "horizontal" ? classNames({
@@ -5736,14 +5736,14 @@ const Divider = (props) => {
   });
   return /* @__PURE__ */ React__default.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
 };
-Divider.defaultProps = defaultProps$1k;
+Divider.defaultProps = defaultProps$1l;
 Divider.displayName = "NutDivider";
 const gridContext = {
   onClick: (item, index) => {
   }
 };
 const GridContext = React__default.createContext(gridContext);
-const defaultProps$1j = {
+const defaultProps$1k = {
   text: "",
   columns: 4,
   gap: 0,
@@ -5769,7 +5769,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1j,
+    ...defaultProps$1k,
     ...props
   };
   const classPrefix2 = "nut-grid-item";
@@ -5827,9 +5827,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$1j;
+GridItem.defaultProps = defaultProps$1k;
 GridItem.displayName = "NutGridItem";
-const defaultProps$1i = {
+const defaultProps$1j = {
   columns: 4,
   gap: 0,
   center: true,
@@ -5850,7 +5850,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1i, ...props };
+  } = { ...defaultProps$1j, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix2 = "nut-grid";
   const rootClass = () => {
@@ -5880,18 +5880,18 @@ const Grid = (props) => {
     });
   })));
 };
-Grid.defaultProps = defaultProps$1i;
+Grid.defaultProps = defaultProps$1j;
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
-const defaultProps$1h = {};
+const defaultProps$1i = {};
 const Layout = (props) => {
-  ({ ...defaultProps$1h, ...props });
+  ({ ...defaultProps$1i, ...props });
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
-Layout.defaultProps = defaultProps$1h;
+Layout.defaultProps = defaultProps$1i;
 Layout.displayName = "NutLayout";
 const classPrefix$j = "nut-row";
-const defaultProps$1g = {
+const defaultProps$1h = {
   ...ComponentDefaults,
   type: "",
   justify: "start",
@@ -5911,7 +5911,7 @@ const Row = (props) => {
     gutter,
     onClick
   } = {
-    ...defaultProps$1g,
+    ...defaultProps$1h,
     ...props
   };
   const getClass = (prefix2, type22) => {
@@ -5943,8 +5943,31 @@ const Row = (props) => {
     children
   ));
 };
-Row.defaultProps = defaultProps$1g;
+Row.defaultProps = defaultProps$1h;
 Row.displayName = "NutRow";
+const prefixCls = "nut-space";
+const defaultProps$1g = {
+  direction: "horizontal"
+};
+const Space = (props) => {
+  const { className, style, children, wrap, align, direction, justify } = {
+    ...defaultProps$1g,
+    ...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$1g;
+Space.displayName = "NutSpace";
 const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
 const defaultRoot = canUseDom ? window : void 0;
 const overflowStylePatterns = ["scroll", "auto", "overlay"];
@@ -24924,6 +24947,7 @@ export {
   SideNavBarItem,
   Signature,
   Skeleton,
+  Space,
   Step,
   Steps,
   Sticky,