@nutui/nutui-react 2.0.0-alpha.1 → 2.0.0-alpha.3

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 (49) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/esm/Address.js +1 -1
  3. package/dist/esm/Animate.js +6 -7
  4. package/dist/esm/Badge.js +15 -22
  5. package/dist/esm/CalendarItem.js +2 -12
  6. package/dist/esm/Cascader.js +4 -2
  7. package/dist/esm/Dialog.js +162 -171
  8. package/dist/esm/Divider.js +4 -3
  9. package/dist/esm/Drag.js +7 -9
  10. package/dist/esm/Elevator.js +38 -41
  11. package/dist/esm/Menu.js +75 -73
  12. package/dist/esm/MenuItem.js +29 -27
  13. package/dist/esm/NavBar.js +17 -48
  14. package/dist/esm/Popup.js +2 -4
  15. package/dist/esm/Progress.js +20 -68
  16. package/dist/esm/Switch.js +16 -30
  17. package/dist/esm/TabPane.js +0 -2
  18. package/dist/esm/Tabs.js +2 -2
  19. package/dist/esm/Uploader.js +2 -3
  20. package/dist/esm/nutui-react.es.js +170 -170
  21. package/dist/esm/overlay2.js +12 -14
  22. package/dist/esm/raf.js +16 -0
  23. package/dist/esm/tabpane2.js +7 -9
  24. package/dist/esm/tabs2.js +101 -93
  25. package/dist/locales/base.js +1 -1
  26. package/dist/locales/en-US.js +1 -1
  27. package/dist/locales/id-ID.js +1 -1
  28. package/dist/locales/zh-CN.js +1 -1
  29. package/dist/locales/zh-TW.js +1 -1
  30. package/dist/locales/zh-UG.js +1 -1
  31. package/dist/nutui.react.mjs +18642 -19336
  32. package/dist/nutui.react.umd.js +18640 -19334
  33. package/dist/packages/badge/badge.scss +8 -17
  34. package/dist/packages/dialog/dialog.scss +36 -65
  35. package/dist/packages/elevator/elevator.scss +2 -28
  36. package/dist/packages/menu/menu.scss +44 -55
  37. package/dist/packages/menuitem/menuitem.scss +16 -26
  38. package/dist/packages/navbar/navbar.scss +16 -115
  39. package/dist/packages/overlay/overlay.scss +11 -4
  40. package/dist/packages/progress/progress.scss +19 -58
  41. package/dist/packages/switch/switch.scss +13 -31
  42. package/dist/packages/tabs/tabs.scss +196 -225
  43. package/dist/style.css +1 -1
  44. package/dist/style.mjs +1 -1
  45. package/dist/styles/themes/default.scss +17 -17
  46. package/dist/styles/variables-jmapp.scss +35 -125
  47. package/dist/styles/variables.scss +53 -136
  48. package/dist/types/index.d.ts +343 -400
  49. package/package.json +2 -2
@@ -204,32 +204,12 @@ interface OverlayProps extends BasicComponent {
204
204
  closeOnOverlayClick: boolean;
205
205
  visible: boolean;
206
206
  lockScroll: boolean;
207
+ onClick: (event: MouseEvent$1) => void;
207
208
  afterShow: () => void;
208
209
  afterClose: () => void;
209
210
  }
210
211
  declare const Overlay: FunctionComponent<Partial<OverlayProps> & React__default.HTMLAttributes<HTMLDivElement>>;
211
212
 
212
- type Teleport = HTMLElement | (() => HTMLElement) | null;
213
- interface PopupProps extends OverlayProps {
214
- position: string;
215
- transition: string;
216
- overlayStyle: React__default.CSSProperties;
217
- overlayClassName: string;
218
- closeable: boolean;
219
- closeIconPosition: string;
220
- closeIcon: React__default.ReactNode;
221
- destroyOnClose: boolean;
222
- portal: Teleport;
223
- overlay: boolean;
224
- round: boolean;
225
- onOpen: () => void;
226
- onClose: () => void;
227
- onClick: (e: MouseEvent$1) => void;
228
- onClickOverlay: (e: MouseEvent$1) => boolean | void;
229
- onClickCloseIcon: (e: MouseEvent$1) => boolean | void;
230
- }
231
- declare const Popup: FunctionComponent<Partial<PopupProps> & React__default.HTMLAttributes<HTMLDivElement>>;
232
-
233
213
  type EventType$1 = 'row' | 'col';
