@nutui/nutui-react 2.6.15 → 2.6.17

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 (53) hide show
  1. package/CHANGELOG.md +45 -14
  2. package/README.md +2 -2
  3. package/dist/esm/Cell/style/style.css +1 -1
  4. package/dist/esm/Cell.js +3 -3
  5. package/dist/esm/Form/style/style.css +1 -1
  6. package/dist/esm/ImagePreview.js +22 -13
  7. package/dist/esm/InputNumber.js +26 -9
  8. package/dist/esm/Menu.js +9 -2
  9. package/dist/esm/NumberKeyboard.js +38 -27
  10. package/dist/esm/Uploader.js +5 -3
  11. package/dist/esm/formitem2.js +5 -5
  12. package/dist/esm/menuitem2.js +1 -1
  13. package/dist/locales/base.js +1 -1
  14. package/dist/locales/en-US.js +1 -1
  15. package/dist/locales/id-ID.js +1 -1
  16. package/dist/locales/tr-TR.js +1 -1
  17. package/dist/locales/zh-CN.js +1 -1
  18. package/dist/locales/zh-TW.js +1 -1
  19. package/dist/locales/zh-UG.js +1 -1
  20. package/dist/nutui.react.es.js +212 -150
  21. package/dist/nutui.react.umd.js +212 -150
  22. package/dist/packages/cell/cell.scss +20 -0
  23. package/dist/style.css +1 -1
  24. package/dist/types/packages/avatargroup/context.d.ts +0 -1
  25. package/dist/types/packages/cascader/cascader.d.ts +1 -1
  26. package/dist/types/packages/cascader/cascader.taro.d.ts +1 -1
  27. package/dist/types/packages/cell/cell.d.ts +7 -2
  28. package/dist/types/packages/cell/cell.taro.d.ts +2 -1
  29. package/dist/types/packages/cellgroup/context.d.ts +0 -1
  30. package/dist/types/packages/checkboxgroup/context.d.ts +0 -1
  31. package/dist/types/packages/collapse/context.d.ts +0 -1
  32. package/dist/types/packages/form/context.d.ts +0 -1
  33. package/dist/types/packages/formitem/formitem.d.ts +5 -0
  34. package/dist/types/packages/formitem/formitem.taro.d.ts +1 -0
  35. package/dist/types/packages/imagepreview/imagepreview.d.ts +15 -0
  36. package/dist/types/packages/imagepreview/imagepreview.taro.d.ts +17 -13
  37. package/dist/types/packages/inputnumber/inputnumber.d.ts +1 -1
  38. package/dist/types/packages/inputnumber/inputnumber.taro.d.ts +1 -1
  39. package/dist/types/packages/menuitem/menuitem.d.ts +5 -0
  40. package/dist/types/packages/menuitem/menuitem.taro.d.ts +1 -0
  41. package/dist/types/packages/popover/types.d.ts +0 -1
  42. package/dist/types/packages/radiogroup/context.d.ts +1 -1
  43. package/dist/types/packages/row/UserContext.d.ts +0 -1
  44. package/dist/types/packages/sidenavbar/context.d.ts +0 -1
  45. package/dist/types/packages/steps/context.d.ts +0 -1
  46. package/dist/types/packages/swiper/context.d.ts +0 -1
  47. package/dist/types/packages/swiper/swiper.taro.d.ts +2 -1
  48. package/dist/types/packages/uploader/uploader.d.ts +1 -1
  49. package/dist/types/packages/uploader/uploader.taro.d.ts +1 -1
  50. package/dist/types/packages/virtuallist/utils.d.ts +2 -2
  51. package/dist/types/utils/index.d.ts +0 -1
  52. package/dist/types/utils/use-lock-scoll-taro.d.ts +0 -1
  53. package/package.json +1 -1
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare const AvatarContext: import("react").Context<{}>;
@@ -89,5 +89,5 @@ export type CascaderActions = {
89
89
  close: () => void;
90
90
  };
91
91
  export declare const Cascader: React.ForwardRefExoticComponent<Partial<CascaderProps> & {
92
- children?: React.ReactNode;
92
+ children?: ReactNode | undefined;
93
93
  } & React.RefAttributes<unknown>>;
@@ -25,5 +25,5 @@ export type CascaderActions = {
25
25
  close: () => void;
26
26
  };
27
27
  export declare const Cascader: React.ForwardRefExoticComponent<Partial<CascaderProps> & {
28
- children?: React.ReactNode;
28
+ children?: ReactNode | undefined;
29
29
  } & React.RefAttributes<unknown>>;
