@nutui/nutui-react 1.3.9 → 1.3.10-beta.0

package/CHANGELOG.md

@@ -1,3 +1,39 @@
+# v1.3.10
+`2022-11-09`
+
+* :bug: fix: tabbarItem组件自定义名称统一为className字段 (#434) @cuicuiworld
+* :bug: fix: checkbox 内部类型可选 (#430) @oasis-cloud
+* :bug: fix: noticebar 关闭事件优化，小程序样式优化 (#424) @vickyYe
+* :bug: fix: 取消mixin样式文件引入 (#428) @libin0824
+* :bug: fix(button): add space between icon and text (#418) @Kwan
+* :bug: fix: cell 组件 icon marign 设置错误 (#423) @oasis-cloud
+* :bug: fix: cell组件删除冗余样式 (#401) @irisSong
+* :bug: fix: 变量提取、暗黑模式适配：cellgroup、demo主样式 (#404) @xiaoyatong
+* :sparkles: feat: tag组件添加自定义className和style属性 (#435) @cuicuiworld
+* :sparkles: feat: Address 增加Elevator Taro 适配 (#400) @yangxiaolu1993
+* :sparkles: feat: CheckboxGroup支持options设置子元素 (#425) @cuicuiworld
+* :sparkles: feat: price组件新增自定义大中小尺寸、自定义符号展示在价格前或后、支持没有小数 (#429) @irisSong
+* :sparkles: feat: input组件支持name属性 (#427) @simpleStyle
+* :sparkles: feat: 增加issue-helper入口 (#421) @Ymm0008
+* :sparkles: feat: 单选按钮组支持options设置子元素 (#374) @cuicuiworld
+* 📖 docs: tabs 文档中的粘性布局文案修改 (#403) @oasis-cloud
+* 📖 docs: radio和checkbox文档优化 (#431) @oasis-cloud
+* 📖 docs: 修复部分演示组件的文案显示问题 (#419) @Kwan
+
+# v1.3.9
+`2022-11-02`
+
+* :bug: fix: cellgroup组件自定义名称统一为className字段 (#399) @irisSong
+* :bug: fix: GridItem缺少onClick事件;DatePicker修改onChange名 (#394) @yangxiaolu1993
+* :bug: fix: 支持css粘性布局，引起的左右布局bug修复 (#393) @leiyu0932
+* :bug: fix: button 自定义 style 重复生效 (#391) @oasis-cloud
+* :sparkles: chore: 生成多语言用到的 key (#390) @oasis-cloud
+* :bug: fix: 修复cellgroup组件描述判断错误问题 (#389) @irisSong
+* :bug: fix: sass 变量增加 !default (#387) @oasis-cloud
+* :sparkles: docs: icon 大小展示按照从小到大顺序 (#386) @oasis-cloud
+* :bug: fix: elevator组件taro版本适配完成 (#372) @irisSong
+* :sparkles: feat: backtop 组件适配 taro (#376) @vickyYe
+
 # v1.3.8
 `2022-10-26`
 

package/dist/esm/Button.js

@@ -94,7 +94,9 @@ var Button = function Button(props) {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: icon
-  }) : '', children));
+  }) : '', React__default.createElement("div", {
+    className: "text"
+  }, children)));
 };
 Button.defaultProps = defaultProps;
 Button.displayName = 'NutButton';

package/dist/esm/Checkbox.js

@@ -1,122 +1,8 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["iconName", "iconSize", "label", "className", "textPosition", "iconActiveName", "checked", "disabled", "onChange", "indeterminate", "iconClassPrefix", "iconFontClassName", "iconIndeterminateName", "getParentVals", "max"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useEffect } from 'react';
-import Icon from './Icon.js';
-import CheckboxGroup from './CheckboxGroup.js';
-import { c as cn } from './bem-893ad28d.js';
-import { C as ComponentDefaults } from './typings-1c5f2628.js';
+import { C as Checkbox } from './checkbox-255983fc.js';
+export { C as default } from './checkbox-255983fc.js';
+import 'react';
+import './Icon.js';
+import './CheckboxGroup.js';
+import './bem-893ad28d.js';
 import '@bem-react/classname';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  checked: false,
-  disabled: false,
-  textPosition: 'right',
-  iconSize: 18,
-  iconName: 'check-normal',
-  iconActiveName: 'checked',
-  iconClassPrefix: 'nut-icon',
-  iconFontClassName: 'nutui-iconfont',
-  iconIndeterminateName: 'check-disabled',
-  onChange: function onChange(state, label) {}
-});
-var Checkbox = function Checkbox(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children;
-  var b = cn('checkbox');
-  var iconName = props.iconName,
-    iconSize = props.iconSize,
-    label = props.label,
-    className = props.className,
-    textPosition = props.textPosition,
-    iconActiveName = props.iconActiveName,
-    checked = props.checked,
-    disabled = props.disabled,
-    onChange = props.onChange,
-    indeterminate = props.indeterminate,
-    iconClassPrefix = props.iconClassPrefix,
-    iconFontClassName = props.iconFontClassName,
-    iconIndeterminateName = props.iconIndeterminateName,
-    getParentVals = props.getParentVals,
-    max = props.max,
-    rest = _objectWithoutProperties(props, _excluded);
-  var _useState = useState(checked),
-    _useState2 = _slicedToArray(_useState, 2),
-    innerChecked = _useState2[0],
-    setInnerChecked = _useState2[1];
-  var _useState3 = useState(disabled),
-    _useState4 = _slicedToArray(_useState3, 2),
-    innerDisabled = _useState4[0],
-    setDisabled = _useState4[1];
-  var _useState5 = useState(indeterminate),
-    _useState6 = _slicedToArray(_useState5, 2),
-    _indeterminate = _useState6[0],
-    setIndeterminate = _useState6[1];
-  useEffect(function () {
-    setInnerChecked(checked);
-    setDisabled(disabled);
-  }, [disabled, checked]);
-  useEffect(function () {
-    setIndeterminate(indeterminate);
-  }, [indeterminate]);
-  var getIconName = function getIconName() {
-    if (!innerChecked) {
-      return iconName;
-    }
-    if (_indeterminate) {
-      return iconIndeterminateName;
-    }
-    return iconActiveName;
-  };
-  var renderIcon = function renderIcon() {
-    return React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: getIconName(),
-      size: iconSize,
-      className: color()
-    });
-  };
-  var color = function color() {
-    if (innerDisabled) {
-      return 'nut-checkbox__icon--disable';
-    }
-    if (innerChecked) {
-      if (_indeterminate) {
-        return 'nut-checkbox__icon--indeterminate';
-      }
-      return 'nut-checkbox__icon';
-    }
-    return 'nut-checkbox__icon--unchecked';
-    // return !innerDisabled ? (!innerChecked ? '#d6d6d6' : '#fa2c19') : '#f5f5f5'
-  };
-
-  var renderLabel = function renderLabel() {
-    return React__default.createElement("span", {
-      className: "".concat(b('label', {
-        disabled: innerDisabled
-      }), " ")
-    }, children || label);
-  };
-  var handleClick = function handleClick() {
-    if (!disabled) {
-      var latest = !innerChecked;
-      if (max !== undefined && latest && getParentVals().length >= max) return;
-      onChange && onChange(latest, label || children);
-      setInnerChecked(latest);
-    }
-  };
-  return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: "".concat(b({
-      reverse: textPosition === 'left'
-    }), " ").concat(className || '')
-  }, rest), {}, {
-    onClick: handleClick
-  }), renderIcon(), renderLabel());
-};
-Checkbox.defaultProps = defaultProps;
-Checkbox.displayName = 'NutCheckBox';
-Checkbox.Group = CheckboxGroup;
-export { Checkbox as default };
+import './typings-1c5f2628.js';

package/dist/esm/CheckboxGroup.js

@@ -2,17 +2,23 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "disabled", "onChange", "checkedValue", "max"];
+var _excluded = ["className", "disabled", "onChange", "checkedValue", "max", "options"],
+  _excluded2 = ["label", "value", "disabled", "onChange"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useImperativeHandle, useEffect } from 'react';
+import React__default, { useState, useImperativeHandle, useEffect, useCallback } from 'react';
 import { c as cn } from './bem-893ad28d.js';
+import { C as Checkbox } from './checkbox-255983fc.js';
 import '@bem-react/classname';
+import './Icon.js';
+import './CheckboxGroup.js';
+import './typings-1c5f2628.js';
 var defaultProps = {
   disabled: false,
   checkedValue: [],
   max: undefined,
-  onChange: function onChange(value) {}
+  onChange: function onChange(value) {},
+  options: []
 };
 var CheckboxGroup = React__default.forwardRef(function (props, ref) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
@@ -23,6 +29,7 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
     onChange = props.onChange,
     checkedValue = props.checkedValue,
     max = props.max,
+    options = props.options,
     rest = _objectWithoutProperties(props, _excluded);
   var _useState = useState(disabled),
     _useState2 = _slicedToArray(_useState, 2),
@@ -83,6 +90,10 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
     if (!innerValue) return false;
     return (innerValue === null || innerValue === void 0 ? void 0 : innerValue.indexOf(child.props.label || child.children)) > -1;
   }
+  function validateChecked(value) {
+    if (innerValue === null) return false;
+    return innerValue === value;
+  }
   function getParentVals() {
     return innerValue;
   }
@@ -101,9 +112,30 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
       });
     });
   }
+  var renderOptionsChildren = useCallback(function () {
+    return options === null || options === void 0 ? void 0 : options.map(function (_ref) {
+      var label = _ref.label,
+        value = _ref.value,
+        disabled = _ref.disabled,
+        onChange = _ref.onChange,
+        rest = _objectWithoutProperties(_ref, _excluded2);
+      var childChecked = validateChecked(value);
+      return React__default.createElement(Checkbox, _objectSpread(_objectSpread({
+        key: value === null || value === void 0 ? void 0 : value.toString(),
+        children: label,
+        label: value,
+        disabled: innerDisabled ? true : disabled,
+        onChange: handleChildChange
+      }, rest), {}, {
+        max: max,
+        getParentVals: getParentVals,
+        checked: childChecked
+      }));
+    });
+  }, [innerValue]);
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className || '')
-  }, rest), cloneChildren());
+  }, rest), options !== null && options !== void 0 && options.length ? renderOptionsChildren() : cloneChildren());
 });
 CheckboxGroup.defaultProps = defaultProps;
 CheckboxGroup.displayName = 'NutCheckboxGroup';

