@nutui/nutui-react 1.2.3-beta.0 → 1.2.3-beta.1

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 (148) hide show
  1. package/dist/esm/Address.js +76 -28
  2. package/dist/esm/Badge.js +4 -4
  3. package/dist/esm/Col.js +6 -2
  4. package/dist/esm/Collapse.js +1 -0
  5. package/dist/esm/CollapseItem.js +2 -2
  6. package/dist/esm/Empty.js +2 -2
  7. package/dist/esm/Picker.js +4 -4
  8. package/dist/esm/Popover.js +19 -35
  9. package/dist/esm/Popup.js +54 -30
  10. package/dist/esm/Row.js +9 -3
  11. package/dist/esm/SideNavBar/style/index.js +2 -0
  12. package/dist/esm/SideNavBar.js +65 -0
  13. package/dist/esm/SideNavBarItem/style/index.js +2 -0
  14. package/dist/esm/SideNavBarItem.js +32 -0
  15. package/dist/esm/SubSideNavBar/style/index.js +2 -0
  16. package/dist/esm/SubSideNavBar.js +94 -0
  17. package/dist/esm/Swiper.js +36 -11
  18. package/dist/esm/SwiperItem.js +1 -15
  19. package/dist/esm/Table/style/index.js +2 -0
  20. package/dist/esm/Table.js +154 -0
  21. package/dist/esm/nutui-react.es.js +4 -0
  22. package/dist/esm/offsetContext-0e3d04b3.js +19 -0
  23. package/dist/locales/base.js +1 -1
  24. package/dist/locales/en-US.js +1 -1
  25. package/dist/locales/id-ID.js +1 -1
  26. package/dist/locales/zh-CN.js +1 -1
  27. package/dist/locales/zh-TW.js +1 -1
  28. package/dist/nutui.react.es.js +648 -313
  29. package/dist/nutui.react.umd.js +15 -15
  30. package/dist/packages/address/address.scss +9 -2
  31. package/dist/packages/sidenavbar/sidenavbar.scss +69 -0
  32. package/dist/packages/sidenavbaritem/sidenavbaritem.scss +8 -0
  33. package/dist/packages/subsidenavbar/subsidenavbar.scss +23 -0
  34. package/dist/packages/swiper/swiper.scss +3 -0
  35. package/dist/packages/table/table.scss +81 -0
  36. package/dist/style.css +1 -1
  37. package/dist/style.es.js +1 -1
  38. package/dist/styles/themes/default.scss +4 -0
  39. package/dist/styles/variables.scss +12 -3
  40. package/dist/types/actionsheet/demo.d.ts +0 -1
  41. package/dist/types/address/__test__/address.spec.d.ts +1 -0
  42. package/dist/types/address/address.d.ts +4 -27
  43. package/dist/types/address/customRender.d.ts +3 -7
  44. package/dist/types/address/demo.d.ts +0 -1
  45. package/dist/types/address/existRender.d.ts +1 -1
  46. package/dist/types/address/type.d.ts +40 -0
  47. package/dist/types/animatingnumbers/demo.d.ts +0 -1
  48. package/dist/types/avatar/demo.d.ts +0 -1
  49. package/dist/types/backtop/demo.d.ts +0 -1
  50. package/dist/types/badge/badge.d.ts +2 -1
  51. package/dist/types/badge/demo.d.ts +0 -1
  52. package/dist/types/barrage/demo.d.ts +0 -1
  53. package/dist/types/button/demo.d.ts +0 -1
  54. package/dist/types/calendar/demo.d.ts +0 -1
  55. package/dist/types/card/card.d.ts +4 -4
  56. package/dist/types/card/demo.d.ts +0 -1
  57. package/dist/types/cell/demo.d.ts +0 -1
  58. package/dist/types/cellgroup/cellgroup.d.ts +1 -0
  59. package/dist/types/checkbox/demo.d.ts +0 -1
  60. package/dist/types/circleprogress/demo.d.ts +0 -1
  61. package/dist/types/col/col.d.ts +4 -1
  62. package/dist/types/collapse/collapse.d.ts +2 -1
  63. package/dist/types/collapse/demo.d.ts +0 -1
  64. package/dist/types/configprovider/demo.d.ts +0 -1
  65. package/dist/types/countdown/demo.d.ts +0 -1
  66. package/dist/types/datepicker/demo.d.ts +0 -1
  67. package/dist/types/dialog/Mask.d.ts +0 -1
  68. package/dist/types/dialog/demo.d.ts +0 -1
  69. package/dist/types/divider/demo.d.ts +0 -1
  70. package/dist/types/drag/demo.d.ts +0 -1
  71. package/dist/types/elevator/demo.d.ts +0 -1
  72. package/dist/types/empty/demo.d.ts +0 -1
  73. package/dist/types/fixednav/demo.d.ts +0 -1
  74. package/dist/types/fixednav/fixednav.d.ts +5 -5
  75. package/dist/types/icon/demo.d.ts +0 -1
  76. package/dist/types/indicator/demo.d.ts +0 -1
  77. package/dist/types/infiniteloading/demo.d.ts +0 -1
  78. package/dist/types/input/demo.d.ts +0 -1
  79. package/dist/types/input/input.d.ts +3 -3
  80. package/dist/types/inputnumber/demo.d.ts +0 -1
  81. package/dist/types/layout/__tests__/layout.spec.d.ts +1 -0
  82. package/dist/types/layout/demo.d.ts +0 -1
  83. package/dist/types/navbar/demo.d.ts +0 -1
  84. package/dist/types/navbar/navbar.d.ts +1 -0
  85. package/dist/types/noticebar/demo.d.ts +0 -1
  86. package/dist/types/notify/demo.d.ts +0 -1
  87. package/dist/types/numberkeyboard/demo.d.ts +0 -1
  88. package/dist/types/nutui.react.d.ts +5 -1
  89. package/dist/types/overlay/demo.d.ts +0 -1
  90. package/dist/types/pagination/demo.d.ts +0 -1
  91. package/dist/types/picker/__tests__/picker.spec.d.ts +1 -0
  92. package/dist/types/picker/demo.d.ts +0 -1
  93. package/dist/types/popover/Trigger.d.ts +2 -4
  94. package/dist/types/popover/demo.d.ts +0 -1
  95. package/dist/types/popover/popover.d.ts +1 -0
  96. package/dist/types/popup/__tests__/popup.spec.d.ts +1 -0
  97. package/dist/types/popup/demo.d.ts +0 -1
  98. package/dist/types/popup/popup.d.ts +2 -0
  99. package/dist/types/price/demo.d.ts +0 -1
  100. package/dist/types/progress/demo.d.ts +0 -1
  101. package/dist/types/radio/demo.d.ts +0 -1
  102. package/dist/types/range/demo.d.ts +0 -1
  103. package/dist/types/rate/demo.d.ts +0 -1
  104. package/dist/types/row/row.d.ts +4 -1
  105. package/dist/types/searchbar/demo.d.ts +0 -1
  106. package/dist/types/shortpassword/demo.d.ts +0 -1
  107. package/dist/types/sidenavbar/__test__/sidenavbar.spec.d.ts +1 -0
  108. package/dist/types/sidenavbar/demo.d.ts +2 -0
  109. package/dist/types/sidenavbar/index.d.ts +2 -0
  110. package/dist/types/sidenavbar/offsetContext.d.ts +2 -0
  111. package/dist/types/sidenavbar/sidenavbar.d.ts +3 -0
  112. package/dist/types/sidenavbar/type.d.ts +34 -0
  113. package/dist/types/sidenavbar/utils.d.ts +3 -0
  114. package/dist/types/sidenavbaritem/__test__/sidenavbaritem.spec.d.ts +1 -0
  115. package/dist/types/sidenavbaritem/index.d.ts +2 -0
  116. package/dist/types/sidenavbaritem/sidenavbaritem.d.ts +3 -0
  117. package/dist/types/signature/demo.d.ts +0 -1
  118. package/dist/types/skeleton/demo.d.ts +0 -1
  119. package/dist/types/skeleton/skeleton.d.ts +1 -0
  120. package/dist/types/steps/demo.d.ts +0 -1
  121. package/dist/types/subsidenavbar/__test__/subsidenavbar.spec.d.ts +1 -0
  122. package/dist/types/subsidenavbar/index.d.ts +2 -0
  123. package/dist/types/subsidenavbar/subsidenavbar.d.ts +3 -0
  124. package/dist/types/swiper/__tests__/swiper.spec.d.ts +1 -0
  125. package/dist/types/swiper/demo.d.ts +0 -1
  126. package/dist/types/swiper/swiper.d.ts +1 -0
  127. package/dist/types/switch/demo.d.ts +0 -1
  128. package/dist/types/tabbar/demo.d.ts +0 -1
  129. package/dist/types/tabbar/tabbar.d.ts +1 -0
  130. package/dist/types/table/__test__/table.spec.d.ts +1 -0
  131. package/dist/types/table/demo.d.ts +2 -0
  132. package/dist/types/table/index.d.ts +2 -0
  133. package/dist/types/table/table.d.ts +3 -0
  134. package/dist/types/table/types.d.ts +19 -0
  135. package/dist/types/tabpane/tabpane.d.ts +2 -1
  136. package/dist/types/tabs/demo.d.ts +0 -1
  137. package/dist/types/tabs/tabs.d.ts +1 -0
  138. package/dist/types/tag/demo.d.ts +0 -1
  139. package/dist/types/tag/tag.d.ts +2 -1
  140. package/dist/types/textarea/demo.d.ts +0 -1
  141. package/dist/types/timedetail/demo.d.ts +0 -1
  142. package/dist/types/timepannel/demo.d.ts +0 -1
  143. package/dist/types/timeselect/demo.d.ts +0 -1
  144. package/dist/types/toast/demo.d.ts +0 -1
  145. package/dist/types/uploader/demo.d.ts +0 -1
  146. package/dist/types/video/demo.d.ts +0 -1
  147. package/dist/types/virtuallist/demo.d.ts +0 -1
  148. package/package.json +3 -3
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import './demo.scss';
3
2
  declare const RangeDemo: () => JSX.Element;