@@ -23,10 +23,15 @@ export interface CellProps extends BasicComponent {
23
23
  */
24
24
  radius: string | number
25
25
  /**
26
- * 纵轴方向上的对齐方式,可选值为:flex-start、center、flex-end
26
+ * 纵轴方向上的对齐方式
27
27
  * @default flex-start
28
28
  */
29
- align: string
29
+ align: 'flex-start' | 'center' | 'flex-end'
30
+ /**
31
+ * 点击的样式反馈
32
+ * @default false
33
+ */
34
+ clickable: boolean
30
35
  /**
31
36
  * 点击事件
32
37
  * @default false
@@ -6,7 +6,8 @@ export interface CellProps extends BasicComponent {
6
6
  description: ReactNode;
7
7
  extra: ReactNode;
8
8
  radius: string | number;
9
- align: string;
9
+ align: 'flex-start' | 'center' | 'flex-end';
10
+ clickable: boolean;
10
11
  onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
11
12
  }
12
13
  export declare const Cell: FunctionComponent<Partial<CellProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>> & {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const CellGroupContext: import("react").Context<{
3
2
  divider: boolean;
4
3
  } | null>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { CheckboxLimit, CheckboxLabelPosition } from './types';
3
2
  declare const CheckboxGroupContext: import("react").Context<{
4
3
  labelPosition: CheckboxLabelPosition;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const _default: import("react").Context<{
3
2
  isOpen: (name: string) => boolean;
4
3
  updateValue: (name: string) => void;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const Context: import("react").Context<{
3
2
  [key: string]: any;
4
3
  }>;
@@ -55,6 +55,11 @@ export interface FormItemProps extends Omit<BasicComponent, 'children'>, BaseFor
55
55
  */
56
56
  noStyle: boolean
57
57
  children: ReactNode | ((obj: any) => React.ReactNode);
58
+ /**
59
+ * 对齐方式
60
+ * @default flex-start
61
+ */
62
+ align?: 'flex-start' | 'center' | 'flex-end'
58
63
  }
59
64
  export declare class FormItem extends React.Component<Partial<FormItemProps>, {
60
65
  resetCount: number;
@@ -15,6 +15,7 @@ export interface FormItemProps extends Omit<BasicComponent, 'children'>, BaseFor
15
15
  shouldUpdate: boolean;
16
16
  noStyle: boolean;
17
17
  children: ReactNode | ((obj: any) => React.ReactNode);
18
+ align?: 'flex-start' | 'center' | 'flex-end';
18
19
  }