package/dist/esm/Input.js

@@ -1,10 +1,10 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "type", "defaultValue", "placeholder", "label", "labelClass", "labelWidth", "labelAlign", "colon", "inputAlign", "center", "required", "disabled", "readonly", "error", "maxlength", "leftIcon", "leftIconSize", "rightIcon", "rightIconSize", "clearable", "clearIcon", "clearSize", "border", "formatTrigger", "rules", "errorMessage", "errorMessageAlign", "showWordLimit", "autofocus", "style", "className", "rows", "slotButton", "slotInput", "onChange", "onBlur", "onFocus", "onClear", "formatter", "keypress", "onClickInput", "onClickLeftIcon", "onClickRightIcon", "onClick", "change", "blur", "focus", "clear", "clickInput", "clickLeftIcon", "clickRightIcon", "click", "iconClassPrefix", "iconFontClassName"];
+var _excluded = ["children", "type", "name", "defaultValue", "placeholder", "label", "labelClass", "labelWidth", "labelAlign", "colon", "inputAlign", "center", "required", "disabled", "readonly", "error", "maxlength", "leftIcon", "leftIconSize", "rightIcon", "rightIconSize", "clearable", "clearIcon", "clearSize", "border", "formatTrigger", "rules", "errorMessage", "errorMessageAlign", "showWordLimit", "autofocus", "style", "className", "rows", "slotButton", "slotInput", "onChange", "onBlur", "onFocus", "onClear", "formatter", "keypress", "onClickInput", "onClickLeftIcon", "onClickRightIcon", "onClick", "change", "blur", "focus", "clear", "clickInput", "clickLeftIcon", "clickRightIcon", "click", "iconClassPrefix", "iconFontClassName"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useRef, useLayoutEffect, useEffect, useCallback } from 'react';
+import React__default, { forwardRef, useState, useRef, useLayoutEffect, useEffect, useImperativeHandle, useCallback } from 'react';
 import Icon from './Icon.js';
 import { useConfig } from './ConfigProvider.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
