@nutui/nutui-react 2.6.19 → 2.6.20

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v2.6.19 Fri Sep 13 2024 15:44:33 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.20 Fri Sep 20 2024 13:47:06 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -11,6 +11,8 @@ const a = {
11
11
  noData: "مەزمۇن يوق",
12
12
  placeholder: "كىرگۈزۈڭ",
13
13
  select: "تاللاڭ",
14
+ edit: "يحرر",
15
+ reset: "إعادة ضبط",
14
16
  video: {
15
17
  errorTip: "فىلىمنى قويۇش مەغلۇپ بولدى",
16
18
  clickRetry: "قايتا سىناش"
@@ -46,6 +48,7 @@ const a = {
46
48
  tips: "ئۇنتۇپ قاپتىمەن"
47
49
  },
48
50
  uploader: {
51
+ list: "تحميل الملفات",
49
52
  ready: "تاماملىنىۋاتىدۇ",
50
53
  readyUpload: "يوللاش ئالدىدا",
51
54
  waitingUpload: "ساقلاۋاتىدۇ",
@@ -112,6 +115,7 @@ const a = {
112
115
  mute: "جىم",
113
116
  tips: "onPlayEnd بولسا loop=false بولغاندا ئىشلەيدۇ"
114
117
  },
118
+ avatarCropper: { rotate: "تناوب", selectImage: "حدد الصورة" },
115
119
  datepicker: {
116
120
  year: "يىل",
117
121
  month: "ئاي",
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v2.6.19 Fri Sep 13 2024 15:44:09 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.6.19 Fri Sep 20 2024 13:46:38 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1722,6 +1722,8 @@ const zhCN = {
1722
1722
  noData: "暂无数据",
1723
1723
  placeholder: "请输入内容",
1724
1724
  select: "请选择",
1725
+ edit: "编辑",
1726
+ reset: "重置",
1725
1727
  video: {
1726
1728
  errorTip: "视频加载失败",
1727
1729
  clickRetry: "点击重试"
@@ -1759,6 +1761,7 @@ const zhCN = {
1759
1761
  tips: "忘记密码"
1760
1762
  },
1761
1763
  uploader: {
1764
+ list: "上传文件",
1762
1765
  ready: "准备完成",
1763
1766
  readyUpload: "准备上传",
1764
1767
  waitingUpload: "等待上传",
@@ -1825,6 +1828,7 @@ const zhCN = {
1825
1828
  mute: "静音",
1826
1829
  tips: "onPlayEnd事件在loop=false时才会触发"
1827
1830
  },
1831
+ avatarCropper: { rotate: "旋转", selectImage: "选择图片" },
1828
1832
  datepicker: {
1829
1833
  year: "年",
1830
1834
  month: "月",
@@ -1862,20 +1866,20 @@ function requestAniFrame() {
1862
1866
  }
1863
1867
  const requestAniFrame$1 = requestAniFrame();
1864
1868
  const classPrefix$p = "nut-configprovider";
1865
- const defaultConfigRef = {
1869
+ const defaultConfigRef$1 = {
1866
1870
  current: {
1867
1871
  locale: zhCN
1868
1872
  }
1869
1873
  };
1870
1874
  const setDefaultConfig = (config2) => {
1871
- defaultConfigRef.current = config2;
1875
+ defaultConfigRef$1.current = config2;
1872
1876
  };
1873
- const getDefaultConfig = () => {
1874
- return defaultConfigRef.current;
1877
+ const getDefaultConfig$1 = () => {
1878
+ return defaultConfigRef$1.current;
1875
1879
  };
1876
- const ConfigContext = createContext(null);
1877
- const useConfig = () => {
1878
- return useContext(ConfigContext) ?? getDefaultConfig();
1880
+ const ConfigContext$1 = createContext(null);
1881
+ const useConfig$1 = () => {
1882
+ return useContext(ConfigContext$1) ?? getDefaultConfig$1();
1879
1883
  };
1880
1884
  function convertThemeVarsToCSSVars(themeVars) {
1881
1885
  const cssVars = {};
@@ -1885,7 +1889,7 @@ function convertThemeVarsToCSSVars(themeVars) {
1885
1889
  return cssVars;
1886
1890
  }
1887
1891
  const useRtl = () => {
1888
- const { direction } = useConfig();
1892
+ const { direction } = useConfig$1();
1889
1893
  if (direction) {
1890
1894
  return direction === "rtl";
1891
1895
  }
@@ -1896,7 +1900,7 @@ const ConfigProvider = (props) => {
1896
1900
  const mergedConfig = useMemo(
1897
1901
  () => {
1898
1902
  return {
1899
- ...getDefaultConfig(),
1903
+ ...getDefaultConfig$1(),
1900
1904
  ...config2,
1901
1905
  direction
1902
1906
  };
@@ -1910,7 +1914,7 @@ const ConfigProvider = (props) => {
1910
1914
  const cssVarStyle = React__default.useMemo(() => {
1911
1915
  return convertThemeVarsToCSSVars(mergedConfig.theme || {});
1912
1916
  }, [mergedConfig.theme]);
1913
- return /* @__PURE__ */ React__default.createElement(ConfigContext.Provider, { value: mergedConfig }, /* @__PURE__ */ React__default.createElement(
1917
+ return /* @__PURE__ */ React__default.createElement(ConfigContext$1.Provider, { value: mergedConfig }, /* @__PURE__ */ React__default.createElement(
1914
1918
  "div",
1915
1919
  {
1916
1920
  className: classNames(classPrefix$p, className),
@@ -2900,7 +2904,6 @@ const defaultProps$1n = {
2900
2904
  direction: "vertical"
2901
2905
  };
2902
2906
  const GridItem = (props) => {
2903
- useConfig();
2904
2907
  const {
2905
2908
  children,
2906
2909
  style,
@@ -8458,7 +8461,7 @@ const defaultProps$1g = {
8458
8461
  }
8459
8462
  };
8460
8463
  const FixedNav = (props) => {
8461
- const { locale } = useConfig();
8464
+ const { locale } = useConfig$1();
8462
8465
  const {
8463
8466
  className,
8464
8467
  overlay,
@@ -9556,6 +9559,19 @@ class Tree {
9556
9559
  return pathNodes;
9557
9560
  }
9558
9561
  }
9562
+ const defaultConfigRef = {
9563
+ current: {
9564
+ locale: zhCN,
9565
+ direction: "ltr"
9566
+ }
9567
+ };
9568
+ const getDefaultConfig = () => {
9569
+ return defaultConfigRef.current;
9570
+ };
9571
+ const ConfigContext = createContext(null);
9572
+ const useConfig = () => {
9573
+ return useContext(ConfigContext) ?? getDefaultConfig();
9574
+ };
9559
9575
  const defaultProps$16 = {
9560
9576
  ...ComponentDefaults,
9561
9577
  activeColor: "",
@@ -9578,6 +9594,7 @@ const defaultProps$16 = {
9578
9594
  }
9579
9595
  };
9580
9596
  const InternalCascader = (props, ref) => {
9597
+ const { locale } = useConfig();
9581
9598
  const {
9582
9599
  className,
9583
9600
  style,
@@ -9877,7 +9894,7 @@ const InternalCascader = (props, ref) => {
9877
9894
  className: `nut-tabs-titles-item ${tabvalue === pane.paneKey ? "nut-tabs-titles-item-active" : ""}`,
9878
9895
  key: pane.paneKey
9879
9896
  },
9880
- /* @__PURE__ */ React__default.createElement("span", { className: "nut-tabs-titles-item-text" }, !state.initLoading && state.panes.length && ((_a = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a.text), !state.initLoading && state.panes.length && !((_b = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _b.text) && "请选择", !(!state.initLoading && state.panes.length) && "Loading..."),
9897
+ /* @__PURE__ */ React__default.createElement("span", { className: "nut-tabs-titles-item-text" }, !state.initLoading && state.panes.length && ((_a = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a.text), !state.initLoading && state.panes.length && !((_b = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _b.text) && `${locale.select}`, !(!state.initLoading && state.panes.length) && "Loading..."),
9881
9898
  /* @__PURE__ */ React__default.createElement("span", { className: "nut-tabs-titles-item-line" })
9882
9899
  );
9883
9900
  });
@@ -9971,7 +9988,7 @@ const defaultProps$14 = {
9971
9988
  custom: false
9972
9989
  };
9973
9990
  const ExistRender = (props) => {
9974
- const { locale } = useConfig();
9991
+ const { locale } = useConfig$1();
9975
9992
  const {
9976
9993
  children,
9977
9994
  type: type4,
@@ -10027,7 +10044,7 @@ const defaultProps$13 = {
10027
10044
  backIcon: null
10028
10045
  };
10029
10046
  const InternalAddress = (props, ref) => {
10030
- const { locale } = useConfig();
10047
+ const { locale } = useConfig$1();
10031
10048
  const {
10032
10049
  style,
10033
10050
  className,
@@ -10422,7 +10439,7 @@ const defaultProps$12 = {
10422
10439
  }
10423
10440
  };
10424
10441
  const CalendarItem = React__default.forwardRef((props, ref) => {
10425
- const { locale } = useConfig();
10442
+ const { locale } = useConfig$1();
10426
10443
  const {
10427
10444
  style,
10428
10445
  className,
@@ -11024,7 +11041,7 @@ const defaultProps$11 = {
11024
11041
  }
11025
11042
  };
11026
11043
  const Calendar = React__default.forwardRef((props, ref) => {
11027
- const { locale } = useConfig();
11044
+ const { locale } = useConfig$1();
11028
11045
  const {
11029
11046
  style,
11030
11047
  className,
@@ -11241,7 +11258,7 @@ const defaultProps$10 = {
11241
11258
  };
11242
11259
  const prefixCls = "nut-calendarcard";
11243
11260
  const CalendarCard = React__default.forwardRef((props, ref) => {
11244
- const { locale } = useConfig();
11261
+ const { locale } = useConfig$1();
11245
11262
  const {
11246
11263
  style,
11247
11264
  className,
@@ -12087,7 +12104,7 @@ const defaultProps$Z = {
12087
12104
  duration: 1e3
12088
12105
  };
12089
12106
  const InternalPicker = (props, ref) => {
12090
- const { locale } = useConfig();
12107
+ const { locale } = useConfig$1();
12091
12108
  const {
12092
12109
  children,
12093
12110
  visible,
@@ -12383,7 +12400,7 @@ const DatePicker = (props) => {
12383
12400
  ...defaultProps$Y,
12384
12401
  ...props
12385
12402
  };
12386
- const { locale } = useConfig();
12403
+ const { locale } = useConfig$1();
12387
12404
  const lang = locale.datepicker;
12388
12405
  const zhCNType = {
12389
12406
  day: lang.day,
@@ -14190,7 +14207,7 @@ const defaultProps$V = {
14190
14207
  const Input = forwardRef(
14191
14208
  (props, ref) => {
14192
14209
  const rtl = useRtl();
14193
- const { locale } = useConfig();
14210
+ const { locale } = useConfig$1();
14194
14211
  const {
14195
14212
  type: type4,
14196
14213
  name,
@@ -15003,7 +15020,7 @@ const defaultProps$R = {
15003
15020
  }
15004
15021
  };
15005
15022
  const NumberKeyboard = (props) => {
15006
- const { locale } = useConfig();
15023
+ const { locale } = useConfig$1();
15007
15024
  const {
15008
15025
  title,
15009
15026
  rightActions,
@@ -15891,7 +15908,7 @@ const defaultProps$M = {
15891
15908
  };
15892
15909
  const SearchBar = (props) => {
15893
15910
  const classPrefix2 = "nut-searchbar";
15894
- const { locale } = useConfig();
15911
+ const { locale } = useConfig$1();
15895
15912
  const searchRef = useRef(null);
15896
15913
  const {
15897
15914
  value: outerValue,
@@ -16044,7 +16061,7 @@ const defaultProps$L = {
16044
16061
  autoFocus: false
16045
16062
  };
16046
16063
  const InternalShortPassword = (props, ref) => {
16047
- const { locale } = useConfig();
16064
+ const { locale } = useConfig$1();
16048
16065
  const {
16049
16066
  title,
16050
16067
  description,
@@ -16142,7 +16159,7 @@ const defaultProps$K = {
16142
16159
  unsupported: ""
16143
16160
  };
16144
16161
  const InternalSignature = (props, ref) => {
16145
- const { locale } = useConfig();
16162
+ const { locale } = useConfig$1();
16146
16163
  const {
16147
16164
  type: type4,
16148
16165
  lineWidth,
@@ -16323,7 +16340,7 @@ const defaultProps$I = {
16323
16340
  autoSize: false
16324
16341
  };
16325
16342
  const TextArea = (props) => {
16326
- const { locale } = useConfig();
16343
+ const { locale } = useConfig$1();
16327
16344
  const {
16328
16345
  className,
16329
16346
  value,
@@ -16711,7 +16728,7 @@ const Preview = ({
16711
16728
  class FileItem {
16712
16729
  constructor() {
16713
16730
  this.status = "ready";
16714
- this.message = "准备中..";
16731
+ this.message = "";
16715
16732
  this.uid = (/* @__PURE__ */ new Date()).getTime().toString();
16716
16733
  this.percentage = 0;
16717
16734
  this.formData = {};
@@ -16745,7 +16762,7 @@ const defaultProps$G = {
16745
16762
  }
16746
16763
  };
16747
16764
  const InternalUploader = (props, ref) => {
16748
- const { locale } = useConfig();
16765
+ const { locale } = useConfig$1();
16749
16766
  const fileListRef = useRef([]);
16750
16767
  const {
16751
16768
  children,
@@ -16994,7 +17011,7 @@ const InternalUploader = (props, ref) => {
16994
17011
  const handleItemClick = (file, index) => {
16995
17012
  onFileItemClick == null ? void 0 : onFileItemClick(file, index);
16996
17013
  };
16997
- return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-slot" }, children || /* @__PURE__ */ React__default.createElement(Button, { size: "small", type: "primary" }, "上传文件"), Number(maxCount) > fileList.length && /* @__PURE__ */ React__default.createElement(
17014
+ return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-slot" }, children || /* @__PURE__ */ React__default.createElement(Button, { size: "small", type: "primary" }, locale.uploader.list), Number(maxCount) > fileList.length && /* @__PURE__ */ React__default.createElement(
16998
17015
  "input",
16999
17016
  {
17000
17017
  className: "nut-uploader-input",
@@ -17383,7 +17400,7 @@ const defaultProps$E = {
17383
17400
  beforeClose: () => true
17384
17401
  };
17385
17402
  const BaseDialog = (props, ref) => {
17386
- const { locale } = useConfig();
17403
+ const { locale } = useConfig$1();
17387
17404
  const {
17388
17405
  visible,
17389
17406
  footer,
@@ -17612,7 +17629,6 @@ const defaultProps$C = {
17612
17629
  };
17613
17630
  const classPrefix$e = `nut-empty`;
17614
17631
  const Empty = (props) => {
17615
- useConfig();
17616
17632
  const {
17617
17633
  image,
17618
17634
  imageSize,
@@ -17681,7 +17697,7 @@ const defaultProps$B = {
17681
17697
  };
17682
17698
  const classPrefix$d = `nut-infiniteloading`;
17683
17699
  const InfiniteLoading = (props) => {
17684
- const { locale } = useConfig();
17700
+ const { locale } = useConfig$1();
17685
17701
  const {
17686
17702
  children,
17687
17703
  type: type4,
@@ -18380,7 +18396,6 @@ const options$1 = {
18380
18396
  ...ComponentDefaults,
18381
18397
  id: "",
18382
18398
  duration: 3e3,
18383
- // 时长
18384
18399
  type: "danger",
18385
18400
  position: "top",
18386
18401
  onClose: () => {
@@ -18752,7 +18767,7 @@ const defaultProps$x = {
18752
18767
  };
18753
18768
  const PullToRefresh = (p2) => {
18754
18769
  const classPrefix2 = "nut-pulltorefresh";
18755
- const { locale } = useConfig();
18770
+ const { locale } = useConfig$1();
18756
18771
  const props = {
18757
18772
  ...defaultProps$x,
18758
18773
  ...p2,
@@ -19641,7 +19656,7 @@ const defaultProps$p = {
19641
19656
  }
19642
19657
  };
19643
19658
  const Audio = (props) => {
19644
- const { locale } = useConfig();
19659
+ const { locale } = useConfig$1();
19645
19660
  const {
19646
19661
  className,
19647
19662
  src,
@@ -20160,7 +20175,6 @@ const defaultProps$l = {
20160
20175
  destroy: false
20161
20176
  };
20162
20177
  const InternalCountDown = (props, ref) => {
20163
- useConfig();
20164
20178
  const {
20165
20179
  paused,
20166
20180
  startTime,
@@ -21331,7 +21345,7 @@ const defaultProps$e = {
21331
21345
  ellipse: false
21332
21346
  };
21333
21347
  const Pagination = (props) => {
21334
- const { locale } = useConfig();
21348
+ const { locale } = useConfig$1();
21335
21349
  const {
21336
21350
  value,
21337
21351
  mode,
@@ -21678,7 +21692,7 @@ const defaultProps$a = {
21678
21692
  showHeader: true
21679
21693
  };
21680
21694
  const Table = (props) => {
21681
- const { locale } = useConfig();
21695
+ const { locale } = useConfig$1();
21682
21696
  const rtl = useRtl();
21683
21697
  defaultProps$a.noData = locale.noData;
21684
21698
  const {
@@ -21948,7 +21962,7 @@ const defaultProps$8 = {
21948
21962
  };
21949
21963
  const classPrefix$2 = "nut-tour";
21950
21964
  const Tour = (props) => {
21951
- const { locale } = useConfig();
21965
+ const { locale } = useConfig$1();
21952
21966
  const {
21953
21967
  children,
21954
21968
  className,
@@ -22603,7 +22617,7 @@ const defaultProps$3 = {
22603
22617
  }
22604
22618
  };
22605
22619
  const TimeSelect = (props) => {
22606
- const { locale } = useConfig();
22620
+ const { locale } = useConfig$1();
22607
22621
  const {
22608
22622
  visible,
22609
22623
  className,
@@ -22828,7 +22842,7 @@ const defaultProps$1 = {
22828
22842
  fontSize: 14
22829
22843
  };
22830
22844
  const WaterMark = (props) => {
22831
- const { locale } = useConfig();
22845
+ const { locale } = useConfig$1();
22832
22846
  const {
22833
22847
  content,
22834
22848
  fullPage,
@@ -22927,22 +22941,29 @@ const defaultProps = {
22927
22941
  maxZoom: 3,
22928
22942
  space: 10,
22929
22943
  toolbar: [
22930
- /* @__PURE__ */ React__default.createElement(Button, { type: "danger", key: "cancel" }, "取消"),
22931
- /* @__PURE__ */ React__default.createElement(Button, { key: "reset" }, "重置"),
22932
- /* @__PURE__ */ React__default.createElement(Button, { key: "rotate" }, "旋转"),
22933
- /* @__PURE__ */ React__default.createElement(Button, { type: "success", key: "confirm" }, "确认")
22944
+ /* @__PURE__ */ React__default.createElement(Button, { type: "danger", key: "cancel" }, "Cancel"),
22945
+ /* @__PURE__ */ React__default.createElement(Button, { key: "reset" }, "Reset"),
22946
+ /* @__PURE__ */ React__default.createElement(Button, { key: "rotate" }, "Rotate"),
22947
+ /* @__PURE__ */ React__default.createElement(Button, { type: "success", key: "confirm" }, "Confirm")
22934
22948
  ],
22935
22949
  toolbarPosition: "bottom",
22936
- editText: "编辑",
22950
+ editText: "Edit",
22937
22951
  shape: "square"
22938
22952
  };
22939
22953
  const classPrefix = `nut-avatar-cropper`;
22940
22954
  const AvatarCropper = (props) => {
22955
+ const { locale } = useConfig();
22956
+ defaultProps.toolbar = [
22957
+ /* @__PURE__ */ React__default.createElement(Button, { type: "danger", key: "cancel" }, locale.cancel),
22958
+ /* @__PURE__ */ React__default.createElement(Button, { key: "reset" }, locale.reset),
22959
+ /* @__PURE__ */ React__default.createElement(Button, { key: "rotate" }, locale.avatarCropper.rotate),
22960
+ /* @__PURE__ */ React__default.createElement(Button, { type: "success", key: "confirm" }, locale.confirm)
22961
+ ];
22941
22962
  const {
22942
22963
  children,
22943
- toolbar,
22944
22964
  maxZoom,
22945
22965
  space,
22966
+ toolbar,
22946
22967
  toolbarPosition,
22947
22968
  editText,
22948
22969
  shape,
@@ -23276,7 +23297,7 @@ const AvatarCropper = (props) => {
23276
23297
  accept: "image/*",
23277
23298
  className: `${classPrefix}-input`,
23278
23299
  onChange: (e) => inputImageChange(e),
23279
- "aria-label": "选择图片"
23300
+ "aria-label": locale.avatarCropper.selectImage
23280
23301
  }
23281
23302
  ), /* @__PURE__ */ React__default.createElement("div", { className: "nut-avatar-cropper-edit-text" }, editText)), CropperPopup());
23282
23303
  };
@@ -23380,8 +23401,8 @@ export {
23380
23401
  Video,
23381
23402
  VirtualList,
23382
23403
  WaterMark,
23383
- getDefaultConfig,
23404
+ getDefaultConfig$1 as getDefaultConfig,
23384
23405
  setDefaultConfig,
23385
- useConfig,
23406
+ useConfig$1 as useConfig,
23386
23407
  useRtl
23387
23408
  };