@nutui/nutui-react-taro 2.3.6 → 2.3.8-beta.0
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.
- package/CHANGELOG.md +24 -0
- package/dist/esm/Address/style/style.css +1 -1
- package/dist/esm/Address.js +3 -3
- package/dist/esm/Audio.js +2 -2
- package/dist/esm/AvatarCropper.js +2 -2
- package/dist/esm/Button.js +1 -1
- package/dist/esm/Cascader/style/style.css +1 -1
- package/dist/esm/Cascader.js +2 -2
- package/dist/esm/Checkbox.js +1 -1
- package/dist/esm/CheckboxGroup.js +1 -1
- package/dist/esm/CircleProgress/style/style.css +1 -1
- package/dist/esm/Collapse.js +2 -2
- package/dist/esm/CollapseItem.js +1 -1
- package/dist/esm/DatePicker.js +3 -2
- package/dist/esm/Dialog/style/style.css +1 -1
- package/dist/esm/Dialog.js +2 -2
- package/dist/esm/Ellipsis.js +2 -1
- package/dist/esm/Empty.js +2 -2
- package/dist/esm/ImagePreview/style/style.css +1 -1
- package/dist/esm/ImagePreview.js +2 -2
- package/dist/esm/NavBar/style/style.css +1 -1
- package/dist/esm/NavBar.js +4 -1
- package/dist/esm/NumberKeyboard.js +1 -1
- package/dist/esm/Picker.js +2 -1
- package/dist/esm/Popover/style/style.css +1 -1
- package/dist/esm/Popover.js +1 -1
- package/dist/esm/Radio.js +1 -1
- package/dist/esm/RadioGroup.js +1 -1
- package/dist/esm/Rate/style/style.css +1 -1
- package/dist/esm/Rate.js +5 -1
- package/dist/esm/Step/style/style.css +1 -1
- package/dist/esm/Step.js +2 -1
- package/dist/esm/Steps/style/style.css +1 -1
- package/dist/esm/Steps.js +1 -1
- package/dist/esm/Table/style/style.css +1 -1
- package/dist/esm/Table.js +1 -1
- package/dist/esm/Tabs/style/style.css +1 -1
- package/dist/esm/Tabs.js +1 -1
- package/dist/esm/Tour/style/style.css +1 -1
- package/dist/esm/Tour.js +2 -2
- package/dist/esm/Uploader/style/style.css +1 -1
- package/dist/esm/Uploader.js +2 -2
- package/dist/esm/Video.js +1 -2
- package/dist/esm/{address.taro-sTqrtuxC.js → address.taro-LCSSqsR-.js} +1 -1
- package/dist/esm/{audio.taro-ixcoTq7M.js → audio.taro-UpVxFvGk.js} +1 -1
- package/dist/esm/{avatarcropper.taro-OjudqSeT.js → avatarcropper.taro-GIZxzMJ_.js} +3 -3
- package/dist/esm/{button.taro-kZJrygfW.js → button.taro-3IIFy1M2.js} +7 -14
- package/dist/esm/{cascader.taro-DYMZD6ik.js → cascader.taro-x_X9F_pH.js} +1 -1
- package/dist/esm/{checkbox.taro-doAmyAh6.js → checkbox.taro-xMxWdpyI.js} +14 -7
- package/dist/esm/{collapse.taro-l21-Cvji.js → collapse.taro-sZibDygv.js} +1 -1
- package/dist/esm/{collapseitem.taro-9w-h_UP6.js → collapseitem.taro-AaQ_msgd.js} +2 -2
- package/dist/esm/{datepicker.taro-OrqtwJFM.js → datepicker.taro-S111IvJO.js} +1 -1
- package/dist/esm/{dialog.taro-UQN2mJZR.js → dialog.taro-z588FBZJ.js} +25 -4
- package/dist/esm/{ellipsis.taro-ov_C4kbs.js → ellipsis.taro-VApVqS_j.js} +39 -45
- package/dist/esm/{empty.taro-vxcxYcB5.js → empty.taro-98NzV-31.js} +1 -1
- package/dist/esm/{imagepreview.taro-_dileEvw.js → imagepreview.taro-qDST6Lh4.js} +6 -2
- package/dist/esm/navbar.taro-AuKPDCaW.js +105 -0
- package/dist/esm/{numberkeyboard.taro-gJhSoXsl.js → numberkeyboard.taro-CyW0s9bI.js} +3 -2
- package/dist/esm/nutui-react.es.js +27 -26
- package/dist/esm/{picker.taro-_bT5c-BS.js → picker.taro-RAYmFSC0.js} +1 -11
- package/dist/esm/{popover.taro-ScQymuJC.js → popover.taro-MUrnn7xY.js} +1 -1
- package/dist/esm/{radio.taro-mZvB2wwi.js → radio.taro-EKJXMjnX.js} +7 -6
- package/dist/esm/rate.taro-_5Mjd_EO.js +146 -0
- package/dist/esm/{step.taro-kCAQ4Q3-.js → step.taro-_DEZqFGb.js} +6 -5
- package/dist/esm/{steps.taro-n6BT6nWE.js → steps.taro-PH0qWPla.js} +5 -4
- package/dist/esm/{table.taro-Zyemar_o.js → table.taro-d172EUh9.js} +1 -1
- package/dist/esm/{tabs.taro-uXbRqGVo.js → tabs.taro-w8ra49Qb.js} +7 -7
- package/dist/esm/{tour.taro-GabSljal.js → tour.taro-HLsDVf9g.js} +3 -3
- package/dist/esm/types/src/packages/checkbox/checkbox.d.ts +7 -6
- package/dist/esm/types/src/packages/checkbox/checkbox.taro.d.ts +7 -6
- package/dist/esm/types/src/packages/checkboxgroup/checkboxgroup.d.ts +3 -2
- package/dist/esm/types/src/packages/checkboxgroup/checkboxgroup.taro.d.ts +3 -2
- package/dist/esm/types/src/packages/checkboxgroup/context.d.ts +3 -1
- package/dist/esm/types/src/packages/checkboxgroup/types.d.ts +3 -0
- package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
- package/dist/esm/types/src/packages/dialog/config.d.ts +9 -6
- package/dist/esm/types/src/packages/dialog/confirm.d.ts +3 -3
- package/dist/esm/types/src/packages/dialog/content.d.ts +1 -0
- package/dist/esm/types/src/packages/dialog/content.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/dialog/dialog.d.ts +2 -2
- package/dist/esm/types/src/packages/dialog/dialog.taro.d.ts +2 -2
- package/dist/esm/types/src/packages/dialog/dialogwrap.d.ts +1 -0
- package/dist/esm/types/src/packages/dialog/index.d.ts +1 -0
- package/dist/esm/types/src/packages/imagepreview/imagepreview.d.ts +4 -1
- package/dist/esm/types/src/packages/imagepreview/imagepreview.taro.d.ts +4 -1
- package/dist/esm/types/src/packages/imagepreview/index.d.ts +1 -1
- package/dist/esm/types/src/packages/imagepreview/index.taro.d.ts +1 -1
- package/dist/esm/types/src/packages/navbar/navbar.taro.d.ts +2 -1
- package/dist/esm/types/src/packages/numberkeyboard/numberkeyboard.d.ts +2 -1
- package/dist/esm/types/src/packages/numberkeyboard/numberkeyboard.taro.d.ts +2 -1
- package/dist/esm/types/src/packages/radio/index.d.ts +2 -1
- package/dist/esm/types/src/packages/radio/index.taro.d.ts +2 -1
- package/dist/esm/types/src/packages/radio/radio.d.ts +1 -2
- package/dist/esm/types/src/packages/radio/radio.taro.d.ts +1 -2
- package/dist/esm/types/src/packages/radio/types.d.ts +2 -0
- package/dist/esm/types/src/packages/radiogroup/context.d.ts +2 -0
- package/dist/esm/types/src/packages/radiogroup/index.d.ts +1 -0
- package/dist/esm/types/src/packages/radiogroup/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/radiogroup/radiogroup.d.ts +4 -6
- package/dist/esm/types/src/packages/radiogroup/radiogroup.taro.d.ts +4 -6
- package/dist/esm/types/src/packages/radiogroup/types.d.ts +4 -0
- package/dist/esm/types/src/packages/rate/rate.d.ts +2 -0
- package/dist/esm/types/src/packages/rate/rate.taro.d.ts +2 -0
- package/dist/esm/types/src/packages/video/video.taro.d.ts +4 -5
- package/dist/esm/types/src/utils/get-scroll-parent.d.ts +1 -0
- package/dist/esm/{uploader.taro-SAahCKRj.js → uploader.taro-a-U18v5C.js} +2 -2
- package/dist/esm/use-refs-IdrY0ww3.js +15 -0
- package/dist/esm/{video.taro-MDBF77xf.js → video.taro-csvHwS2v.js} +5 -7
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/tr-TR.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +264 -93
- package/dist/nutui.react.umd.js +257 -86
- package/dist/packages/circleprogress/circleprogress.scss +3 -1
- package/dist/packages/dialog/dialog.scss +25 -0
- package/dist/packages/imagepreview/imagepreview.scss +24 -0
- package/dist/packages/navbar/navbar.scss +7 -0
- package/dist/packages/popover/popover.scss +1 -1
- package/dist/packages/rate/rate.scss +6 -0
- package/dist/packages/step/step.scss +5 -4
- package/dist/packages/table/table.scss +12 -1
- package/dist/packages/tabs/tabs.scss +17 -1
- package/dist/packages/uploader/uploader.scss +4 -6
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/styles/variables-jmapp.scss +6 -0
- package/dist/styles/variables.scss +6 -0
- package/dist/types/packages/button/button.taro.d.ts +6 -2
- package/dist/types/packages/checkbox/checkbox.d.ts +7 -6
- package/dist/types/packages/checkbox/checkbox.taro.d.ts +7 -6
- package/dist/types/packages/checkboxgroup/checkboxgroup.d.ts +3 -2
- package/dist/types/packages/checkboxgroup/checkboxgroup.taro.d.ts +8 -3
- package/dist/types/packages/checkboxgroup/context.d.ts +3 -1
- package/dist/types/packages/checkboxgroup/types.d.ts +3 -0
- package/dist/types/packages/configprovider/types.d.ts +1 -1
- package/dist/types/packages/dialog/config.d.ts +9 -6
- package/dist/types/packages/dialog/confirm.d.ts +3 -3
- package/dist/types/packages/dialog/content.d.ts +1 -0
- package/dist/types/packages/dialog/content.taro.d.ts +1 -0
- package/dist/types/packages/dialog/dialog.d.ts +2 -2
- package/dist/types/packages/dialog/dialog.taro.d.ts +2 -2
- package/dist/types/packages/dialog/dialogwrap.d.ts +1 -0
- package/dist/types/packages/dialog/index.d.ts +1 -0
- package/dist/types/packages/imagepreview/imagepreview.d.ts +4 -1
- package/dist/types/packages/imagepreview/imagepreview.taro.d.ts +12 -1
- package/dist/types/packages/imagepreview/index.d.ts +1 -1
- package/dist/types/packages/imagepreview/index.taro.d.ts +1 -1
- package/dist/types/packages/navbar/navbar.taro.d.ts +2 -1
- package/dist/types/packages/numberkeyboard/numberkeyboard.d.ts +2 -1
- package/dist/types/packages/numberkeyboard/numberkeyboard.taro.d.ts +7 -2
- package/dist/types/packages/overlay/overlay.taro.d.ts +5 -1
- package/dist/types/packages/radio/index.d.ts +2 -1
- package/dist/types/packages/radio/index.taro.d.ts +2 -1
- package/dist/types/packages/radio/radio.d.ts +1 -2
- package/dist/types/packages/radio/radio.taro.d.ts +1 -2
- package/dist/types/packages/radio/types.d.ts +2 -0
- package/dist/types/packages/radiogroup/context.d.ts +2 -0
- package/dist/types/packages/radiogroup/index.d.ts +1 -0
- package/dist/types/packages/radiogroup/index.taro.d.ts +1 -0
- package/dist/types/packages/radiogroup/radiogroup.d.ts +4 -6
- package/dist/types/packages/radiogroup/radiogroup.taro.d.ts +8 -6
- package/dist/types/packages/radiogroup/types.d.ts +4 -0
- package/dist/types/packages/rate/rate.d.ts +2 -0
- package/dist/types/packages/rate/rate.taro.d.ts +2 -0
- package/dist/types/packages/video/video.taro.d.ts +4 -5
- package/dist/types/utils/get-scroll-parent.d.ts +1 -0
- package/package.json +1 -1
- package/dist/esm/navbar.taro-v0VHQWR4.js +0 -63
- package/dist/esm/rate.taro-ZkOVGSDs.js +0 -77
|
@@ -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:
|
|
9
|
-
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:
|
|
14
|
+
labelPosition: RadioGroupPosition
|
|
17
15
|
/**
|
|
18
16
|
* 使用横纵方向
|
|
19
17
|
* @default vertical
|
|
20
18
|
*/
|
|
21
|
-
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
|
|
2
|
-
import { BaseEventOrig } from '@tarojs/components';
|
|
3
|
-
|
|
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
|
|
40
|
+
export declare const Video: FunctionComponent<Partial<VideoProps>>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
type ScrollElement = HTMLElement | Window;
|
|
2
2
|
export declare function getScrollParent(el: Element, root?: ScrollElement | null | undefined): Window | Element | null | undefined;
|
|
3
|
+
export declare function getAllScrollableParents(element: Element | null, scrollableParents?: Element[]): Element[];
|
|
3
4
|
export {};
|
package/package.json
CHANGED
|
@@ -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
|
-
};
|