@@ -36,6 +36,7 @@ function formatNumber(value) {
 }
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   type: 'text',
+  name: '',
   defaultValue: '',
   placeholder: '',
   label: '',
@@ -68,12 +69,13 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   slotButton: null,
   slotInput: null
 });
-var Input = function Input(props) {
+var Input = forwardRef(function (props, ref) {
   var _useConfig = useConfig(),
     locale = _useConfig.locale;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
     children = _defaultProps$props.children,
     type = _defaultProps$props.type,
+    name = _defaultProps$props.name,
     defaultValue = _defaultProps$props.defaultValue,
     placeholder = _defaultProps$props.placeholder,
     label = _defaultProps$props.label,
@@ -160,6 +162,9 @@ var Input = function Input(props) {
       resetValidation();
     }
   }, [inputValue]);
+  useImperativeHandle(ref, function () {
+    return inputRef.current;
+  });
   var inputClass = useCallback(function () {
     var prefixCls = 'nut-input';
     return [prefixCls, "".concat(center ? 'center' : ''), "".concat(disabled ? "".concat(prefixCls, "-disabled") : ''), "".concat(required ? "".concat(prefixCls, "-required") : ''), "".concat(error ? "".concat(prefixCls, "-error") : ''), "".concat(border ? "".concat(prefixCls, "-border") : '')].filter(Boolean).join(' ');
@@ -293,6 +298,7 @@ var Input = function Input(props) {
       handleClickInput(e);
     }
   }, type === 'textarea' ? React__default.createElement("textarea", {
+    name: name,
     className: "input-text",
     ref: inputRef,
     style: {
@@ -315,6 +321,7 @@ var Input = function Input(props) {
       handleInput(e);
     }
   }) : React__default.createElement("input", {
+    name: name,
     className: "input-text",
     ref: inputRef,
     style: {
@@ -367,7 +374,7 @@ var Input = function Input(props) {
       textAlign: errorMessageAlign
     }
   }, errorMessage) : null)));
-};
+});
 Input.defaultProps = defaultProps;
 Input.displayName = 'NutInput';
 export { Input as default };