4
3
  export default RangeDemo;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const RateDemo: () => JSX.Element;
3
2
  export default RateDemo;
@@ -1,9 +1,12 @@
1
1
  import React, { FunctionComponent } from 'react';
2
+ declare type EventType = 'row' | 'col';
2
3
  export interface RowProps {
3
4
  type: string;
4
5
  justify: string;
5
6
  align: string;
6
7
  wrap: string;
7
8
  gutter: string | number;
9
+ onClick: (e: any, type: EventType) => void;
8
10
  }
9
- export declare const Row: FunctionComponent<Partial<RowProps> & React.HTMLAttributes<HTMLDivElement>>;
11
+ export declare const Row: FunctionComponent<Partial<RowProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
12
+ export {};
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const SearchBarDemo: () => JSX.Element;
3
2
  export default SearchBarDemo;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const ShortPasswordDemo: () => JSX.Element;
3
2
  export default ShortPasswordDemo;
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';
@@ -0,0 +1,2 @@
1
+ declare const SideNavBarDemo: () => JSX.Element;
2
+ export default SideNavBarDemo;
@@ -0,0 +1,2 @@
1
+ import { SideNavBar } from './sidenavbar';
2
+ export default SideNavBar;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const OffsetContext: import("react").Context<number>;
@@ -0,0 +1,3 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { SideNavBarProps } from './type';
3
+ export declare const SideNavBar: FunctionComponent<SideNavBarProps>;
@@ -0,0 +1,34 @@
1
+ import React from 'react';
2
+ declare type NavBarProps = {
3
+ showhead?: boolean;
4
+ };
5
+ export interface SideNavBarProps extends React.HTMLAttributes<HTMLDivElement>, NavBarProps {
6
+ title: string;
7
+ visible: boolean;
8
+ width?: string;
9
+ offset?: number;
10
+ position?: 'left' | 'right';
11
+ handleClose: () => void;
12
+ children?: React.ReactNode;
13
+ }
14
+ export declare type SideNavBarItemProps = {
15
+ title: string;
16
+ ikey: string | number;
17
+ click?: ({ title, ikey }: {
18
+ title: string;
19
+ ikey: string | number;
20
+ }) => void;
21
+ children?: React.ReactNode;
22
+ };
23
+ export declare type SubNavBarProps = {
24
+ title: string;
25
+ ikey: string | number;
26
+ open?: boolean;
27
+ children?: React.ReactNode;
28
+ titleClick?: ({ title, ikey, isShow, }: {
29
+ title: string;
30
+ ikey: string | number;
31
+ isShow: boolean;
32
+ }) => void;
33
+ };
34
+ export {};
@@ -0,0 +1,3 @@
1
+ import { MouseEventHandler } from 'react';
2
+ declare const handleClick: MouseEventHandler<HTMLDivElement>;
3
+ export { handleClick };
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';
@@ -0,0 +1,2 @@
1
+ import { SideNavBarItem } from './sidenavbaritem';
2
+ export default SideNavBarItem;
@@ -0,0 +1,3 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { SideNavBarItemProps } from '../sidenavbar/type';
3
+ export declare const SideNavBarItem: FunctionComponent<SideNavBarItemProps>;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const SignatureDemo: () => JSX.Element;
3
2
  export default SignatureDemo;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import './demo.scss';