19
20
  export declare class FormItem extends React.Component<Partial<FormItemProps>, {
20
21
  resetCount: number;
@@ -1,6 +1,21 @@
1
1
  import { FunctionComponent, ReactNode } from 'react';
2
2
  import { BasicComponent } from '../../utils/typings';
3
3
  export type ImagePreviewCloseIconPosition = 'top-right' | 'top-left' | 'bottom';
4
+ export interface ImageOption {
5
+ src: string;
6
+ index?: number;
7
+ }
8
+ export interface VideoOption {
9
+ source: {
10
+ src: string;
11
+ type: string;
12
+ };
13
+ options: {
14
+ muted: boolean;
15
+ controls: boolean;
16
+ };
17
+ index?: number;
18
+ }
4
19
  export interface ImagePreviewProps extends BasicComponent {
5
20
  /**
6
21
  * 预览图片数组
@@ -1,20 +1,24 @@
1
1
  import { FunctionComponent, ReactNode } from 'react';
2
2
  import { BasicComponent } from '../../utils/typings';
3
3
  export type ImagePreviewCloseIconPosition = 'top-right' | 'top-left' | 'bottom';
4
- export interface ImagePreviewProps extends BasicComponent {
5
- images: Array<{
4
+ export interface ImageOption {
5
+ src: string;
6
+ index?: number;
7
+ }
8
+ export interface VideoOption {
9
+ source: {
6
10
  src: string;
7
- }>;
8
- videos: Array<{
9
- source: {
10
- src: string;
11
- type: string;
12
- };
13
- options: {
14
- muted: boolean;
15
- controls: boolean;
16
- };
17
- }>;
11
+ type: string;
12
+ };
13
+ options: {
14
+ muted: boolean;
15
+ controls: boolean;
16
+ };
17
+ index?: number;
18
+ }
19
+ export interface ImagePreviewProps extends BasicComponent {
20
+ images: Array<ImageOption>;
21
+ videos: Array<VideoOption>;
18
22
  visible: boolean;
19
23
  autoPlay: boolean;
20
24
  value?: number;
@@ -70,7 +70,7 @@ export interface InputNumberProps extends BasicComponent {
70
70
  * 点击不可用的按钮时触发
71
71
  * @default -
72
72
  */
73
- onOverlimit: (e: React.MouseEvent) => void
73
+ onOverlimit: (e: React.MouseEvent | ChangeEvent<HTMLInputElement>) => void
74
74
  /**
75
75
  * 输入框失去焦点时触发
76
76
  * @default -
@@ -16,7 +16,7 @@ export interface InputNumberProps extends BasicComponent {
16
16
  formatter?: (value?: string | number) => string;
17
17
  onPlus: (e: React.MouseEvent) => void;
18
18
  onMinus: (e: React.MouseEvent) => void;
19
- onOverlimit: (e: React.MouseEvent) => void;
19
+ onOverlimit: (e: React.MouseEvent | ChangeEvent<HTMLInputElement>) => void;
20
20
  onBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
21
21
  onFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
22
22
  onChange: (param: string | number, e: React.MouseEvent | ChangeEvent<HTMLInputElement>) => void;
@@ -11,6 +11,11 @@ export interface MenuItemProps extends BasicComponent {
11
11
  */
12
12
  title: React.ReactNode
13
13
  /**
14
+ * 菜单项 icon
15
+ * @default ArrowUp/ArrowDown
16
+ */
17
+ titleIcon: React.ReactNode
18
+ /**
14
19
  * 选项数组
15
20
  * @default -
16
21
  */
@@ -6,6 +6,7 @@ export interface OptionItem {
6
6
  }
7
7
  export interface MenuItemProps extends BasicComponent {
8
8
  title: React.ReactNode;
9
+ titleIcon: React.ReactNode;
9
10
  options: OptionItem[];
10
11
  disabled: boolean;
11
12
  columns: number;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export type PopoverTheme = 'light' | 'dark';
3
2
  export type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
4
3
  export interface PopoverList {
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { RadioGroupShape } from './types';
3
3
  declare const _default: React.Context<{
4
- labelPosition: 'left' | 'right';
4
+ labelPosition: "left" | "right";
5
5
  disabled: boolean | undefined;
6
6
  value: string | number;
7
7
  shape: RadioGroupShape | undefined;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare const DataContext: import("react").Context<{}>;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare const OffsetContext: import("react").Context<number>;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare const DataContext: import("react").Context<{}>;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare const DataContext: import("react").Context<{}>;
@@ -1,5 +1,6 @@
1
1
  import React, { CSSProperties, ReactNode } from 'react';
2
2
  import { SwiperProps as TaroSwiperProps } from '@tarojs/components';
3
+ import { CommonEventFunction } from '@tarojs/components/types/common';
3
4
  export interface SwiperProps extends Omit<TaroSwiperProps, 'ref'> {
4
5
  width: number;
5
6
  height: number | string;
@@ -8,7 +9,7 @@ export interface SwiperProps extends Omit<TaroSwiperProps, 'ref'> {
8
9
  autoPlay: boolean;
9
10
  loop: boolean;
10
11
  defaultValue: number;
11
- onChange: (e: any) => void;
12
+ onChange: CommonEventFunction<TaroSwiperProps.onChangeEventDetail>;
12
13
  style: CSSProperties;
13
14
  }
14
15
  export declare const Swiper: React.ForwardRefExoticComponent<Partial<SwiperProps> & React.RefAttributes<unknown>>;
@@ -200,5 +200,5 @@ export interface UploaderProps extends BasicComponent {
200
200
  onFileItemClick?: (file: FileItem, index: number) => void
201
201
  }
202
202
  export declare const Uploader: React.ForwardRefExoticComponent<Partial<UploaderProps> & {
203
- children?: React.ReactNode;
203
+ children?: React.ReactNode | undefined;
204
204
  } & React.RefAttributes<unknown>>;
@@ -79,6 +79,6 @@ export interface UploaderProps extends BasicComponent {
79
79
  onFileItemClick?: (file: FileItem, index: number) => void;
80
80
  }
81
81
  export declare const Uploader: React.ForwardRefExoticComponent<Partial<UploaderProps> & {
82
- children?: React.ReactNode;
82
+ children?: React.ReactNode | undefined;
83
83
  } & React.RefAttributes<unknown>>;
84
84
  export {};
@@ -10,7 +10,7 @@ declare const getEndIndex: ({ list, startIndex, visibleCount, itemEqual, positio
10
10
  positions: PositionType[];
11
11
  offSetSize: number;
12
12
  overscan: number;
13
- sizeKey?: 'width' | 'height';
13
+ sizeKey?: "width" | "height";
14
14
  }) => number;
15
- declare const updateItemSize: (positions: PositionType[], items: HTMLCollection, sizeKey: 'width' | 'height', margin?: number) => void;
15
+ declare const updateItemSize: (positions: PositionType[], items: HTMLCollection, sizeKey: "width" | "height", margin?: number) => void;
16
16
  export { initPositinoCache, getListTotalSize, binarySearch, getEndIndex, updateItemSize, };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const isObject: (val: unknown) => val is Record<any, any>;
3
2
  export declare const isFunction: (val: unknown) => val is Function;
4
3
  export declare const isPromise: <T = any>(val: unknown) => val is Promise<T>;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare const useLockScrollTaro: (shouldLock: boolean) => import("react").MutableRefObject<null>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nutui/nutui-react",
3
- "version": "2.6.15",
3
+ "version": "2.6.17",
4
4
  "style": "dist/style.css",
5
5
  "main": "dist/nutui.react.umd.js",
6
6
  "module": "dist/esm/nutui-react.es.js",