package/dist/esm/Menu.js

@@ -110,7 +110,8 @@ var Menu = function Menu(props) {
       title = _child$props.title,
       value = _child$props.value,
       direction = _child$props.direction,
-      options = _child$props.options;
+      options = _child$props.options,
+      className = _child$props.className;
     var currentTitle = options === null || options === void 0 ? void 0 : options.filter(function (option) {
       return option.value === value;
     });
@@ -124,7 +125,7 @@ var Menu = function Menu(props) {
       className: "nut-menu__item ".concat(classNames({
         active: itemShow[index],
         disabled: disabled
-      })),
+      }), " ").concat(className),
       style: {
         color: itemShow[index] ? activeColor : ''
       },

package/dist/esm/MenuItem.js

@@ -29,7 +29,6 @@ var MenuItem = function MenuItem(props) {
   useConfig();
   var mergedProps = _objectSpread(_objectSpread({}, defaultProps), props);
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    className = _defaultProps$props.className,
     style = _defaultProps$props.style,
     options = _defaultProps$props.options,
     value = _defaultProps$props.value,
@@ -121,7 +120,7 @@ var MenuItem = function MenuItem(props) {
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "placeholder-element ".concat(classNames({
       up: direction === 'up'
-    }), " ").concat(className),
+    })),
     style: placeholderStyle(),
     onClick: function onClick() {
       return parent.toggleItemShow(orderKey);

package/dist/esm/NoticeBar.js

@@ -219,13 +219,11 @@ var NoticeBar = function NoticeBar(props) {
   /**
    * 点击滚动单元
    */
-  var go = function go(item) {
-    click && click(item);
-    onClick && onClick(item);
-  };
-  var handleClickIcon = function handleClickIcon() {
-    close && close(scrollList[0]);
-    onClose && onClose(scrollList[0]);
+  var handleClickIcon = function handleClickIcon(event) {
+    event.stopPropagation();
+    SetShowNoticeBar(!closeMode);
+    close && close(event);
+    onClose && onClose(event);
   };
   var iconShow = function iconShow() {
     if (leftIcon === 'close') {
@@ -303,9 +301,10 @@ var NoticeBar = function NoticeBar(props) {
     fontClassName: iconFontClassName,
     name: rightIcon || 'close',
     color: color
-  })) : null) : null, scrollList.current.length > 0 && direction === 'vertical' ? React__default.createElement("div", {
+  })) : null) : null, showNoticeBar && scrollList.current.length > 0 && direction === 'vertical' ? React__default.createElement("div", {
     className: "nut-noticebar-vertical",
-    style: barStyle
+    style: barStyle,
+    onClick: handleClick
   }, children ? React__default.createElement("div", {
     className: "horseLamp_list",
     style: horseLampStyle
@@ -322,21 +321,18 @@ var NoticeBar = function NoticeBar(props) {
         style: {
           height: height
         },
-        key: index,
-        onClick: function onClick() {
-          go(item);
-        }
+        key: index
       }, item)
     );
   })), React__default.createElement("div", {
     className: "go",
-    onClick: function onClick() {
-      handleClickIcon();
+    onClick: function onClick(e) {
+      handleClickIcon(e);
     }
   }, rightIcon || (closeMode ? React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
-    name: "cross",
+    name: rightIcon || 'close',
     color: color,
     size: "11px"
   }) : null))) : null);

