@nutui/nutui-react-taro 1.4.7-beta.0 → 1.4.7

package/dist/esm/{tag.taro-213ec444.js → tag.taro-64f37bd9.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
+import classNames from 'classnames';
 import { I as Icon } from './icon.taro-c9254a81.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-import classNames from 'classnames';
 
 const defaultProps = {
     ...ComponentDefaults,
@@ -12,12 +12,13 @@ const defaultProps = {
     round: false,
     mark: false,
     closeable: false,
+    iconSize: '12px',
     prefixCls: 'nut-tag',
     onClose: (e) => { },
     onClick: (e) => { },
 };
 const Tag = (props) => {
-    const { className, style, color, plain, type, round, prefixCls, children, mark, closeable, textColor, onClick, onClose, iconClassPrefix, iconFontClassName, } = {
+    const { className, style, color, plain, type, round, prefixCls, children, mark, closeable, iconSize, textColor, onClick, onClose, iconClassPrefix, iconFontClassName, } = {
         ...defaultProps,
         ...props,
     };
@@ -33,6 +34,7 @@ const Tag = (props) => {
         round,
         mark,
         closeable,
+        iconSize,
         prefixCls,
         onClick,
         onClose,
@@ -76,7 +78,7 @@ const Tag = (props) => {
     };
     return (React__default.createElement(React__default.Fragment, null, closeable ? (isTagShow && (React__default.createElement("div", { className: btnName, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) },
         children && React__default.createElement("span", { className: "nut-tag-text" }, children),
-        React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "_icon", name: "close", size: "12", onClick: (e) => {
+        React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "_icon", name: "close", size: iconSize, onClick: (e) => {
                 setIsTagShow(false);
                 if (props.onClose) {
                     props.onClose(e);

package/dist/esm/{timeselect.taro-b04b1538.js → timeselect.taro-4fb46162.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { P as Popup } from './popup.taro-89809b25.js';
+import { P as Popup } from './popup.taro-4c18f46c.js';
 import { T as TimePannel } from './timepannel.taro-29f9dd86.js';
 import { T as TimeDetail } from './timedetail.taro-c5f564fd.js';
 import { c as cn } from './bem-893ad28d.js';

package/dist/esm/types/src/packages/formitem/formitem.d.ts

@@ -8,6 +8,7 @@ export interface FormItemProps extends BasicComponent, BaseFormField {
     errorMessageAlign: TextAlign;
     showErrorLine: boolean;
     showErrorMessage: boolean;
+    initialValue: string;
 }
 declare const defaultProps: FormItemProps;
 export type FieldProps = typeof defaultProps & Partial<BaseFormField>;

package/dist/esm/types/src/packages/popup/popup.d.ts

@@ -10,6 +10,7 @@ export interface PopupProps extends OverlayProps, BasicComponent {
     closeable: boolean;
     closeIconPosition: string;
     closeIcon: string;
+    closeIconSize?: string | number;
     destroyOnClose: boolean;
     teleport: Teleport;
     overlay: boolean;

package/dist/esm/types/src/packages/popup/popup.taro.d.ts

@@ -11,6 +11,7 @@ export interface PopupProps extends OverlayProps, BasicComponent {
     closeable: boolean;
     closeIconPosition: string;
     closeIcon: string;
+    closeIconSize?: string | number;
     destroyOnClose: boolean;
     teleport: Teleport;
     overlay: boolean;

package/dist/esm/types/src/packages/progress/progress.d.ts

@@ -21,7 +21,6 @@ export interface ProgressProps extends BasicComponent {
     iconName: string;
     iconColor: string;
     iconSize: string;
-    rounded: boolean | string;
     children: ReactNode;
 }
 export declare const Progress: FunctionComponent<Partial<ProgressProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/types/src/packages/progress/progress.taro.d.ts

@@ -21,7 +21,6 @@ export interface ProgressProps extends BasicComponent {
     iconName: string;
     iconColor: string;
     iconSize: string;
-    rounded: boolean | string;
     children: ReactNode;
 }
 export declare const Progress: FunctionComponent<Partial<ProgressProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/types/src/packages/searchbar/searchbar.d.ts

@@ -15,6 +15,7 @@ export interface SearchBarProps extends BasicComponent {
     maxLength?: number;
     /** 是否启用清除图标，点击清除图标后会清空输入框	 */
     clearable?: boolean;
+    clearIconSize?: string | number;
     /** 搜索框外部背景色	 */
     background?: string;
     /** 搜索框背景色	 */

package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts

@@ -15,6 +15,7 @@ export interface SearchBarProps extends BasicComponent {
     maxLength?: number;
     /** 是否启用清除图标，点击清除图标后会清空输入框	 */
     clearable?: boolean;
+    clearIconSize?: string | number;
     /** 搜索框外部背景色	 */
     background?: string;
     /** 搜索框背景色	 */

package/dist/esm/types/src/packages/tag/tag.d.ts

@@ -8,6 +8,7 @@ export interface TagProps extends BasicComponent {
     round: boolean;
     mark: boolean;
     closeable: boolean;
+    iconSize?: string | number;
     prefixCls: string;
     onClick: (e: MouseEvent) => void;
     onClose: (e?: any) => void;

package/dist/esm/types/src/packages/tag/tag.taro.d.ts

@@ -8,6 +8,7 @@ export interface TagProps extends BasicComponent {
     round: boolean;
     mark: boolean;
     closeable: boolean;
+    iconSize?: string | number;
     prefixCls: string;
     onClick: (e: MouseEvent) => void;
     onClose: (e?: any) => void;

package/dist/esm/{uploader.taro-c70d040d.js → uploader.taro-b7b770e6.js}

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import { uploadFile, getEnv, chooseImage } from '@tarojs/taro';
 import { I as Icon } from './icon.taro-c9254a81.js';
 import { B as Button } from './button.taro-dc4795a3.js';
-import { P as Progress } from './progress.taro-18e015e4.js';
+import { P as Progress } from './progress.taro-773482ed.js';
 import { c as cn } from './bem-893ad28d.js';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.7-beta.0 Mon Feb 13 2023 18:07:46 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.7 Wed Feb 15 2023 16:35:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.7-beta.0 Mon Feb 13 2023 18:07:46 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.7 Wed Feb 15 2023 16:35:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.7-beta.0 Mon Feb 13 2023 18:07:46 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.7 Wed Feb 15 2023 16:35:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.7-beta.0 Mon Feb 13 2023 18:07:46 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.7 Wed Feb 15 2023 16:35:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.7-beta.0 Mon Feb 13 2023 18:07:46 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.7 Wed Feb 15 2023 16:35:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.7-beta.0 Mon Feb 13 2023 18:07:46 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.7 Wed Feb 15 2023 16:35:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.7-beta.0 Mon Feb 13 2023 18:07:10 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.7 Wed Feb 15 2023 16:34:56 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -1530,6 +1530,7 @@ const defaultProps$1p = {
   closeable: false,
   closeIconPosition: "top-right",
   closeIcon: "close",
+  closeIconSize: "12px",
   destroyOnClose: true,
   teleport: null,
   overlay: true,
@@ -1579,7 +1580,8 @@ const Popup = (props) => {
     onClosed,
     onClick,
     iconClassPrefix,
-    iconFontClassName
+    iconFontClassName,
+    closeIconSize
   } = props;
   const [index, setIndex] = useState(zIndex || _zIndex);
   const [innerVisible, setInnerVisible] = useState(visible);
@@ -1681,7 +1683,7 @@ const Popup = (props) => {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: closeIcon,
-      size: "12px"
+      size: closeIconSize
     })) : ""));
   };
   const renderNode = () => {
@@ -6785,6 +6787,8 @@ RadioGroup.defaultProps = defaultProps$U;
 RadioGroup.displayName = "NutRadioGroup";
 const defaultProps$T = {
   ...ComponentDefaults,
+  className: "",
+  style: {},
   disabled: false,
   checked: false,
   shape: "round",
@@ -6833,7 +6837,7 @@ const Radio$1 = (props) => {
   };
   const renderButton = () => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: `${componentName}__button ${checkedStatement && `${componentName}__button--active`} ${disabledStatement ? `${componentName}__button--disabled` : ""}`
+      className: `${componentName}__button ${!disabledStatement && checkedStatement && `${componentName}__button--active`} ${disabledStatement ? `${componentName}__button--disabled` : ""}`
     }, children);
   };
   const color = () => {
@@ -6850,11 +6854,12 @@ const Radio$1 = (props) => {
     return /* @__PURE__ */ React__default.createElement(Icon$1, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
-      name: checkedStatement ? iconActiveName2 : iconName2,
+      name: !disabledStatement && checkedStatement ? iconActiveName2 : iconName2,
       size: iconSize2,
       className: color()
     });
   };
+  const reverseState = textPosition === "left";
   const renderRadioItem = () => {
     if (shape === "button") {
       return renderButton();
@@ -6871,9 +6876,8 @@ const Radio$1 = (props) => {
     onChange && onChange(e2);
     context && context.onChange(valueStatement);
   };
-  const reverseState = textPosition === "left";
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: `nut-radio ${className}`,
+    className: `nut-radio ${className} ${reverseState ? `${componentName}--reverse` : ""}`,
     onClick: handleClick,
     ...rest
   }, renderRadioItem());
@@ -7591,6 +7595,7 @@ const defaultProps$O = {
   disabled: false,
   maxLength: 9999,
   clearable: true,
+  clearIconSize: "12px",
   align: "left",
   readonly: true,
   autoFocus: false,
@@ -7612,6 +7617,7 @@ const SearchBar = (props) => {
     disabled,
     maxLength,
     clearable,
+    clearIconSize,
     align,
     readOnly,
     autoFocus,
@@ -7737,7 +7743,7 @@ const SearchBar = (props) => {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       name: "circle-close",
-      size: "12",
+      size: clearIconSize,
       color: "#555"
     }));
   };
@@ -8075,7 +8081,6 @@ const defaultProps$L = {
   iconName: "checked",
   iconColor: "#439422",
   iconSize: "16px",
-  rounded: true,
   children: void 0
 };
 const Progress = (props) => {
@@ -8098,7 +8103,6 @@ const Progress = (props) => {
     iconName,
     iconColor,
     iconSize,
-    rounded,
     children,
     iconClassPrefix,
     iconFontClassName,
@@ -8129,12 +8133,10 @@ const Progress = (props) => {
   });
   const stylesOuter = {
     height: `${strokeWidth}px`,
-    borderRadius: `${rounded ? rounded === true ? "12px" : rounded : 0}`,
     background: `${fillColor}`
   };
   const stylesInner = {
     width: `${percentage}%`,
-    borderRadius: `${rounded ? rounded === true ? "12px" : rounded : 0}`,
     background: `${strokeColor}`
   };
   const stylesInsideText = {
@@ -8167,14 +8169,14 @@ const Progress = (props) => {
     style: stylesInsideText
   }, /* @__PURE__ */ React__default.createElement("span", {
     className: classesTextInner,
-    style: { color: textColor || "#fff" }
+    style: { color: textColor }
   }, percentage, isShowPercentage ? "%" : ""))))), showText && !textInside && /* @__PURE__ */ React__default.createElement("div", {
     className: classesText,
     style: stylesText
   }, textType === "text" && /* @__PURE__ */ React__default.createElement("span", {
     className: classesTextInner,
-    style: { color: textColor || "#333" }
-  }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default.createElement(Icon, {
+    style: { color: textColor }
+  }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default.createElement(Icon$1, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     size: iconSize,
@@ -17453,6 +17455,7 @@ const defaultProps$d = {
   round: false,
   mark: false,
   closeable: false,
+  iconSize: "12px",
   prefixCls: "nut-tag",
   onClose: (e2) => {
   },
@@ -17471,6 +17474,7 @@ const Tag = (props) => {
     children,
     mark,
     closeable,
+    iconSize,
     textColor,
     onClick,
     onClose,
@@ -17492,6 +17496,7 @@ const Tag = (props) => {
     round,
     mark,
     closeable,
+    iconSize,
     prefixCls,
     onClick,
     onClose
@@ -17539,7 +17544,7 @@ const Tag = (props) => {
     fontClassName: iconFontClassName,
     className: "_icon",
     name: "close",
-    size: "12",
+    size: iconSize,
     onClick: (e2) => {
       setIsTagShow(false);
       if (props.onClose) {

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.7-beta.0 Mon Feb 13 2023 18:07:10 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.7 Wed Feb 15 2023 16:34:56 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -1557,6 +1557,7 @@
     closeable: false,
     closeIconPosition: "top-right",
     closeIcon: "close",
+    closeIconSize: "12px",
     destroyOnClose: true,
     teleport: null,
     overlay: true,
@@ -1606,7 +1607,8 @@
       onClosed,
       onClick,
       iconClassPrefix,
-      iconFontClassName
+      iconFontClassName,
+      closeIconSize
     } = props;
     const [index, setIndex] = React.useState(zIndex || _zIndex);
     const [innerVisible, setInnerVisible] = React.useState(visible);
@@ -1708,7 +1710,7 @@
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         name: closeIcon,
-        size: "12px"
+        size: closeIconSize
       })) : ""));
     };
     const renderNode = () => {
@@ -6812,6 +6814,8 @@
   RadioGroup.displayName = "NutRadioGroup";
   const defaultProps$T = {
     ...ComponentDefaults,
+    className: "",
+    style: {},
     disabled: false,
     checked: false,
     shape: "round",
@@ -6860,7 +6864,7 @@
     };
     const renderButton = () => {
       return /* @__PURE__ */ React__default["default"].createElement("div", {
-        className: `${componentName}__button ${checkedStatement && `${componentName}__button--active`} ${disabledStatement ? `${componentName}__button--disabled` : ""}`
+        className: `${componentName}__button ${!disabledStatement && checkedStatement && `${componentName}__button--active`} ${disabledStatement ? `${componentName}__button--disabled` : ""}`
       }, children);
     };
     const color = () => {
@@ -6877,11 +6881,12 @@
       return /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
-        name: checkedStatement ? iconActiveName2 : iconName2,
+        name: !disabledStatement && checkedStatement ? iconActiveName2 : iconName2,
         size: iconSize2,
         className: color()
       });
     };
+    const reverseState = textPosition === "left";
     const renderRadioItem = () => {
       if (shape === "button") {
         return renderButton();
@@ -6898,9 +6903,8 @@
       onChange && onChange(e2);
       context && context.onChange(valueStatement);
     };
-    const reverseState = textPosition === "left";
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: `nut-radio ${className}`,
+      className: `nut-radio ${className} ${reverseState ? `${componentName}--reverse` : ""}`,
       onClick: handleClick,
       ...rest
     }, renderRadioItem());
@@ -7618,6 +7622,7 @@
     disabled: false,
     maxLength: 9999,
     clearable: true,
+    clearIconSize: "12px",
     align: "left",
     readonly: true,
     autoFocus: false,
@@ -7639,6 +7644,7 @@
       disabled,
       maxLength,
       clearable,
+      clearIconSize,
       align,
       readOnly,
       autoFocus,
@@ -7764,7 +7770,7 @@
         classPrefix: iconClassPrefix,
         fontClassName: iconFontClassName,
         name: "circle-close",
-        size: "12",
+        size: clearIconSize,
         color: "#555"
       }));
     };
@@ -8102,7 +8108,6 @@
     iconName: "checked",
     iconColor: "#439422",
     iconSize: "16px",
-    rounded: true,
     children: void 0
   };
   const Progress = (props) => {
@@ -8125,7 +8130,6 @@
       iconName,
       iconColor,
       iconSize,
-      rounded,
       children,
       iconClassPrefix,
       iconFontClassName,
@@ -8156,12 +8160,10 @@
     });
     const stylesOuter = {
       height: `${strokeWidth}px`,
-      borderRadius: `${rounded ? rounded === true ? "12px" : rounded : 0}`,
       background: `${fillColor}`
     };
     const stylesInner = {
       width: `${percentage}%`,
-      borderRadius: `${rounded ? rounded === true ? "12px" : rounded : 0}`,
       background: `${strokeColor}`
     };
     const stylesInsideText = {
@@ -8194,14 +8196,14 @@
       style: stylesInsideText
     }, /* @__PURE__ */ React__default["default"].createElement("span", {
       className: classesTextInner,
-      style: { color: textColor || "#fff" }
+      style: { color: textColor }
     }, percentage, isShowPercentage ? "%" : ""))))), showText && !textInside && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: classesText,
       style: stylesText
     }, textType === "text" && /* @__PURE__ */ React__default["default"].createElement("span", {
       className: classesTextInner,
-      style: { color: textColor || "#333" }
-    }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      style: { color: textColor }
+    }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
       size: iconSize,
@@ -17480,6 +17482,7 @@
     round: false,
     mark: false,
     closeable: false,
+    iconSize: "12px",
     prefixCls: "nut-tag",
     onClose: (e2) => {
     },
@@ -17498,6 +17501,7 @@
       children,
       mark,
       closeable,
+      iconSize,
       textColor,
       onClick,
       onClose,
@@ -17519,6 +17523,7 @@
       round,
       mark,
       closeable,
+      iconSize,
       prefixCls,
       onClick,
       onClose
@@ -17566,7 +17571,7 @@
       fontClassName: iconFontClassName,
       className: "_icon",
       name: "close",
-      size: "12",
+      size: iconSize,
       onClick: (e2) => {
         setIsTagShow(false);
         if (props.onClose) {