@nutui/nutui-react 2.0.6 → 2.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/esm/Audio.js +1 -1
  3. package/dist/esm/Button.js +15 -18
  4. package/dist/esm/Range.js +5 -13
  5. package/dist/esm/Space/style/css.js +1 -0
  6. package/dist/esm/Space/style/index.js +2 -0
  7. package/dist/esm/Space/style/style.css +1 -0
  8. package/dist/esm/Space.js +45 -0
  9. package/dist/esm/Uploader.js +3 -0
  10. package/dist/esm/nutui-react.es.js +162 -160
  11. package/dist/esm/types/src/packages/audio/audio.d.ts +5 -4
  12. package/dist/esm/types/src/packages/avatar/avatar.d.ts +2 -1
  13. package/dist/esm/types/src/packages/avatar/avatar.taro.d.ts +2 -1
  14. package/dist/esm/types/src/packages/backtop/backtop.d.ts +2 -1
  15. package/dist/esm/types/src/packages/backtop/backtop.taro.d.ts +2 -1
  16. package/dist/esm/types/src/packages/button/button.d.ts +2 -1
  17. package/dist/esm/types/src/packages/button/button.taro.d.ts +2 -1
  18. package/dist/esm/types/src/packages/col/col.d.ts +2 -1
  19. package/dist/esm/types/src/packages/col/col.taro.d.ts +2 -1
  20. package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
  21. package/dist/esm/types/src/packages/dialog/config.d.ts +2 -1
  22. package/dist/esm/types/src/packages/formitem/types.d.ts +2 -1
  23. package/dist/esm/types/src/packages/nutui.react.build.d.ts +2 -1
  24. package/dist/esm/types/src/packages/nutui.react.d.ts +3 -1
  25. package/dist/esm/types/src/packages/nutui.react.scss.d.ts +1 -0
  26. package/dist/esm/types/src/packages/nutui.react.taro.d.ts +3 -1
  27. package/dist/esm/types/src/packages/nutui.react.taro.scss.d.ts +1 -0
  28. package/dist/esm/types/src/packages/nutui.taro.react.build.d.ts +2 -1
  29. package/dist/esm/types/src/packages/row/row.d.ts +2 -1
  30. package/dist/esm/types/src/packages/row/row.taro.d.ts +2 -1
  31. package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +6 -5
  32. package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +6 -5
  33. package/dist/esm/types/src/packages/space/__test__/space.spec.d.ts +1 -0
  34. package/dist/esm/types/src/packages/space/demo.d.ts +3 -0
  35. package/dist/esm/types/src/packages/space/demo.taro.d.ts +3 -0
  36. package/dist/esm/types/src/packages/space/index.d.ts +2 -0
  37. package/dist/esm/types/src/packages/space/index.taro.d.ts +2 -0
  38. package/dist/esm/types/src/packages/space/space.d.ts +9 -0
  39. package/dist/esm/types/src/packages/space/space.taro.d.ts +9 -0
  40. package/dist/esm/types/src/packages/swipe/swipe.d.ts +5 -4
  41. package/dist/esm/types/src/packages/swipe/swipe.taro.d.ts +5 -4
  42. package/dist/esm/types/src/packages/tag/tag.d.ts +2 -1
  43. package/dist/esm/types/src/packages/tag/tag.taro.d.ts +2 -1
  44. package/dist/esm/types/src/packages/textarea/textarea.d.ts +3 -2
  45. package/dist/esm/types/src/packages/uploader/uploader.d.ts +1 -0
  46. package/dist/esm/types/src/utils/use-touch.d.ts +2 -2
  47. package/dist/locales/base.js +1 -1
  48. package/dist/locales/en-US.js +1 -1
  49. package/dist/locales/id-ID.js +1 -1
  50. package/dist/locales/tr-TR.js +1 -1
  51. package/dist/locales/zh-CN.js +1 -1
  52. package/dist/locales/zh-TW.js +1 -1
  53. package/dist/locales/zh-UG.js +1 -1
  54. package/dist/nutui.react.es.js +87 -63
  55. package/dist/nutui.react.umd.js +87 -63
  56. package/dist/packages/space/space.scss +73 -0
  57. package/dist/style.css +1 -1
  58. package/dist/style.mjs +1 -1
  59. package/dist/styles/themes/default.scss +1 -0
  60. package/dist/styles/variables.scss +3 -0
  61. package/dist/types/index.d.ts +3 -1
  62. package/dist/types/packages/audio/audio.d.ts +5 -4
  63. package/dist/types/packages/avatar/avatar.d.ts +2 -1
  64. package/dist/types/packages/backtop/backtop.d.ts +2 -1
  65. package/dist/types/packages/button/button.d.ts +3 -2
  66. package/dist/types/packages/col/col.d.ts +2 -1
  67. package/dist/types/packages/configprovider/types.d.ts +1 -1
  68. package/dist/types/packages/dialog/config.d.ts +2 -1
  69. package/dist/types/packages/formitem/types.d.ts +2 -1
  70. package/dist/types/packages/row/row.d.ts +2 -1
  71. package/dist/types/packages/searchbar/searchbar.d.ts +6 -5
  72. package/dist/types/packages/space/index.d.ts +2 -0
  73. package/dist/types/packages/space/space.d.ts +9 -0
  74. package/dist/types/packages/swipe/swipe.d.ts +5 -4
  75. package/dist/types/packages/tag/tag.d.ts +2 -1
  76. package/dist/types/packages/textarea/textarea.d.ts +3 -2
  77. package/dist/types/packages/uploader/uploader.d.ts +1 -0
  78. package/dist/types/utils/use-touch.d.ts +2 -2
  79. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v2.0.6 Fri Jul 21 2023 17:16:22 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.0.8 Fri Jul 28 2023 14:57:43 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
