@nutui/nutui-react-taro 2.3.7 → 2.3.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 (94) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/esm/Address/style/style.css +1 -1
  3. package/dist/esm/Address.js +3 -3
  4. package/dist/esm/AvatarCropper.js +1 -1
  5. package/dist/esm/Cascader/style/style.css +1 -1
  6. package/dist/esm/Cascader.js +2 -2
  7. package/dist/esm/Collapse.js +2 -2
  8. package/dist/esm/CollapseItem.js +1 -1
  9. package/dist/esm/DatePicker.js +3 -2
  10. package/dist/esm/Ellipsis.js +2 -1
  11. package/dist/esm/NavBar/style/style.css +1 -1
  12. package/dist/esm/NavBar.js +4 -1
  13. package/dist/esm/Picker.js +2 -1
  14. package/dist/esm/Popover.js +1 -1
  15. package/dist/esm/Radio.js +1 -1
  16. package/dist/esm/RadioGroup.js +1 -1
  17. package/dist/esm/Rate/style/style.css +1 -1
  18. package/dist/esm/Rate.js +5 -1
  19. package/dist/esm/Step/style/style.css +1 -1
  20. package/dist/esm/Step.js +2 -1
  21. package/dist/esm/Steps/style/style.css +1 -1
  22. package/dist/esm/Steps.js +1 -1
  23. package/dist/esm/Tabs/style/style.css +1 -1
  24. package/dist/esm/Tabs.js +1 -1
  25. package/dist/esm/Tour.js +2 -2
  26. package/dist/esm/Video.js +1 -2
  27. package/dist/esm/{address.taro-TWHlPzXv.js → address.taro-LCSSqsR-.js} +1 -1
  28. package/dist/esm/{avatarcropper.taro-_IENn5QL.js → avatarcropper.taro-GIZxzMJ_.js} +2 -2
  29. package/dist/esm/{cascader.taro-QW13vwKb.js → cascader.taro-x_X9F_pH.js} +1 -1
  30. package/dist/esm/{collapse.taro-l21-Cvji.js → collapse.taro-sZibDygv.js} +1 -1
  31. package/dist/esm/{collapseitem.taro-9w-h_UP6.js → collapseitem.taro-AaQ_msgd.js} +2 -2
  32. package/dist/esm/{datepicker.taro-OrqtwJFM.js → datepicker.taro-S111IvJO.js} +1 -1
  33. package/dist/esm/{ellipsis.taro-ov_C4kbs.js → ellipsis.taro-VApVqS_j.js} +39 -45
  34. package/dist/esm/navbar.taro-AuKPDCaW.js +105 -0
  35. package/dist/esm/nutui-react.es.js +18 -17
  36. package/dist/esm/{picker.taro-_bT5c-BS.js → picker.taro-RAYmFSC0.js} +1 -11
  37. package/dist/esm/{popover.taro-ScQymuJC.js → popover.taro-MUrnn7xY.js} +1 -1
  38. package/dist/esm/{radio.taro-mZvB2wwi.js → radio.taro-EKJXMjnX.js} +7 -6
  39. package/dist/esm/rate.taro-_5Mjd_EO.js +146 -0
  40. package/dist/esm/{step.taro-kCAQ4Q3-.js → step.taro-_DEZqFGb.js} +6 -5
  41. package/dist/esm/{steps.taro-n6BT6nWE.js → steps.taro-PH0qWPla.js} +5 -4
  42. package/dist/esm/{tabs.taro-aR3XROu9.js → tabs.taro-w8ra49Qb.js} +3 -3
  43. package/dist/esm/{tour.taro-GabSljal.js → tour.taro-HLsDVf9g.js} +3 -3
  44. package/dist/esm/types/src/packages/navbar/navbar.taro.d.ts +2 -1
  45. package/dist/esm/types/src/packages/radio/index.d.ts +2 -1
  46. package/dist/esm/types/src/packages/radio/index.taro.d.ts +2 -1
  47. package/dist/esm/types/src/packages/radio/radio.d.ts +1 -2
  48. package/dist/esm/types/src/packages/radio/radio.taro.d.ts +1 -2
  49. package/dist/esm/types/src/packages/radio/types.d.ts +2 -0
  50. package/dist/esm/types/src/packages/radiogroup/context.d.ts +2 -0
  51. package/dist/esm/types/src/packages/radiogroup/index.d.ts +1 -0
  52. package/dist/esm/types/src/packages/radiogroup/index.taro.d.ts +1 -0
  53. package/dist/esm/types/src/packages/radiogroup/radiogroup.d.ts +4 -6
  54. package/dist/esm/types/src/packages/radiogroup/radiogroup.taro.d.ts +4 -6
  55. package/dist/esm/types/src/packages/radiogroup/types.d.ts +4 -0
  56. package/dist/esm/types/src/packages/rate/rate.d.ts +2 -0
  57. package/dist/esm/types/src/packages/rate/rate.taro.d.ts +2 -0
  58. package/dist/esm/types/src/packages/video/video.taro.d.ts +4 -5
  59. package/dist/esm/use-refs-IdrY0ww3.js +15 -0
  60. package/dist/esm/{video.taro-MDBF77xf.js → video.taro-csvHwS2v.js} +5 -7
  61. package/dist/locales/base.js +1 -1
  62. package/dist/locales/en-US.js +1 -1
  63. package/dist/locales/id-ID.js +1 -1
  64. package/dist/locales/tr-TR.js +1 -1
  65. package/dist/locales/zh-CN.js +1 -1
  66. package/dist/locales/zh-TW.js +1 -1
  67. package/dist/locales/zh-UG.js +1 -1
  68. package/dist/nutui.react.es.js +174 -71
  69. package/dist/nutui.react.umd.js +167 -64
  70. package/dist/packages/navbar/navbar.scss +7 -0
  71. package/dist/packages/rate/rate.scss +6 -0
  72. package/dist/packages/step/step.scss +5 -4
  73. package/dist/packages/tabs/tabs.scss +1 -0
  74. package/dist/style.css +1 -1
  75. package/dist/style.mjs +1 -1
  76. package/dist/types/packages/navbar/navbar.taro.d.ts +2 -1
  77. package/dist/types/packages/overlay/overlay.taro.d.ts +5 -1
  78. package/dist/types/packages/radio/index.d.ts +2 -1
  79. package/dist/types/packages/radio/index.taro.d.ts +2 -1
  80. package/dist/types/packages/radio/radio.d.ts +1 -2
  81. package/dist/types/packages/radio/radio.taro.d.ts +1 -2
  82. package/dist/types/packages/radio/types.d.ts +2 -0
  83. package/dist/types/packages/radiogroup/context.d.ts +2 -0
  84. package/dist/types/packages/radiogroup/index.d.ts +1 -0
  85. package/dist/types/packages/radiogroup/index.taro.d.ts +1 -0
  86. package/dist/types/packages/radiogroup/radiogroup.d.ts +4 -6
  87. package/dist/types/packages/radiogroup/radiogroup.taro.d.ts +8 -6
  88. package/dist/types/packages/radiogroup/types.d.ts +4 -0
  89. package/dist/types/packages/rate/rate.d.ts +2 -0
  90. package/dist/types/packages/rate/rate.taro.d.ts +2 -0
  91. package/dist/types/packages/video/video.taro.d.ts +4 -5
  92. package/package.json +1 -1
  93. package/dist/esm/navbar.taro-v0VHQWR4.js +0 -63
  94. package/dist/esm/rate.taro-ZkOVGSDs.js +0 -77