package/dist/esm/Price.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["price", "needSymbol", "symbol", "decimalDigits", "thousands", "className"];
+var _excluded = ["price", "needSymbol", "symbol", "decimalDigits", "thousands", "position", "size", "className"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default from 'react';
@@ -12,6 +12,8 @@ var defaultProps = {
   symbol: '&yen;',
   decimalDigits: 2,
   thousands: false,
+  position: 'before',
+  size: 'large',
   className: ''
 };
 var Price = function Price(props) {
@@ -21,22 +23,14 @@ var Price = function Price(props) {
     symbol = _defaultProps$props.symbol,
     decimalDigits = _defaultProps$props.decimalDigits,
     thousands = _defaultProps$props.thousands,
+    position = _defaultProps$props.position,
+    size = _defaultProps$props.size,
     className = _defaultProps$props.className,
     rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('price');
-  var replaceSpecialChar = function replaceSpecialChar(symbol) {
-    var desSymbol = symbol;
-    desSymbol = symbol.replace(/&quot;/g, '"');
-    desSymbol = symbol.replace(/&amp;/g, '&');
-    desSymbol = symbol.replace(/&lt;/g, '<');
-    desSymbol = symbol.replace(/&gt;/g, '>');
-    desSymbol = symbol.replace(/&nbsp;/g, ' ');
-    desSymbol = symbol.replace(/&yen;/g, '￥');
-    return desSymbol;
-  };
   var showSymbol = function showSymbol() {
     return {
-      __html: (needSymbol ? replaceSpecialChar(symbol) : '') || ''
+      __html: needSymbol ? symbol : ''
     };
   };
   var checkPoint = function checkPoint(price) {
@@ -63,7 +57,7 @@ var Price = function Price(props) {
     }
     if (checkPoint(decimalNum)) {
       decimalNum = Number(decimalNum).toFixed(decimalDigits);
-      decimalNum = typeof decimalNum.split('.') === 'string' ? 0 : decimalNum.split('.')[1];
+      decimalNum = typeof decimalNum.split('.') === 'string' ? 0 : decimalNum.split('.')[1] || 0;
     } else {
       decimalNum = 0;
     }
@@ -71,18 +65,21 @@ var Price = function Price(props) {
     var resultFixed = Number(result).toFixed(decimalDigits);
     return String(resultFixed).substring(2, resultFixed.length);
   };
+  var renderSymbol = function renderSymbol() {
+    return React__default.createElement("div", {
+      className: "".concat(b('symbol'), " ").concat(b("symbol-".concat(size))),
+      dangerouslySetInnerHTML: showSymbol()
+    });
+  };
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className)
-  }, rest), needSymbol ? React__default.createElement("div", {
-    className: "".concat(b('symbol')),
-    dangerouslySetInnerHTML: showSymbol()
-  }) : null, React__default.createElement("div", {
-    className: "".concat(b('big'))
-  }, formatThousands(price)), React__default.createElement("div", {
-    className: "".concat(b('point'))
-  }, "."), React__default.createElement("div", {
-    className: "".concat(b('small'))
-  }, formatDecimal(price)));
+  }, rest), needSymbol && position === 'before' ? renderSymbol() : null, React__default.createElement("div", {
+    className: "".concat(b('integer'), " ").concat(b("integer-".concat(size)))
+  }, formatThousands(price)), decimalDigits !== 0 ? React__default.createElement("div", {
+    className: "".concat(b('decimal'), " ").concat(b("decimal-".concat(size)))
+  }, ".") : null, React__default.createElement("div", {
+    className: "".concat(b('decimal'), " ").concat(b("decimal-".concat(size)))
+  }, formatDecimal(price)), needSymbol && position === 'after' ? renderSymbol() : null);
 };
 Price.defaultProps = defaultProps;
 Price.displayName = 'NutPrice';