6
6
  };
7
7
  var _a;
8
8
  /*!
9
- * @nutui/nutui-react v2.0.6 Fri Jul 21 2023 17:15:29 GMT+0800 (China Standard Time)
9
+ * @nutui/nutui-react v2.0.8 Fri Jul 28 2023 14:56:52 GMT+0800 (China Standard Time)
10
10
  * (c) 2023 @jdf2e.
11
11
  * Released under the MIT License.
12
12
  */
@@ -2390,8 +2390,8 @@ const ComponentDefaults = {
2390
2390
  className: "",
2391
2391
  style: {}
2392
2392
  };
2393
- const prefixCls = "nut-button";
2394
- const defaultProps$1p = {
2393
+ const prefixCls$1 = "nut-button";
2394
+ const defaultProps$1q = {
2395
2395
  ...ComponentDefaults,
2396
2396
  color: "",
2397
2397
  type: "default",
@@ -2425,7 +2425,7 @@ const Button = React__default.forwardRef(
2425
2425
  nativeType,
2426
2426
  ...rest
2427
2427
  } = {
2428
- ...defaultProps$1p,
2428
+ ...defaultProps$1q,
2429
2429
  ...props
2430
2430
  };
2431
2431
  const getStyle = useCallback(() => {
@@ -2449,37 +2449,34 @@ const Button = React__default.forwardRef(
2449
2449
  onClick(e);
2450
2450
  }
2451
2451
  };
2452
- return (
2453
- // eslint-disable-next-line react/button-has-type
2454
- /* @__PURE__ */ React__default.createElement(
2455
- "button",
2456
- {
2457
- ...rest,
2458
- ref,
2459
- type: nativeType,
2460
- className: classNames(
2461
- prefixCls,
2462
- className,
2463
- props.type ? `${prefixCls}--${type4}` : null,
2464
- props.fill ? `${prefixCls}--${fill}` : null,
2465
- {
2466
- [`${prefixCls}--${size}`]: size,
2467
- [`${prefixCls}--${shape}`]: shape,
2468
- [`${prefixCls}--block`]: block,
2469
- [`${prefixCls}--disabled`]: disabled,
2470
- [`${prefixCls}--loading`]: loading
2471
- }
2472
- ),
2473
- style: { ...getStyle(), ...style },
2474
- onClick: (e) => handleClick2(e)
2475
- },
2476
- /* @__PURE__ */ React__default.createElement("div", { className: "nut-button__warp" }, loading ? /* @__PURE__ */ React__default.createElement(k$3, { className: "nut-icon-loading" }) : null, !loading && icon ? icon : null, children && /* @__PURE__ */ React__default.createElement("div", { className: icon || loading ? "nut-button-text" : "" }, children))
2477
- )
2452
+ return /* @__PURE__ */ React__default.createElement(
2453
+ "button",
2454
+ {
2455
+ ...rest,
2456
+ ref,
2457
+ type: nativeType,
2458
+ className: classNames(
2459
+ prefixCls$1,
2460
+ className,
2461
+ props.type ? `${prefixCls$1}--${type4}` : null,
2462
+ props.fill ? `${prefixCls$1}--${fill}` : null,
2463
+ {
2464
+ [`${prefixCls$1}--${size}`]: size,
2465
+ [`${prefixCls$1}--${shape}`]: shape,
2466
+ [`${prefixCls$1}--block`]: block,
2467
+ [`${prefixCls$1}--disabled`]: disabled,
2468
+ [`${prefixCls$1}--loading`]: loading
2469
+ }
2470
+ ),
2471
+ style: { ...getStyle(), ...style },
2472
+ onClick: (e) => handleClick2(e)
2473
+ },
2474
+ /* @__PURE__ */ React__default.createElement("div", { className: "nut-button__warp" }, loading ? /* @__PURE__ */ React__default.createElement(k$3, { className: "nut-icon-loading" }) : null, !loading && icon ? icon : null, children && /* @__PURE__ */ React__default.createElement("div", { className: icon || loading ? "nut-button-text" : "" }, children))
2478
2475
  );
2479
2476
  }
2480
2477
  );
2481
2478
  Button.displayName = "NutButton";
2482
- const defaultProps$1o = {
2479
+ const defaultProps$1p = {
2483
2480
  ...ComponentDefaults,
2484
2481
  title: "",
2485
2482
  description: "",
@@ -2488,7 +2485,7 @@ const defaultProps$1o = {
2488
2485
  const classPrefix$o = "nut-cell-group";
2489
2486
  const CellGroup = (props) => {
2490
2487
  const { children, className, style, title, description, divider, ...rest } = {
2491
- ...defaultProps$1o,
2488
+ ...defaultProps$1p,
2492
2489
  ...props
2493
2490
  };
2494
2491
  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(
@@ -2499,9 +2496,9 @@ const CellGroup = (props) => {
2499
2496
  children
2500
2497
  ));
2501
2498
  };
2502
- CellGroup.defaultProps = defaultProps$1o;
2499
+ CellGroup.defaultProps = defaultProps$1p;
2503
2500
  CellGroup.displayName = "NutCellGroup";
2504
- const defaultProps$1n = {
2501
+ const defaultProps$1o = {
2505
2502
  ...ComponentDefaults,
2506
2503
  title: null,
2507
2504
  description: null,
@@ -2525,7 +2522,7 @@ const Cell = (props) => {
2525
2522
  style,
2526
2523
  ...rest
2527
2524
  } = {
2528
- ...defaultProps$1n,
2525
+ ...defaultProps$1o,
2529
2526
  ...props
2530
2527
  };
2531
2528
  const handleClick2 = (event) => {
@@ -2557,7 +2554,7 @@ const Cell = (props) => {
2557
2554
  ) : null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$n}__divider` }))
2558
2555
  );
2559
2556
  };
2560
- Cell.defaultProps = defaultProps$1n;
2557
+ Cell.defaultProps = defaultProps$1o;
2561
2558
  Cell.displayName = "NutCell";
2562
2559
  Cell.Group = CellGroup;
2563
2560
  var INFINITY = 1 / 0;
@@ -3693,7 +3690,7 @@ ConfigProvider.displayName = "NutConfigProvider";
3693
3690
  const pxCheck = (value) => {
3694
3691
  return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
3695
3692
  };
3696
- const defaultProps$1m = {
3693
+ const defaultProps$1n = {
3697
3694
  ...ComponentDefaults,
3698
3695
  fit: "fill",
3699
3696
  position: "center",
@@ -3722,7 +3719,7 @@ const Image$1 = (props) => {
3722
3719
  onClick,
3723
3720
  onLoad,
3724
3721
  onError
3725
- } = { ...defaultProps$1m, ...props };
3722
+ } = { ...defaultProps$1n, ...props };
3726
3723
  const [innerLoading, setInnerLoading] = useState(true);
3727
3724
  const [isError, setIsError] = useState(false);
3728
3725
  const imgRef = useRef(null);
@@ -3849,7 +3846,7 @@ const Image$1 = (props) => {
3849
3846
  renderErrorImg()
3850
3847
  );
3851
3848
  };
3852
- Image$1.defaultProps = defaultProps$1m;
3849
+ Image$1.defaultProps = defaultProps$1n;
3853
3850
  Image$1.displayName = "NutImage";
3854
3851
  function _extends$4() {
3855
3852
  _extends$4 = Object.assign ? Object.assign.bind() : function(target) {
@@ -5674,7 +5671,7 @@ const Overlay = (props) => {
5674
5671
  Overlay.defaultProps = defaultOverlayProps;
5675
5672
  Overlay.displayName = "NutOverlay";
5676
5673
  const DataContext$2 = createContext({});
5677
- const defaultProps$1l = {
5674
+ const defaultProps$1m = {
5678
5675
  ...ComponentDefaults,
5679
5676
  span: "24",
5680
5677
  offset: "0",
@@ -5682,7 +5679,7 @@ const defaultProps$1l = {
5682
5679
  };
5683
5680
  const Col = (props) => {
5684
5681
  const { className, style, span, offset, children, onClick } = {
5685
- ...defaultProps$1l,
5682
+ ...defaultProps$1m,
5686
5683
  ...props
5687
5684
  };
5688
5685
  const [colName, setColName] = useState("");
@@ -5714,9 +5711,9 @@ const Col = (props) => {
5714
5711
  children
5715
5712
  );
5716
5713
  };
5717
- Col.defaultProps = defaultProps$1l;
5714
+ Col.defaultProps = defaultProps$1m;
5718
5715
  Col.displayName = "NutCol";
5719
- const defaultProps$1k = {
5716
+ const defaultProps$1l = {
5720
5717
  ...ComponentDefaults,
5721
5718
  contentPosition: "center",
5722
5719
  direction: "horizontal"
@@ -5724,7 +5721,7 @@ const defaultProps$1k = {
5724
5721
  const classPrefix$k = `nut-divider`;
5725
5722
  const Divider = (props) => {
5726
5723
  const { children, contentPosition, style, className, direction, ...rest } = {
5727
- ...defaultProps$1k,
5724
+ ...defaultProps$1l,
5728
5725
  ...props
5729
5726
  };
5730
5727
  const classes = direction === "horizontal" ? classNames({
@@ -5739,14 +5736,14 @@ const Divider = (props) => {
5739
5736
  });
5740
5737
  return /* @__PURE__ */ React__default.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
5741
5738
  };
5742
- Divider.defaultProps = defaultProps$1k;
5739
+ Divider.defaultProps = defaultProps$1l;
5743
5740
  Divider.displayName = "NutDivider";
5744
5741
  const gridContext = {
5745
5742
  onClick: (item, index) => {
5746
5743
  }
5747
5744
  };
5748
5745
  const GridContext = React__default.createContext(gridContext);
5749
- const defaultProps$1j = {
5746
+ const defaultProps$1k = {
5750
5747
  text: "",
5751
5748
  columns: 4,
5752
5749
  gap: 0,
@@ -5772,7 +5769,7 @@ const GridItem = (props) => {
5772
5769
  onClick,
5773
5770
  ...rest
5774
5771
  } = {
5775
- ...defaultProps$1j,
5772
+ ...defaultProps$1k,
5776
5773
  ...props
5777
5774
  };
5778
5775
  const classPrefix2 = "nut-grid-item";
@@ -5830,9 +5827,9 @@ const GridItem = (props) => {
5830
5827
  /* @__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))
5831
5828
  );
5832
5829
  };
5833
- GridItem.defaultProps = defaultProps$1j;
5830
+ GridItem.defaultProps = defaultProps$1k;
5834
5831
  GridItem.displayName = "NutGridItem";
5835
- const defaultProps$1i = {
5832
+ const defaultProps$1j = {
5836
5833
  columns: 4,
5837
5834
  gap: 0,
5838
5835
  center: true,
@@ -5853,7 +5850,7 @@ const Grid = (props) => {
5853
5850
  className,
5854
5851
  onClick,
5855
5852
  ...rest
5856
- } = { ...defaultProps$1i, ...props };
5853
+ } = { ...defaultProps$1j, ...props };
5857
5854
  const childrenDom = React__default.Children.toArray(children);
5858
5855
  const classPrefix2 = "nut-grid";
5859
5856
  const rootClass = () => {
@@ -5883,18 +5880,18 @@ const Grid = (props) => {
5883
5880
  });
5884
5881
  })));
5885
5882
  };
5886
- Grid.defaultProps = defaultProps$1i;
5883
+ Grid.defaultProps = defaultProps$1j;
5887
5884
  Grid.displayName = "NutGrid";
5888
5885
  Grid.Item = GridItem;
5889
- const defaultProps$1h = {};
5886
+ const defaultProps$1i = {};
5890
5887
  const Layout = (props) => {
5891
- ({ ...defaultProps$1h, ...props });
5888
+ ({ ...defaultProps$1i, ...props });
5892
5889
  return /* @__PURE__ */ React__default.createElement("div", { className: "nut-layout" }, "Layout");
5893
5890
  };
5894
- Layout.defaultProps = defaultProps$1h;
5891
+ Layout.defaultProps = defaultProps$1i;
5895
5892
  Layout.displayName = "NutLayout";
5896
5893
  const classPrefix$j = "nut-row";
5897
- const defaultProps$1g = {
5894
+ const defaultProps$1h = {
5898
5895
  ...ComponentDefaults,
5899
5896
  type: "",
5900
5897
  justify: "start",
@@ -5914,7 +5911,7 @@ const Row = (props) => {
5914
5911
  gutter,
5915
5912
  onClick
5916
5913
  } = {
5917
- ...defaultProps$1g,
5914
+ ...defaultProps$1h,
5918
5915
  ...props
5919
5916
  };
5920
5917
  const getClass = (prefix2, type22) => {
@@ -5946,8 +5943,31 @@ const Row = (props) => {
5946
5943
  children
5947
5944
  ));
5948
5945
  };
5949
- Row.defaultProps = defaultProps$1g;
5946
+ Row.defaultProps = defaultProps$1h;
5950
5947
  Row.displayName = "NutRow";
5948
+ const prefixCls = "nut-space";
5949
+ const defaultProps$1g = {
5950
+ direction: "horizontal"
5951
+ };
5952
+ const Space = (props) => {
5953
+ const { className, style, children, wrap, align, direction, justify } = {
5954
+ ...defaultProps$1g,
5955
+ ...props
5956
+ };
5957
+ const cls = classNames(
5958
+ className,
5959
+ prefixCls,
5960
+ wrap && `${prefixCls}-wrap`,
5961
+ direction && `${prefixCls}-${direction}`,
5962
+ align && `${prefixCls}-align-${align}`,
5963
+ justify && `${prefixCls}-justify-${justify}`
5964
+ );
5965
+ return /* @__PURE__ */ React__default.createElement("div", { className: cls, style }, React__default.Children.map(children, (child) => {
5966
+ return child !== null && child !== void 0 && /* @__PURE__ */ React__default.createElement("div", { className: `${prefixCls}-item` }, child);
5967
+ }));
5968
+ };
5969
+ Space.defaultProps = defaultProps$1g;
5970
+ Space.displayName = "NutSpace";
5951
5971
  const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
5952
5972
  const defaultRoot = canUseDom ? window : void 0;
5953
5973
  const overflowStylePatterns = ["scroll", "auto", "overlay"];
@@ -18035,7 +18055,7 @@ const Range = (props) => {
18035
18055
  setEaxctValue(newValue);
18036
18056
  updateValue(newValue);
18037
18057
  };
18038
- const onTouchEnd = (event) => {
18058
+ const onTouchEnd = () => {
18039
18059
  if (disabled) {
18040
18060
  return;
18041
18061
  }
@@ -18084,8 +18104,8 @@ const Range = (props) => {
18084
18104
  onTouchStart(e);
18085
18105
  },
18086
18106
  onTouchMove: (e) => onTouchMove(e),
18087
- onTouchEnd: (e) => onTouchEnd(),
18088
- onTouchCancel: (e) => onTouchEnd(),
18107
+ onTouchEnd,
18108
+ onTouchCancel: onTouchEnd,
18089
18109
  onClick: (e) => e.stopPropagation()
18090
18110
  },
18091
18111
  renderButton(index)
@@ -18096,8 +18116,8 @@ const Range = (props) => {
18096
18116
  className: "nut-range-button-wrapper",
18097
18117
  onTouchStart: (e) => onTouchStart(e),
18098
18118
  onTouchMove: (e) => onTouchMove(e),
18099
- onTouchEnd: (e) => onTouchEnd(),
18100
- onTouchCancel: (e) => onTouchEnd(),
18119
+ onTouchEnd,
18120
+ onTouchCancel: onTouchEnd,
18101
18121
  onClick: (e) => e.stopPropagation()
18102
18122
  },
18103
18123
  renderButton()
@@ -18990,6 +19010,7 @@ class FileItem {
18990
19010
  __publicField(this, "path");
18991
19011
  __publicField(this, "percentage", 0);
18992
19012
  __publicField(this, "formData", new FormData());
19013
+ __publicField(this, "responseText");
18993
19014
  }
18994
19015
  }
18995
19016
  const InternalUploader = (props, ref) => {
@@ -19120,6 +19141,7 @@ const InternalUploader = (props, ref) => {
19120
19141
  if (item.uid === fileItem.uid) {
19121
19142
  item.status = "success";
19122
19143
  item.message = locale.uploader.success;
19144
+ item.responseText = responseText;
19123
19145
  }
19124
19146
  return item;
19125
19147
  });
@@ -19137,6 +19159,7 @@ const InternalUploader = (props, ref) => {
19137
19159
  if (item.uid === fileItem.uid) {
19138
19160
  item.status = "error";
19139
19161
  item.message = locale.uploader.error;
19162
+ item.responseText = responseText;
19140
19163
  }
19141
19164
  return item;
19142
19165
  });
@@ -22005,7 +22028,7 @@ const Audio = (props) => {
22005
22028
  }
22006
22029
  };
22007
22030
  const onTimeupdate = (e) => {
22008
- const time = parseInt(e.target.currentTime);
22031
+ const time = parseInt(String(e.target.currentTime));
22009
22032
  const formated = formatSeconds(`${time}`);
22010
22033
  statusRef.current.currentDuration = formated;
22011
22034
  setPercent(time / statusRef.current.second * 100);
@@ -24924,6 +24947,7 @@ export {
24924
24947
  SideNavBarItem,
24925
24948
  Signature,
24926
24949
  Skeleton,
24950
+ Space,
24927
24951
  Step,
24928
24952
  Steps,
24929
24953
  Sticky,