package/dist/style.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react-taro v2.3.7 Fri Jan 19 2024 16:36:12 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react-taro v2.3.8 Fri Jan 26 2024 15:12:23 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,4 +1,5 @@
1
1
  import React, { FunctionComponent } from 'react';
2
+ import { ITouchEvent } from '@tarojs/components';
2
3
  import { BasicComponent } from '../../utils/typings';
3
4
  export interface NavBarProps extends BasicComponent {
4
5
  left: React.ReactNode;
@@ -9,7 +10,7 @@ export interface NavBarProps extends BasicComponent {
9
10
  safeAreaInsetTop: boolean;
10
11
  placeholder: boolean;
11
12
  zIndex: number | string;
12
- onBackClick: (e: React.MouseEvent<HTMLElement>) => void;
13
+ onBackClick: (e: ITouchEvent) => void;
13
14
  children?: React.ReactNode;
14
15
  }
15
16
  export declare const NavBar: FunctionComponent<Partial<NavBarProps>>;
@@ -2,7 +2,11 @@ import React, { FunctionComponent } from 'react';
2
2
  import { ITouchEvent } from '@tarojs/components';
3
3
  import { BasicComponent } from '../../utils/typings';
4
4
  export interface OverlayProps extends BasicComponent {
5
- zIndex: number;
5
+ /**
6
+ * 设置组件页面层级
7
+ * @default 1000
8
+ */
9
+ zIndex: number
6
10
  /**
7
11
  * 动画时长,单位毫秒
8
12
  * @default 300
@@ -1,3 +1,4 @@
1
1
  import { Radio } from './radio';
2
- export type { RadioProps, RadioShape, RadioPosition } from './radio';
2
+ export type { RadioProps } from './radio';
3
+ export type { RadioShape, RadioPosition } from './types';
3
4
  export default Radio;
@@ -1,3 +1,4 @@
1
1
  import { Radio } from './radio.taro';
2
- export type { RadioProps, RadioPosition, RadioShape } from './radio';
2
+ export type { RadioProps } from './radio.taro';
3
+ export type { RadioShape, RadioPosition } from './types';
3
4
  export default Radio;
@@ -1,8 +1,7 @@
1
1
  import React, { FunctionComponent } from 'react';
2
2
  import RadioGroup from '../../packages/radiogroup';
3
3
  import { BasicComponent } from '../../utils/typings';
4
- export type RadioShape = 'button' | 'round';
5
- export type RadioPosition = 'right' | 'left';
4
+ import { RadioPosition, RadioShape } from '../../packages/radio/types';
6
5
  export interface RadioProps extends BasicComponent {
7
6
  disabled: boolean;
8
7
  checked: boolean;
@@ -1,8 +1,7 @@
1
1
  import React, { FunctionComponent } from 'react';
2
2
  import RadioGroup from '../../packages/radiogroup/index.taro';
3
3
  import { BasicComponent } from '../../utils/typings';
4
- export type RadioShape = 'button' | 'round';
5
- export type RadioPosition = 'right' | 'left';
4
+ import { RadioPosition, RadioShape } from '../../packages/radio/types';
6
5
  export interface RadioProps extends BasicComponent {
7
6
  /**
8
7
  * 是否禁用选择
@@ -0,0 +1,2 @@
1
+ export type RadioShape = 'button' | 'round';
2
+ export type RadioPosition = 'right' | 'left';
@@ -1,8 +1,10 @@
1
1
  import React from 'react';
2
+ import { RadioGroupShape } from './types';
2
3
  declare const _default: React.Context<{
3
4
  labelPosition: 'left' | 'right';
4
5
  disabled: boolean | undefined;
5
6
  value: string | number;
7
+ shape: RadioGroupShape | undefined;
6
8
  check: (value: string | number) => void;
7
9
  uncheck: () => void;
8
10
  } | null>;
@@ -1,2 +1,3 @@
1
1
  import { RadioGroup } from './radiogroup';
2
+ export type { RadioGroupOptionType, RadioGroupPosition, RadioGroupDirection, RadioGroupShape, } from './types';
2
3
  export default RadioGroup;
@@ -1,2 +1,3 @@
1
1
  import { RadioGroup } from './radiogroup.taro';
2
+ export type { RadioGroupOptionType, RadioGroupPosition, RadioGroupDirection, RadioGroupShape, } from './types';
2
3
  export default RadioGroup;
@@ -1,15 +1,13 @@
1
1
  import React from 'react';
2
- import { RadioGroupOptionType } from './types';
3
- type Position = 'left' | 'right';
4
- type Direction = 'horizontal' | 'vertical';
2
+ import { RadioGroupDirection, RadioGroupOptionType, RadioGroupPosition, RadioGroupShape } from './types';
5
3
  export interface RadioGroupProps {
6
4
  value?: string | number;
7
5
  defaultValue?: string | number;
8
- labelPosition: Position;
9
- direction: Direction;
6
+ labelPosition: RadioGroupPosition;
7
+ direction: RadioGroupDirection;
8
+ shape?: RadioGroupShape;
10
9
  disabled?: boolean;
11
10
  options: RadioGroupOptionType[];
12
11
  onChange: (value: string | number) => void;
13
12
  }
14
13
  export declare const RadioGroup: React.ForwardRefExoticComponent<Partial<RadioGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;
15
- export {};
@@ -1,7 +1,5 @@
1
1
  import React from 'react';
2
- import { RadioGroupOptionType } from './types';
3
- type Position = 'left' | 'right';
4
- type Direction = 'horizontal' | 'vertical';
2
+ import { RadioGroupDirection, RadioGroupOptionType, RadioGroupPosition, RadioGroupShape } from './types';
5
3
  export interface RadioGroupProps {
6
4
  /**
7
5
  * 当前选中项的标识符
@@ -13,12 +11,17 @@ export interface RadioGroupProps {
13
11
  * 文本所在的位置
14
12
  * @default right
15
13
  */
16
- labelPosition: Position
14
+ labelPosition: RadioGroupPosition
17
15
  /**
18
16
  * 使用横纵方向
19
17
  * @default vertical
20
18
  */
21
- direction: Direction
19
+ direction: RadioGroupDirection
20
+ /**
21
+ * 形状
22
+ * @default -
23
+ */
24
+ shape?: RadioGroupShape
22
25
  /**
23
26
  * 是否禁用
24
27
  * @default false
@@ -36,4 +39,3 @@ export interface RadioGroupProps {
36
39
  onChange: (value: string | number) => void
37
40
  }
38
41
  export declare const RadioGroup: React.ForwardRefExoticComponent<Partial<RadioGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;
39
- export {};
@@ -2,5 +2,9 @@ export interface RadioGroupOptionType {
2
2
  label: string;
3
3
  value: string;
4
4
  disabled?: boolean;
5
+ shape?: RadioGroupShape;
5
6
  onChange?: (checked: boolean) => void;
6
7
  }
8
+ export type RadioGroupPosition = 'left' | 'right';
9
+ export type RadioGroupDirection = 'horizontal' | 'vertical';
10
+ export type RadioGroupShape = 'button' | 'round';
@@ -10,6 +10,8 @@ export interface RateProps extends BasicComponent {
10
10
  disabled: boolean;
11
11
  readOnly: boolean;
12
12
  allowHalf: boolean;
13
+ touchable: boolean;
13
14
  onChange: (value: number) => void;
15
+ onTouchEnd: (e: TouchEvent, value: number) => void;
14
16
  }
15
17
  export declare const Rate: FunctionComponent<Partial<RateProps>>;
@@ -10,6 +10,8 @@ export interface RateProps extends BasicComponent {
10
10
  disabled: boolean;
11
11
  readOnly: boolean;
12
12
  allowHalf: boolean;
13
+ touchable: boolean;
13
14
  onChange: (value: number) => void;
15
+ onTouchEnd: (e: TouchEvent, value: number) => void;
14
16
  }
15
17
  export declare const Rate: FunctionComponent<Partial<RateProps>>;
@@ -1,7 +1,6 @@
1
- import React, { FunctionComponent } from 'react';
2
- import { BaseEventOrig } from '@tarojs/components';
3
- import { BasicComponent } from '../../utils/typings';
4
- export interface VideoProps extends BasicComponent {
1
+ import { FunctionComponent } from 'react';
2
+ import { VideoProps as VideoPropsTaro, BaseEventOrig } from '@tarojs/components';
3
+ export interface VideoProps extends Omit<VideoPropsTaro, 'src'> {
5
4
  /**
6
5
  * 视频地址和类型设置
7
6
  * @default {type: {}, src: ''}
@@ -38,4 +37,4 @@ export interface VideoProps extends BasicComponent {
38
37
  */
39
38
  onPlayEnd: (event: BaseEventOrig<any>) => void
40
39
  }
41
- export declare const Video: FunctionComponent<Partial<VideoProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onPause' | 'onPlay'>>;
40
+ export declare const Video: FunctionComponent<Partial<VideoProps>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nutui/nutui-react-taro",
3
- "version": "2.3.7",
3
+ "version": "2.3.8",
4
4
  "style": "dist/style.css",
5
5
  "main": "dist/nutui.react.umd.js",
6
6
  "module": "dist/esm/nutui-react.es.js",
@@ -1,63 +0,0 @@
1
- import React__default from "react";
2
- import classNames from "classnames";
3
- import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
4
- const defaultProps = {
5
- ...ComponentDefaults,
6
- left: "",
7
- right: "",
8
- titleAlign: "center",
9
- back: "",
10
- fixed: false,
11
- safeAreaInsetTop: false,
12
- placeholder: false,
13
- zIndex: 10
14
- };
15
- const NavBar = (props) => {
16
- const { right, left, titleAlign, className, style, back, fixed, safeAreaInsetTop, placeholder, zIndex, onBackClick } = {
17
- ...defaultProps,
18
- ...props
19
- };
20
- const classPrefix = "nut-navbar";
21
- const children = Array.isArray(props.children) ? props.children : [props.children];
22
- const styles = () => {
23
- return {
24
- ...style,
25
- zIndex
26
- };
27
- };
28
- const renderLeft = () => {
29
- return React__default.createElement(
30
- "div",
31
- { className: `${classPrefix}-left` },
32
- back && React__default.createElement("div", { className: `${classPrefix}-left-back`, onClick: (e) => onBackClick(e) }, back),
33
- left
34
- );
35
- };
36
- const renderContent = () => {
37
- return React__default.createElement("div", { className: `${classPrefix}-title` }, children);
38
- };
39
- const renderRight = () => {
40
- return React__default.createElement("div", { className: `${classPrefix}-right` }, right);
41
- };
42
- const renderWrapper = () => {
43
- return React__default.createElement(
44
- "div",
45
- { className: cls, style: styles() },
46
- renderLeft(),
47
- renderContent(),
48
- renderRight()
49
- );
50
- };
51
- const classes = classNames({
52
- [`${classPrefix}-fixed`]: fixed,
53
- [`${classPrefix}-safe-area-inset-top`]: safeAreaInsetTop,
54
- [`${classPrefix}-title-align-${titleAlign}`]: true
55
- });
56
- const cls = classNames(classPrefix, classes, className);
57
- return React__default.createElement(React__default.Fragment, null, fixed && placeholder ? React__default.createElement("div", { className: `${classPrefix}-placeholder` }, renderWrapper()) : renderWrapper());
58
- };
59
- NavBar.defaultProps = defaultProps;
60
- NavBar.displayName = "NutNavBar";
61
- export {
62
- NavBar as N
63
- };
@@ -1,77 +0,0 @@
1
- import React__default, { useState, useEffect } from "react";
2
- import classNames from "classnames";
3
- import { StarFill } from "@nutui/icons-react-taro";
4
- import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
5
- import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
6
- const defaultProps = {
7
- ...ComponentDefaults,
8
- count: 5,
9
- min: 0,
10
- checkedIcon: null,
11
- uncheckedIcon: null,
12
- disabled: false,
13
- readOnly: false,
14
- allowHalf: false
15
- };
16
- const Rate = (props) => {
17
- const { className, style, count, value, defaultValue, min, checkedIcon, uncheckedIcon, disabled, readOnly, allowHalf, onChange } = {
18
- ...defaultProps,
19
- ...props
20
- };
21
- const classPrefix = "nut-rate";
22
- const [countArray, setCountArray] = useState([1, 2, 3, 4, 5]);
23
- const [score, setScore] = usePropsValue({
24
- value,
25
- defaultValue: Math.max(defaultValue || 0, min),
26
- finalValue: 0,
27
- onChange
28
- });
29
- useEffect(() => {
30
- const tmp = [];
31
- for (let i = 1; i <= Number(count); i++) {
32
- tmp.push(i);
33
- }
34
- setCountArray(tmp);
35
- }, [count]);
36
- const renderIcon = (n) => {
37
- return n <= score ? checkedIcon || React__default.createElement(StarFill, null) : uncheckedIcon || (checkedIcon ? React__default.cloneElement(checkedIcon, {
38
- color: void 0
39
- }) : React__default.createElement(StarFill, null));
40
- };
41
- const onClick = (e, index) => {
42
- e.preventDefault();
43
- e.stopPropagation();
44
- if (disabled || readOnly)
45
- return;
46
- let value2 = 0;
47
- if (!(index === 1 && score === index)) {
48
- value2 = index;
49
- }
50
- value2 = Math.max(value2, min);
51
- setScore(value2);
52
- };
53
- const onHalfClick = (event, n) => {
54
- event.preventDefault();
55
- event.stopPropagation();
56
- const value2 = Math.max(min, n - 0.5);
57
- setScore(value2);
58
- };
59
- return React__default.createElement("div", { className: classNames(classPrefix, {
60
- disabled,
61
- readonly: readOnly
62
- }, className), style }, countArray.map((n) => {
63
- return React__default.createElement(
64
- "div",
65
- { className: `${classPrefix}-item`, key: n, onClick: (event) => onClick(event, n) },
66
- React__default.createElement("div", { className: classNames(`${classPrefix}-item-icon`, {
67
- [`${classPrefix}-item-icon-disabled`]: disabled || n > score
68
- }) }, renderIcon(n)),
69
- allowHalf && score > n - 1 && React__default.createElement("div", { className: classNames(`${classPrefix}-item-half`, `${classPrefix}-item-icon`, `${classPrefix}-item-icon-half`), onClick: (event) => onHalfClick(event, n) }, renderIcon(n))
70
- );
71
- }));
72
- };
73
- Rate.defaultProps = defaultProps;
74
- Rate.displayName = "NutRate";
75
- export {
76
- Rate as R
77
- };