3
2
  declare const SkeletonDemo: () => JSX.Element;
4
3
  export default SkeletonDemo;
@@ -13,6 +13,7 @@ export interface SkeletonProps {
13
13
  round: boolean;
14
14
  loading: boolean;
15
15
  avatarShape: avatarShape;
16
+ children?: React.ReactNode;
16
17
  }
17
18
  export declare const Skeleton: FunctionComponent<Partial<SkeletonProps>>;
18
19
  export {};
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import './demo.scss';
3
2
  declare const StepsDemo: () => JSX.Element;
4
3
  export default StepsDemo;
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';
@@ -0,0 +1,2 @@
1
+ import { SubSideNavBar } from './subsidenavbar';
2
+ export default SubSideNavBar;
@@ -0,0 +1,3 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { SubNavBarProps } from '../sidenavbar/type';
3
+ export declare const SubSideNavBar: FunctionComponent<SubNavBarProps>;
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import '../swiper/demo.scss';
3
2
  declare const SwiperDemo: () => JSX.Element;
4
3
  export default SwiperDemo;
@@ -17,6 +17,7 @@ interface SwiperProps {
17
17
  touchable: boolean;
18
18
  isPreventDefault: boolean;
19
19
  isStopPropagation: boolean;
20
+ isCenter: boolean;
20
21
  className?: string;
21
22
  style?: React.CSSProperties;
22
23
  pageContent?: React.ReactNode;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const SwitchDemo: () => JSX.Element;
3
2
  export default SwitchDemo;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const TabbarDemo: () => JSX.Element;
3
2
  export default TabbarDemo;
@@ -9,5 +9,6 @@ export interface TabbarProps {
9
9
  className: string;
10
10
  style: React.CSSProperties;
11
11
  tabSwitch: (child: React.ReactElement<any>, active: number) => void;
12
+ children?: React.ReactNode;
12
13
  }
13
14
  export declare const Tabbar: FunctionComponent<Partial<TabbarProps>>;
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';
@@ -0,0 +1,2 @@
1
+ declare const TableDemo: () => JSX.Element;
2
+ export default TableDemo;
@@ -0,0 +1,2 @@
1
+ import { Table } from './table';
2
+ export default Table;
@@ -0,0 +1,3 @@
1
+ import React, { FunctionComponent } from 'react';
2
+ import { TableProps } from './types';
3
+ export declare const Table: FunctionComponent<Partial<TableProps> & React.HTMLAttributes<HTMLDivElement>>;
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ export interface TableProps {
3
+ className: string;
4
+ style: React.CSSProperties;
5
+ columns: Array<TableColumnProps>;
6
+ data: Array<any>;
7
+ bordered: boolean;
8
+ summary?: React.ReactNode;
9
+ striped?: boolean;
10
+ noData?: React.ReactNode;
11
+ onSorter?: (item: TableColumnProps, data: Array<any>) => void;
12
+ }
13
+ export interface TableColumnProps {
14
+ key: string;
15
+ title?: string;
16
+ align?: string;
17
+ sorter?: ((a: any, b: any) => number) | boolean | string;
18
+ render?: (rowData?: any, rowIndex?: number) => string | React.ReactNode;
19
+ }
@@ -1,9 +1,10 @@
1
- import { FunctionComponent } from 'react';
1
+ import React, { FunctionComponent } from 'react';
2
2
  export interface TabPaneProps {
3
3
  title: string | number;
4
4
  paneKey: string | number;
5
5
  activeKey: string | number;
6
6
  disabled: boolean;
7
7
  autoHeightClassName: string;
8
+ children?: React.ReactNode;
8
9
  }
9
10
  export declare const TabPane: FunctionComponent<Partial<TabPaneProps>>;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const TabsDemo: () => JSX.Element;
3
2
  export default TabsDemo;
@@ -24,6 +24,7 @@ export interface TabsProps {
24
24
  onChange: (t: Title) => void;
25
25
  onClick: (t: Title) => void;
26
26
  autoHeight: boolean;
27
+ children?: React.ReactNode;
27
28
  }
28
29
  export declare const Tabs: FunctionComponent<Partial<TabsProps>>;
29
30
  export {};
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const TagDemo: () => JSX.Element;
3
2
  export default TagDemo;
@@ -1,4 +1,4 @@
1
- import { FunctionComponent } from 'react';
1
+ import React, { FunctionComponent } from 'react';
2
2
  export interface TagProps {
3
3
  type: TagType;
4
4
  color: string;
@@ -10,6 +10,7 @@ export interface TagProps {
10
10
  prefixCls: string;
11
11
  onClick: (e: MouseEvent) => void;
12
12
  onClose: (e?: any) => void;
13
+ children?: React.ReactNode;
13
14
  }
14
15
  export declare type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
15
16
  export declare const Tag: FunctionComponent<Partial<TagProps>>;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const TextAreaDemo: () => JSX.Element;
3
2
  export default TextAreaDemo;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const TimeDetailDemo: () => JSX.Element;
3
2
  export default TimeDetailDemo;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const TimePannelDemo: () => JSX.Element;
3
2
  export default TimePannelDemo;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const TimeSelectDemo: () => JSX.Element;
3
2
  export default TimeSelectDemo;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const ToastDemo: () => JSX.Element;
3
2
  export default ToastDemo;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const UploaderDemo: () => JSX.Element;
3
2
  export default UploaderDemo;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import './demo.scss';
3
2
  declare const VideoDemo: () => JSX.Element;
4
3
  export default VideoDemo;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const ListDemo: () => JSX.Element;
3
2
  export default ListDemo;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nutui/nutui-react",
3
- "version": "1.2.3-beta.0",
3
+ "version": "1.2.3-beta.1",
4
4
  "style": "dist/style.css",
5
5
  "main": "dist/nutui.react.umd.js",
6
6
  "module": "dist/esm/nutui-react.es.js",
@@ -95,8 +95,8 @@
95
95
  "@types/jest": "^27.4.1",
96
96
  "@types/loadable__component": "^5.13.3",
97
97
  "@types/node": "^15.3.1",
98
- "@types/react": "^17.0.0",
99
- "@types/react-dom": "^17.0.0",
98
+ "@types/react": "^18.0.17",
99
+ "@types/react-dom": "^18.0.6",
100
100
  "@types/react-router-dom": "^5.1.7",
101
101
  "@types/react-syntax-highlighter": "^13.5.2",
102
102
  "@types/react-test-renderer": "^18.0.0",