234
214
  interface ColProps extends BasicComponent {
235
215
  span: string | number;
@@ -241,10 +221,8 @@ declare const Col: FunctionComponent<Partial<ColProps> & Omit<React__default.HTM
241
221
 
242
222
  type ContentPositionType = 'left' | 'center' | 'right';
243
223
  type DirectionType = 'horizontal' | 'vertical';
244
- interface DividerProps {
224
+ interface DividerProps extends BasicComponent {
245
225
  contentPosition: ContentPositionType;
246
- style?: React__default.CSSProperties;
247
- className?: string;
248
226
  direction?: DirectionType;
249
227
  }
250
228
  declare const Divider: FunctionComponent<Partial<DividerProps> & React__default.HTMLAttributes<HTMLDivElement>>;
@@ -303,16 +281,23 @@ interface StickyProps extends BasicComponent {
303
281
  }
304
282
  declare const Sticky: FunctionComponent<Partial<StickyProps>>;
305
283
 
284
+ interface BackTopProps extends BasicComponent {
285
+ target: string;
286
+ threshold: number;
287
+ zIndex: number;
288
+ duration: number;
289
+ onClick?: (event: MouseEvent) => void;
290
+ }
291
+ declare const BackTop: FunctionComponent<Partial<BackTopProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
292
+
306
293
  declare const elevatorContext: React__default.Context<ElevatorData>;
307
- interface ElevatorProps {
294
+ interface ElevatorProps extends BasicComponent {
308
295
  height: number | string;
309
- acceptKey: string;
310
- indexList: any[];
311
- isSticky: boolean;
296
+ floorKey: string;
297
+ list: any[];
298
+ sticky: boolean;
312
299
  spaceHeight: number;
313
300
  titleHeight: number;
314
- className: string;
315
- style: React__default.CSSProperties;
316
301
  children: React__default.ReactNode;
317
302
  onClickItem: (key: string, item: ElevatorData) => void;
318
303
  onClickIndex: (key: string) => void;
@@ -345,81 +330,19 @@ interface FixedNavProps extends BasicComponent {
345
330
  }
346
331
  declare const FixedNav: FunctionComponent<Partial<FixedNavProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect' | 'content'>>;
347
332
 
348
- interface IndicatorProps {
349
- total: number;
350
- current: number;
351
- direction: string;
352
- }
353
- declare const Indicator: FunctionComponent<Partial<IndicatorProps> & React__default.HTMLAttributes<HTMLDivElement>>;
354
-
355
- interface MenuProps extends BasicComponent {
356
- className: string;
357
- style: React__default.CSSProperties;
358
- activeColor: string;
359
- closeOnClickOverlay: boolean;
360
- scrollFixed: boolean | string | number;
361
- lockScroll: boolean;
362
- titleIcon: React__default.ReactNode;
363
- children: React__default.ReactNode;
364
- }
365
- declare const Menu: FunctionComponent<Partial<MenuProps>>;
366
-
367
- interface OptionItem {
368
- text: string;
369
- value: string | number;
370
- }
371
- interface MenuItemProps extends BasicComponent {
372
- className: string;
373
- style: React__default.CSSProperties;
374
- title: React__default.ReactNode;
375
- options: OptionItem[];
376
- disabled: boolean;
377
- columns: number;
378
- optionsIcon: React__default.ReactNode;
379
- direction: string;
380
- activeTitleClass: string;
381
- inactiveTitleClass: string;
382
- value: string | number;
383
- onChange: (event: any) => void;
384
- children: React__default.ReactNode;
385
- }
386
- declare const MenuItem: React__default.ForwardRefExoticComponent<Partial<MenuItemProps> & React__default.RefAttributes<unknown>>;
387
-
388
333
  interface NavBarProps$1 extends BasicComponent {
389
- leftShow: boolean;
390
- title: string;
391
- leftText: string;
392
- description: string;
393
- className: string;
334
+ left: React__default.ReactNode;
335
+ back: React__default.ReactNode;
336
+ right: React__default.ReactNode;
394
337
  fixed: boolean;
395
338
  safeAreaInsetTop: boolean;
396
- border: boolean;
397
339
  placeholder: boolean;
398
340
  zIndex: number | string;
399
- style: React__default.CSSProperties;
400
- onClickTitle: (e: React__default.MouseEvent<HTMLDivElement>) => void;
401
- onClickIcon: (e: React__default.MouseEvent<HTMLDivElement>) => void;
402
341
  onClickBack: (e: React__default.MouseEvent<HTMLElement>) => void;
403
- onClickRight: (e: React__default.MouseEvent<HTMLDivElement>) => void;
404
342
  children?: React__default.ReactNode;
405
343
  }
406
344
  declare const NavBar: FunctionComponent<Partial<NavBarProps$1>>;
407
345
 
408
- interface PaginationProps extends BasicComponent {
409
- value: number;
410
- defaultValue: number;
411
- mode: 'multi' | 'simple';
412
- prev: ReactNode;
413
- next: ReactNode;
414
- total: number;
415
- pageSize: number;
416
- itemSize: number;
417
- ellipse: boolean;
418
- itemRender: (page: any) => ReactNode;
419
- onChange: (currPage: number) => void;
420
- }
421
- declare const Pagination: FunctionComponent<Partial<PaginationProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
422
-
423
346
  type NavBarProps = {
424
347
  showhead?: boolean;
425
348
  };
@@ -493,40 +416,25 @@ interface TabPanelInnerProps {
493
416
  }
494
417
  interface TabPaneProps {
495
418
  title: string | number;
496
- paneKey: string | number;
497
- activeKey: string | number;
419
+ value: string | number;
498
420
  disabled: boolean;
499
421
  className: string;
500
422
  children?: React__default.ReactNode;
501
423
  }
502
424
  declare const TabPane: FunctionComponent<Partial<TabPaneProps & TabPanelInnerProps>>;
503
425
 
504
- declare class Title {
505
- title: string;
506
- paneKey: string;
507
- disabled: boolean;
508
- index: number;
509
- constructor();
510
- }
511
- type TabsSize = 'large' | 'normal' | 'small';
512
426
  interface TabsProps extends BasicComponent {
513
- className: string;
514
- style: React__default.CSSProperties;
515
427
  tabStyle: React__default.CSSProperties;
516
428
  value: string | number;
517
- color: string;
518
- background: string;
519
- direction: string;
520
- type: string;
521
- titleScroll: boolean;
522
- ellipsis: boolean;
523
- animatedTime: number | string;
524
- titleGutter: number | string;
525
- size: TabsSize;
526
- leftAlign: boolean;
527
- titleNode: () => JSX.Element[];
528
- onChange: (t: Title) => void;
529
- onClick: (t: Title) => void;
429
+ defaultValue: string | number;
430
+ activeColor: string;
431
+ direction: 'horizontal' | 'vertical';
432
+ activeType: 'line' | 'smile';
433
+ duration: number | string;
434
+ align: 'left' | 'right';
435
+ title: () => JSX.Element[];
436
+ onChange: (index: string | number) => void;
437
+ onClick: (index: string | number) => void;
530
438
  autoHeight: boolean;
531
439
  children?: React__default.ReactNode;
532
440
  }
@@ -534,6 +442,74 @@ declare const Tabs: FunctionComponent<Partial<TabsProps>> & {
534
442
  TabPane: typeof TabPane;
535
443
  };
536
444
 
445
+ interface RegionData {
446
+ name?: string;
447
+ [key: string]: any;
448
+ }
449
+ interface ChangeCallBack {
450
+ next: string;
451
+ value: string | RegionData;
452
+ custom: string;
453
+ }
454
+ interface CloseCallBackData extends SelectedRegionObj {
455
+ addressIdStr: string;
456
+ addressStr: string;
457
+ }
458
+ interface CloseCallBack {
459
+ data: CloseCallBackData | AddressList;
460
+ type: string;
461
+ }
462
+ interface AddressList {
463
+ id?: string | number;
464
+ provinceName: string;
465
+ cityName: string;
466
+ countyName: string;
467
+ townName: string;
468
+ addressDetail: string;
469
+ selectedAddress: boolean;
470
+ name?: string;
471
+ phone?: string;
472
+ }
473
+ interface SelectedRegionObj {
474
+ province: RegionData;
475
+ city: RegionData;
476
+ country: RegionData;
477
+ town: RegionData;
478
+ }
479
+
480
+ interface AddressProps extends BasicComponent {
481
+ className?: string;
482
+ style?: CSSProperties;
483
+ modelValue: boolean;
484
+ modelSelect: (string | number)[];
485
+ type: string;
486
+ customAddressTitle: string;
487
+ province: RegionData[];
488
+ city: RegionData[];
489
+ country: RegionData[];
490
+ town: RegionData[];
491
+ isShowCustomAddress: boolean;
492
+ existAddress: AddressList[];
493
+ existAddressTitle: string;
494
+ customAndExistTitle: string;
495
+ height: string | number;
496
+ defaultIcon: React__default.ReactNode;
497
+ selectedIcon: React__default.ReactNode;
498
+ closeBtnIcon: React__default.ReactNode;
499
+ backBtnIcon: React__default.ReactNode;
500
+ onSelected?: (prevExistAdd: AddressList, item: AddressList, copyExistAdd: AddressList[]) => void;
501
+ onClose?: (cal: CloseCallBack) => void;
502
+ onCancel?: (cal: {
503
+ closeWay: string;
504
+ }) => void;
505
+ onSwitch?: (cal: {
506
+ type: string;
507
+ }) => void;
508
+ onChange?: (cal: ChangeCallBack) => void;
509
+ onTabChecked?: (cal: string) => void;
510
+ }
511
+ declare const Address: FunctionComponent<Partial<AddressProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
512
+
537
513
  type CalendarRef$1 = {
538
514
  scrollToDate: (date: string) => void;
539
515
  };
@@ -910,6 +886,36 @@ interface InputNumberProps extends BasicComponent {
910
886
  }
911
887
  declare const InputNumber: FunctionComponent<Partial<InputNumberProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'>>;
912
888
 
889
+ interface MenuProps extends BasicComponent {
890
+ activeColor: string;
891
+ closeOnOverlayClick: boolean;
892
+ scrollFixed: boolean | string | number;
893
+ lockScroll: boolean;
894
+ icon: React__default.ReactNode;
895
+ children: React__default.ReactNode;
896
+ }
897
+ declare const Menu: FunctionComponent<Partial<MenuProps>>;
898
+
899
+ interface OptionItem {
900
+ text: string;
901
+ value: string | number;
902
+ }
903
+ interface MenuItemProps extends BasicComponent {
904
+ title: React__default.ReactNode;
905
+ options: OptionItem[];
906
+ disabled: boolean;
907
+ columns: number;
908
+ icon: React__default.ReactNode;
909
+ closeOnClickAway: boolean;
910
+ direction: string;
911
+ activeTitleClass: string;
912
+ inactiveTitleClass: string;
913
+ value: string | number;
914
+ onChange: (event: any) => void;
915
+ children: React__default.ReactNode;
916
+ }
917
+ declare const MenuItem: React__default.ForwardRefExoticComponent<Partial<MenuItemProps> & React__default.RefAttributes<unknown>>;
918
+
913
919
  interface NumberKeyboardProps {
914
920
  confirmText: string;
915
921
  title: string;
@@ -1110,6 +1116,29 @@ interface ShortPasswordProps extends BasicComponent {
1110
1116
  }
1111
1117
  declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
1112
1118
 
1119
+ interface SignatureProps {
1120
+ type: string;
1121
+ lineWidth: number;
1122
+ strokeStyle: string;
1123
+ unSupportTpl: string;
1124
+ className: string;
1125
+ confirm?: (canvas: HTMLCanvasElement, dataurl: string) => void;
1126
+ clear?: () => void;
1127
+ onConfirm?: (canvas: HTMLCanvasElement, dataurl: string) => void;
1128
+ onClear?: () => void;
1129
+ }
1130
+ declare const Signature: FunctionComponent<Partial<SignatureProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1131
+
1132
+ interface SwitchProps extends BasicComponent {
1133
+ checked: boolean;
1134
+ defaultChecked: boolean;
1135
+ disabled: boolean;
1136
+ activeText: string;
1137
+ inactiveText: string;
1138
+ onChange: (val: boolean, event: React__default.MouseEvent) => void;
1139
+ }
1140
+ declare const Switch: FunctionComponent<Partial<SwitchProps>>;
1141
+
1113
1142
  interface TextAreaProps {
1114
1143
  className?: string;
1115
1144
  defaultValue: string | number | any;
@@ -1242,43 +1271,40 @@ interface ActionSheetProps {
1242
1271
  }
1243
1272
  declare const ActionSheet: FunctionComponent<Partial<ActionSheetProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1244
1273
 
1245
- interface BackTopProps extends BasicComponent {
1246
- target: string;
1247
- threshold: number;
1248
- zIndex: number;
1249
- duration: number;
1250
- onClick?: (event: MouseEvent) => void;
1274
+ interface BadgeProps extends BasicComponent {
1275
+ value: ReactNode;
1276
+ dot: boolean;
1277
+ max: number;
1278
+ top: string;
1279
+ right: string;
1280
+ color: string;
1251
1281
  }
1252
- declare const BackTop: FunctionComponent<Partial<BackTopProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
1282
+ declare const Badge: FunctionComponent<Partial<BadgeProps>>;
1253
1283
 
1254
1284
  type DialogConfigType = {
1255
1285
  prefixCls?: string;
1256
1286
  simple?: boolean;
1257
1287
  };
1258
1288
  interface BasicDialogProps {
1259
- className?: string;
1260
- style?: CSSProperties;
1261
1289
  visible?: boolean;
1262
1290
  title?: ReactNode;
1263
1291
  content?: ReactNode;
1264
1292
  footer?: ReactNode;
1265
1293
  confirmText?: ReactNode;
1266
1294
  cancelText?: ReactNode;
1267
- mask?: boolean;
1268
- noOkBtn?: boolean;
1269
- noCancelBtn?: boolean;
1270
- okBtnDisabled?: boolean;
1271
- noFooter?: boolean;
1272
- closeOnClickOverlay?: boolean;
1273
- cancelAutoClose?: boolean;
1274
- textAlign?: string;
1295
+ overlay?: boolean;
1296
+ hideConfirmButton?: boolean;
1297
+ hideCancelButton?: boolean;
1298
+ disableConfirmButton?: boolean;
1299
+ closeOnOverlayClick?: boolean;
1275
1300
  footerDirection?: string;
1276
1301
  lockScroll?: boolean;
1277
- onClosed?: () => void;
1278
- onOk?: (e?: MouseEvent) => Promise<() => void> | void;
1279
- onCancel?: () => void;
1280
- onClickSelf?: () => void;
1302
+ beforeClose?: () => boolean;
1303
+ beforeCancel?: () => boolean;
1304
+ onClose?: () => void;
1281
1305
  onConfirm?: (e?: MouseEvent) => Promise<() => void> | void;
1306
+ onCancel?: () => void;
1307
+ onClick?: () => void;
1282
1308
  }
1283
1309
  type DialogReturnProps = {
1284
1310
  update: (newConfig: ConfirmProps) => void;
@@ -1300,7 +1326,7 @@ interface DialogComponent extends ForwardRefExoticComponent<PropsWithChildren<Ba
1300
1326
  type DialogProps = BasicDialogProps;
1301
1327
  declare const Dialog: DialogComponent;
1302
1328
 
1303
- interface DragProps {
1329
+ interface DragProps extends BasicComponent {
1304
1330
  attract: boolean;
1305
1331
  direction: 'x' | 'y' | 'lock' | undefined;
1306
1332
  boundary: {
@@ -1309,11 +1335,17 @@ interface DragProps {
1309
1335
  right: number;
1310
1336
  bottom: number;
1311
1337
  };
1312
- className: string;
1313
- style: React__default.CSSProperties;
1314
1338
  }
1315
1339
  declare const Drag: FunctionComponent<Partial<DragProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1316
1340
 
1341
+ interface EmptyProps {
1342
+ image: ReactNode;
1343
+ imageSize: number | string;
1344
+ description: ReactNode;
1345
+ className: string;
1346
+ }
1347
+ declare const Empty: FunctionComponent<Partial<EmptyProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1348
+
1317
1349
  interface InfiniteloadingProps extends BasicComponent {
1318
1350
  hasMore: boolean;
1319
1351
  threshold: number;
@@ -1334,7 +1366,33 @@ interface InfiniteloadingProps extends BasicComponent {
1334
1366
  }
1335
1367
  declare const Infiniteloading: FunctionComponent<Partial<InfiniteloadingProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1336
1368
 
1337
- interface NotifyProps {
1369
+ interface NoticeBarProps extends BasicComponent {
1370
+ direction: string;
1371
+ className?: string;
1372
+ style?: CSSProperties;
1373
+ list: any;
1374
+ standTime: number;
1375
+ complexAm: boolean;
1376
+ height: number;
1377
+ text: string;
1378
+ closeMode: boolean;
1379
+ wrapable: boolean;
1380
+ leftIcon: ReactNode;
1381
+ rightIcon: ReactNode;
1382
+ color: string;
1383
+ background: string;
1384
+ delay: string | number;
1385
+ scrollable: boolean | null;
1386
+ speed: number;
1387
+ close?: (event: any) => void;
1388
+ click?: (event: any) => void;
1389
+ onClose?: (event: any) => void;
1390
+ onClick?: (event: any) => void;
1391
+ onClickItem?: (event: any, value: any) => void;
1392
+ }
1393
+ declare const NoticeBar: FunctionComponent<Partial<NoticeBarProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
1394
+
1395
+ interface NotifyProps {
1338
1396
  id: string;
1339
1397
  color?: string;
1340
1398
  msg: string;
@@ -1355,6 +1413,27 @@ declare const _default$1: {
1355
1413
  hide(): void;
1356
1414
  };
1357
1415
 
1416
+ type PopoverTheme = 'light' | 'dark';
1417
+ type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
1418
+ interface List {
1419
+ name: string;
1420
+ icon?: React__default.ReactNode;
1421
+ disabled?: boolean;
1422
+ }
1423
+ interface PopoverProps extends BasicComponent {
1424
+ list: List[];
1425
+ theme: PopoverTheme;
1426
+ location: PopoverLocation | string;
1427
+ visible: boolean;
1428
+ offset: string | number;
1429
+ className: string;
1430
+ style?: CSSProperties;
1431
+ children?: React__default.ReactNode;
1432
+ onClick: (e: React__default.MouseEvent) => void;
1433
+ onChoose: (item: List, index: number) => void;
1434
+ }
1435
+ declare const Popover: FunctionComponent<Partial<PopoverProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1436
+
1358
1437
  type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
1359
1438
  interface PullToRefreshProps {
1360
1439
  className: string;
@@ -1373,6 +1452,24 @@ interface PullToRefreshProps {
1373
1452
  }
1374
1453
  declare const PullToRefresh: FunctionComponent<Partial<PullToRefreshProps>>;
1375
1454
 
1455
+ type avatarShape = 'round' | 'square';
1456
+ interface SkeletonProps {
1457
+ width: string;
1458
+ height: string;
1459
+ animated: boolean;
1460
+ row: number;
1461
+ title: boolean;
1462
+ avatar: boolean;
1463
+ className?: string;
1464
+ style?: React__default.CSSProperties;
1465
+ avatarSize: string;
1466
+ round: boolean;
1467
+ loading: boolean;
1468
+ avatarShape: avatarShape;
1469
+ children?: React__default.ReactNode;
1470
+ }
1471
+ declare const Skeleton: FunctionComponent<Partial<SkeletonProps>>;
1472
+
1376
1473
  type SwipeSide = 'left' | 'right';
1377
1474
  type SwipePosition = SwipeSide | 'cell' | 'outside';
1378
1475
  interface SwipeInstance {
@@ -1417,19 +1514,25 @@ interface SwipeProps {
1417
1514
  }
1418
1515
  declare const Swipe: React__default.ForwardRefExoticComponent<Partial<SwipeProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onTouchEnd" | "onTouchMove" | "onTouchStart"> & React__default.RefAttributes<SwipeInstance>>;
1419
1516
 
1420
- interface SwitchProps extends BasicComponent {
1421
- isAsync: boolean;
1422
- checked: boolean;
1423
- disable: boolean;
1424
- activeColor: string;
1425
- inactiveColor: string;
1426
- activeText: string;
1427
- inactiveText: string;
1428
- className: string;
1429
- style: React__default.CSSProperties;
1430
- onChange: (val: boolean, event: React__default.MouseEvent) => void;
1517
+ type Teleport = HTMLElement | (() => HTMLElement) | null;
1518
+ interface PopupProps extends OverlayProps {
1519
+ position: string;
1520
+ transition: string;
1521
+ overlayStyle: React__default.CSSProperties;
1522
+ overlayClassName: string;
1523
+ closeable: boolean;
1524
+ closeIconPosition: string;
1525
+ closeIcon: React__default.ReactNode;
1526
+ destroyOnClose: boolean;
1527
+ portal: Teleport;
1528
+ overlay: boolean;
1529
+ round: boolean;
1530
+ onOpen: () => void;
1531
+ onClose: () => void;
1532
+ onClickOverlay: (e: MouseEvent$1) => boolean | void;
1533
+ onClickCloseIcon: (e: MouseEvent$1) => boolean | void;
1431
1534
  }
1432
- declare const Switch: FunctionComponent<Partial<SwitchProps>>;
1535
+ declare const Popup: FunctionComponent<Partial<PopupProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1433
1536
 
1434
1537
  interface ToastProps {
1435
1538
  id?: string;
@@ -1465,12 +1568,10 @@ declare const _default: {
1465
1568
  type AnimateType = 'shake' | 'ripple' | 'breath' | 'float' | 'slide-right' | 'slide-left' | 'slide-top' | 'slide-bottom' | 'jump' | 'twinkle' | 'flicker';
1466
1569
  type AnimateAction = 'initial' | 'click';
1467
1570
 
1468
- interface AnimateProps {
1571
+ interface AnimateProps extends BasicComponent {
1469
1572
  type: AnimateType;
1470
1573
  action: AnimateAction;
1471
1574
  loop: boolean;
1472
- className: string;
1473
- style: React__default.CSSProperties;
1474
1575
  onClick: (event: React__default.MouseEvent<HTMLDivElement, MouseEvent>) => void;
1475
1576
  }
1476
1577
  declare const Animate: FunctionComponent<Partial<AnimateProps> & React__default.HTMLAttributes<HTMLDivElement>>;
@@ -1544,19 +1645,6 @@ interface AvatarGroupProps {
1544
1645
  }
1545
1646
  declare const AvatarGroup: FunctionComponent<Partial<AvatarGroupProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1546
1647
 
1547
- interface BadgeProps extends BasicComponent {
1548
- value: any;
1549
- dot: boolean;
1550
- max: number;
1551
- top: string;
1552
- right: string;
1553
- zIndex: string;
1554
- color: string;
1555
- icon: ReactNode;
1556
- children?: ReactNode;
1557
- }
1558
- declare const Badge: FunctionComponent<Partial<BadgeProps>>;
1559
-
1560
1648
  interface CircleProgressProps {
1561
1649
  progress: string | number;
1562
1650
  strokeWidth?: string | number;
@@ -1625,14 +1713,6 @@ interface EllipsisProps {
1625
1713
  }
1626
1714
  declare const Ellipsis: FunctionComponent<Partial<EllipsisProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;
1627
1715
 
1628
- interface EmptyProps {
1629
- image: ReactNode;
1630
- imageSize: number | string;
1631
- description: ReactNode;
1632
- className: string;
1633
- }
1634
- declare const Empty: FunctionComponent<Partial<EmptyProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1635
-
1636
1716
  interface ImagePreviewProps {
1637
1717
  className?: string;
1638
1718
  images: Array<{
@@ -1659,52 +1739,49 @@ interface ImagePreviewProps {
1659
1739
  }
1660
1740
  declare const ImagePreview: FunctionComponent<Partial<ImagePreviewProps>>;
1661
1741
 
1662
- interface NoticeBarProps extends BasicComponent {
1742
+ interface IndicatorProps {
1743
+ total: number;
1744
+ current: number;
1663
1745
  direction: string;
1664
- className?: string;
1665
- style?: CSSProperties;
1666
- list: any;
1667
- standTime: number;
1668
- complexAm: boolean;
1669
- height: number;
1670
- text: string;
1671
- closeMode: boolean;
1672
- wrapable: boolean;
1673
- leftIcon: ReactNode;
1674
- rightIcon: ReactNode;
1675
- color: string;
1676
- background: string;
1677
- delay: string | number;
1678
- scrollable: boolean | null;
1679
- speed: number;
1680
- close?: (event: any) => void;
1681
- click?: (event: any) => void;
1682
- onClose?: (event: any) => void;
1683
- onClick?: (event: any) => void;
1684
- onClickItem?: (event: any, value: any) => void;
1685
1746
  }
1686
- declare const NoticeBar: FunctionComponent<Partial<NoticeBarProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
1747
+ declare const Indicator: FunctionComponent<Partial<IndicatorProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1687
1748
 
1688
- type PopoverTheme = 'light' | 'dark';
1689
- type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
1690
- interface List {
1691
- name: string;
1692
- icon?: React__default.ReactNode;
1693
- disabled?: boolean;
1749
+ type Data = any;
1750
+ interface BasicVirtualListProps {
1751
+ className?: string;
1752
+ style?: React.CSSProperties;
1753
+ sourceData: Array<Data>;
1754
+ containerSize?: number;
1755
+ ItemRender?: React.FC<any>;
1756
+ itemSize?: number;
1757
+ itemEqualSize?: boolean;
1758
+ horizontal?: boolean;
1759
+ overscan?: number;
1760
+ handleScroll?: (...args: any[]) => any;
1761
+ onScroll?: (...args: any[]) => any;
1762
+ key?: string;
1763
+ locale?: {
1764
+ [key in string]: string;
1765
+ };
1694
1766
  }
1695
- interface PopoverProps extends BasicComponent {
1696
- list: List[];
1697
- theme: PopoverTheme;
1698
- location: PopoverLocation | string;
1699
- visible: boolean;
1700
- offset: string | number;
1701
- className: string;
1702
- style?: CSSProperties;
1703
- children?: React__default.ReactNode;
1704
- onClick: (e: React__default.MouseEvent) => void;
1705
- onChoose: (item: List, index: number) => void;
1767
+
1768
+ type VirtualListProps = BasicVirtualListProps;
1769
+ declare const VirtualList: FunctionComponent<VirtualListProps>;
1770
+
1771
+ interface PaginationProps extends BasicComponent {
1772
+ value: number;
1773
+ defaultValue: number;
1774
+ mode: 'multi' | 'simple';
1775
+ prev: ReactNode;
1776
+ next: ReactNode;
1777
+ total: number;
1778
+ pageSize: number;
1779
+ itemSize: number;
1780
+ ellipse: boolean;
1781
+ itemRender: (page: any) => ReactNode;
1782
+ onChange: (currPage: number) => void;
1706
1783
  }
1707
- declare const Popover: FunctionComponent<Partial<PopoverProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1784
+ declare const Pagination: FunctionComponent<Partial<PaginationProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
1708
1785
 
1709
1786
  interface PriceProps {
1710
1787
  price: number | string;
@@ -1719,46 +1796,15 @@ interface PriceProps {
1719
1796
  }
1720
1797
  declare const Price: FunctionComponent<Partial<PriceProps>>;
1721
1798
 
1722
- type ProgressSize = 'small' | 'base' | 'large';
1723
- type TextType = 'icon' | 'text';
1724
1799
  interface ProgressProps extends BasicComponent {
1725
- className: string;
1726
- style: CSSProperties;
1727
- isShowPercentage: boolean;
1728
- percentage: number;
1729
- fillColor: string;
1730
- strokeColor: string;
1800
+ percent: number;
1801
+ background: string;
1802
+ color: string;
1731
1803
  strokeWidth: string;
1732
- size: ProgressSize;
1733
- textColor: string;
1734
- textWidth: string;
1735
1804
  showText: boolean;
1736
- textInside: boolean;
1737
- textBackground: string;
1738
- textType: TextType;
1739
- status: boolean;
1740
- icon: ReactNode;
1741
- children: ReactNode;
1742
- }
1743
- declare const Progress: FunctionComponent<Partial<ProgressProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1744
-
1745
- type avatarShape = 'round' | 'square';
1746
- interface SkeletonProps {
1747
- width: string;
1748
- height: string;
1749
1805
  animated: boolean;
1750
- row: number;
1751
- title: boolean;
1752
- avatar: boolean;
1753
- className?: string;
1754
- style?: React__default.CSSProperties;
1755
- avatarSize: string;
1756
- round: boolean;
1757
- loading: boolean;
1758
- avatarShape: avatarShape;
1759
- children?: React__default.ReactNode;
1760
1806
  }
1761
- declare const Skeleton: FunctionComponent<Partial<SkeletonProps>>;
1807
+ declare const Progress: FunctionComponent<Partial<ProgressProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1762
1808
 
1763
1809
  interface StepProps extends BasicComponent {
1764
1810
  title: string;
@@ -1857,24 +1903,6 @@ interface TagProps extends BasicComponent {
1857
1903
  type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
1858
1904
  declare const Tag: FunctionComponent<Partial<TagProps>>;
1859
1905
 
1860
- interface TrendArrowProps {
1861
- rate: number;
1862
- digits: number;
1863
- showSign: boolean;
1864
- showZero: boolean;
1865
- arrowLeft: boolean;
1866
- syncTextColor: boolean;
1867
- textColor: string;
1868
- riseColor: string;
1869
- dropColor: string;
1870
- iconSize: string;
1871
- upIcon: React__default.ReactNode;
1872
- downIcon: React__default.ReactNode;
1873
- className: string;
1874
- style: React__default.CSSProperties;
1875
- }
1876
- declare const TrendArrow: FunctionComponent<Partial<TrendArrowProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1877
-
1878
1906
  interface VideoProps {
1879
1907
  source: {
1880
1908
  type: string;
@@ -1899,118 +1927,6 @@ interface VideoProps {
1899
1927
  }
1900
1928
  declare const Video: FunctionComponent<Partial<VideoProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onPause' | 'onPlay'>>;
1901
1929
 
1902
- type Data = any;
1903
- interface BasicVirtualListProps {
1904
- className?: string;
1905
- style?: React.CSSProperties;
1906
- sourceData: Array<Data>;
1907
- containerSize?: number;
1908
- ItemRender?: React.FC<any>;
1909
- itemSize?: number;
1910
- itemEqualSize?: boolean;
1911
- horizontal?: boolean;
1912
- overscan?: number;
1913
- handleScroll?: (...args: any[]) => any;
1914
- onScroll?: (...args: any[]) => any;
1915
- key?: string;
1916
- locale?: {
1917
- [key in string]: string;
1918
- };
1919
- }
1920
-
1921
- type VirtualListProps = BasicVirtualListProps;
1922
- declare const VirtualList: FunctionComponent<VirtualListProps>;
1923
-
1924
- interface WaterMarkProps {
1925
- content: string;
1926
- fullPage: boolean;
1927
- zIndex: number;
1928
- className: string;
1929
- gapX: number;
1930
- gapY: number;
1931
- width: number;
1932
- height: number;
1933
- image: string;
1934
- imageWidth: number;
1935
- imageHeight: number;
1936
- rotate: number;
1937
- fontColor: string;
1938
- fontStyle: string;
1939
- fontFamily: string;
1940
- fontWeight: string;
1941
- fontSize: string | number;
1942
- style: React__default.CSSProperties;
1943
- }
1944
- declare const WaterMark: FunctionComponent<Partial<WaterMarkProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1945
-
1946
- interface RegionData {
1947
- name?: string;
1948
- [key: string]: any;
1949
- }
1950
- interface ChangeCallBack {
1951
- next: string;
1952
- value: string | RegionData;
1953
- custom: string;
1954
- }
1955
- interface CloseCallBackData extends SelectedRegionObj {
1956
- addressIdStr: string;
1957
- addressStr: string;
1958
- }
1959
- interface CloseCallBack {
1960
- data: CloseCallBackData | AddressList;
1961
- type: string;
1962
- }
1963
- interface AddressList {
1964
- id?: string | number;
1965
- provinceName: string;
1966
- cityName: string;
1967
- countyName: string;
1968
- townName: string;
1969
- addressDetail: string;
1970
- selectedAddress: boolean;
1971
- name?: string;
1972
- phone?: string;
1973
- }
1974
- interface SelectedRegionObj {
1975
- province: RegionData;
1976
- city: RegionData;
1977
- country: RegionData;
1978
- town: RegionData;
1979
- }
1980
-
1981
- interface AddressProps extends BasicComponent {
1982
- className?: string;
1983
- style?: CSSProperties;
1984
- modelValue: boolean;
1985
- modelSelect: (string | number)[];
1986
- type: string;
1987
- customAddressTitle: string;
1988
- province: RegionData[];
1989
- city: RegionData[];
1990
- country: RegionData[];
1991
- town: RegionData[];
1992
- isShowCustomAddress: boolean;
1993
- existAddress: AddressList[];
1994
- existAddressTitle: string;
1995
- customAndExistTitle: string;
1996
- height: string | number;
1997
- defaultIcon: React__default.ReactNode;
1998
- selectedIcon: React__default.ReactNode;
1999
- closeBtnIcon: React__default.ReactNode;
2000
- backBtnIcon: React__default.ReactNode;
2001
- onSelected?: (prevExistAdd: AddressList, item: AddressList, copyExistAdd: AddressList[]) => void;
2002
- onClose?: (cal: CloseCallBack) => void;
2003
- onCancel?: (cal: {
2004
- closeWay: string;
2005
- }) => void;
2006
- onSwitch?: (cal: {
2007
- type: string;
2008
- }) => void;
2009
- onChange?: (cal: ChangeCallBack) => void;
2010
- onTabChecked?: (cal: string) => void;
2011
- }
2012
- declare const Address: FunctionComponent<Partial<AddressProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
2013
-
2014
1930
  interface BarrageProps {
2015
1931
  className: string;
2016
1932
  style: React__default.CSSProperties;
@@ -2040,19 +1956,6 @@ interface CardProps {
2040
1956
  }
2041
1957
  declare const Card: FunctionComponent<Partial<CardProps> & React__default.HTMLAttributes<HTMLDivElement>>;
2042
1958
 
2043
- interface SignatureProps {
2044
- type: string;
2045
- lineWidth: number;
2046
- strokeStyle: string;
2047
- unSupportTpl: string;
2048
- className: string;
2049
- confirm?: (canvas: HTMLCanvasElement, dataurl: string) => void;
2050
- clear?: () => void;
2051
- onConfirm?: (canvas: HTMLCanvasElement, dataurl: string) => void;
2052
- onClear?: () => void;
2053
- }
2054
- declare const Signature: FunctionComponent<Partial<SignatureProps> & React__default.HTMLAttributes<HTMLDivElement>>;
2055
-
2056
1959
  interface TimeType {
2057
1960
  key?: string | number;
2058
1961
  list: string[];
@@ -2098,4 +2001,44 @@ interface TimeSelectProps {
2098
2001
  }
2099
2002
  declare const TimeSelect: FunctionComponent<Partial<TimeSelectProps>>;
2100
2003
 
2004
+ interface TrendArrowProps {
2005
+ rate: number;
2006
+ digits: number;
2007
+ showSign: boolean;
2008
+ showZero: boolean;
2009
+ arrowLeft: boolean;
2010
+ syncTextColor: boolean;
2011
+ textColor: string;
2012
+ riseColor: string;
2013
+ dropColor: string;
2014
+ iconSize: string;
2015
+ upIcon: React__default.ReactNode;
2016
+ downIcon: React__default.ReactNode;
2017
+ className: string;
2018
+ style: React__default.CSSProperties;
2019
+ }
2020
+ declare const TrendArrow: FunctionComponent<Partial<TrendArrowProps> & React__default.HTMLAttributes<HTMLDivElement>>;
2021
+
2022
+ interface WaterMarkProps {
2023
+ content: string;
2024
+ fullPage: boolean;
2025
+ zIndex: number;
2026
+ className: string;
2027
+ gapX: number;
2028
+ gapY: number;
2029
+ width: number;
2030
+ height: number;
2031
+ image: string;
2032
+ imageWidth: number;
2033
+ imageHeight: number;
2034
+ rotate: number;
2035
+ fontColor: string;
2036
+ fontStyle: string;
2037
+ fontFamily: string;
2038
+ fontWeight: string;
2039
+ fontSize: string | number;
2040
+ style: React__default.CSSProperties;
2041
+ }
2042
+ declare const WaterMark: FunctionComponent<Partial<WaterMarkProps> & React__default.HTMLAttributes<HTMLDivElement>>;
2043
+
2101
2044
  export { ActionSheet, ActionSheetProps, Address, AddressProps, Animate, AnimateProps, AnimatingNumbers, AnimatingNumbersProps, Audio, AudioProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, BackTop, BackTopProps, Badge, BadgeProps, Barrage, BarrageProps, Button, ButtonProps, Calendar, CalendarItem, CalendarItemProps, CalendarProps, Card, CardProps, Cascader, CascaderProps, Cell, CellGroup, CellGroupProps, CellProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CircleProgress, CircleProgressProps, Col, ColProps, Collapse, CollapseItem, CollapseItemProps, CollapseProps, ConfigProvider, ConfigProviderProps, CountDown, CountDownProps, DatePicker, DatePickerProps, Dialog, DialogProps, Divider, DividerProps, Drag, DragProps, Elevator, ElevatorProps, Ellipsis, EllipsisProps, Empty, EmptyProps, FixedNav, FixedNavProps, Form, FormItem, FormItemProps, FormProps, Grid, GridItem, GridItemProps, GridProps, Image, ImagePreview, ImagePreviewProps, ImageProps, Indicator, IndicatorProps, Infiniteloading, InfiniteloadingProps, Input, InputNumber, InputNumberProps, InputProps, Layout, LayoutProps, Menu, MenuItem, MenuItemProps, MenuProps, NavBar, NavBarProps$1 as NavBarProps, NoticeBar, NoticeBarProps, _default$1 as Notify, NotifyProps, NumberKeyboard, NumberKeyboardProps, Overlay, OverlayProps, Pagination, PaginationProps, Picker, PickerProps, Popover, PopoverProps, Popup, PopupProps, Price, PriceProps, Progress, ProgressProps, PullToRefresh, PullToRefreshProps, Radio, RadioGroup, RadioGroupProps, RadioProps, Range, RangeProps, Rate, RateProps, Row, RowProps, SearchBar, SearchBarProps, ShortPassword, ShortPasswordProps, SideNavBar, SideNavBarItem, SideNavBarItemProps, SideNavBarProps, Signature, SignatureProps, Skeleton, SkeletonProps, Step, StepProps, Steps, StepsProps, Sticky, StickyProps, SubSideNavBar, SubSideNavBarProps, Swipe, SwipeProps, Swiper, SwiperItem, SwiperItemProps, SwiperProps, Switch, SwitchProps, TabPane, TabPaneProps, Tabbar, TabbarItem, TabbarItemProps, TabbarProps, Table, TableProps, Tabs, TabsProps, Tag, TagProps, TextArea, TextAreaProps, TimeDetail, TimeDetailProps, TimePannel, TimePannelProps, TimeSelect, TimeSelectProps, _default as Toast, ToastProps, TrendArrow, TrendArrowProps, Uploader, UploaderProps, Video, VideoProps, VirtualList, VirtualListProps, WaterMark, WaterMarkProps };