package/dist/esm/Radio.js

@@ -1,115 +1,6 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "disabled", "checked", "shape", "textPosition", "value", "iconName", "iconActiveName", "iconSize", "onChange", "iconClassPrefix", "iconFontClassName"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useContext, useEffect } from 'react';
-import Icon from './Icon.js';
-import { R as RadioContext } from './context-aa058329.js';
-import RadioGroup from './RadioGroup.js';
-import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: '',
-  style: {},
-  disabled: false,
-  checked: false,
-  shape: 'round',
-  value: '',
-  textPosition: 'right',
-  iconName: 'check-normal',
-  iconActiveName: 'check-checked',
-  iconSize: 18,
-  onChange: function onChange(e) {}
-});
-var Radio = function Radio(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children;
-  var className = props.className,
-    disabled = props.disabled,
-    checked = props.checked,
-    shape = props.shape,
-    textPosition = props.textPosition,
-    value = props.value,
-    iconName = props.iconName,
-    iconActiveName = props.iconActiveName,
-    iconSize = props.iconSize,
-    onChange = props.onChange,
-    iconClassPrefix = props.iconClassPrefix,
-    iconFontClassName = props.iconFontClassName,
-    rest = _objectWithoutProperties(props, _excluded);
-  var componentName = 'nut-radio';
-  var _useState = useState(checked),
-    _useState2 = _slicedToArray(_useState, 2),
-    checkedStatement = _useState2[0],
-    setCheckedStatement = _useState2[1];
-  var _useState3 = useState(value),
-    _useState4 = _slicedToArray(_useState3, 2),
-    valueStatement = _useState4[0],
-    setValueStatement = _useState4[1];
-  var _useState5 = useState(disabled),
-    _useState6 = _slicedToArray(_useState5, 2),
-    disabledStatement = _useState6[0],
-    setDisabledStatement = _useState6[1];
-  var context = useContext(RadioContext);
-  useEffect(function () {
-    setDisabledStatement(disabled);
-    setValueStatement(value);
-    setCheckedStatement(checked);
-  }, [disabled, value, checked]);
-  var renderLabel = function renderLabel() {
-    return React__default.createElement("div", {
-      className: "".concat(componentName, "__label ").concat(disabledStatement ? "".concat(componentName, "__label--disabled") : '')
-    }, children);
-  };
-  var renderButton = function renderButton() {
-    return React__default.createElement("div", {
-      className: "".concat(componentName, "__button ").concat(checkedStatement && "".concat(componentName, "__button--active"), " ").concat(disabledStatement ? "".concat(componentName, "__button--disabled") : '')
-    }, children);
-  };
-  var color = function color() {
-    if (disabledStatement) {
-      return 'nut-radio__icon--disable';
-    }
-    if (checkedStatement) {
-      return 'nut-radio__icon';
-    }
-    return 'nut-radio__icon--unchecked';
-  };
-  var renderIcon = function renderIcon() {
-    var iconName = props.iconName,
-      iconSize = props.iconSize,
-      iconActiveName = props.iconActiveName;
-    return React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: checkedStatement ? iconActiveName : iconName,
-      size: iconSize,
-      className: color()
-    });
-  };
-  var renderRadioItem = function renderRadioItem() {
-    if (shape === 'button') {
-      return renderButton();
-    }
-    if (reverseState) {
-      return React__default.createElement(React__default.Fragment, null, renderLabel(), renderIcon());
-    }
-    return React__default.createElement(React__default.Fragment, null, renderIcon(), renderLabel());
-  };
-  var handleClick = function handleClick(e) {
-    if (disabledStatement || checkedStatement) return;
-    setCheckedStatement(!checkedStatement);
-    onChange && onChange(e);
-    context && context.onChange(valueStatement);
-  };
-  var reverseState = textPosition === 'left';
-  return React__default.createElement("div", _objectSpread({
-    className: "nut-radio ".concat(className),
-    onClick: handleClick
-  }, rest), renderRadioItem());
-};
-Radio.defaultProps = defaultProps;
-Radio.displayName = 'NutRadio';
-Radio.RadioGroup = RadioGroup;
-export { Radio as default };
+import { R as Radio } from './radio-cf953c7a.js';
+export { R as default } from './radio-cf953c7a.js';
+import 'react';
+import './Icon.js';
+import './RadioGroup.js';
+import './typings-1c5f2628.js';