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

package/dist/esm/index.taro-c092d216.js

@@ -0,0 +1,227 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "value", "onChange", "textPosition", "direction", "options"],
+  _excluded2 = ["label", "value", "disabled", "onChange"],
+  _excluded3 = ["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, useEffect, useCallback, useContext } from 'react';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { c as cn } from './bem-893ad28d.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+var radioContext = {
+  onChange: function onChange(val) {}
+};
+var RadioContext = React__default.createContext(radioContext);
+var defaultProps$1 = {
+  value: null,
+  textPosition: 'right',
+  onChange: function onChange(value) {},
+  direction: 'vertical',
+  options: []
+};
+var RadioGroup = React__default.forwardRef(function (props, ref) {
+  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
+    children = _defaultProps$1$props.children;
+  cn('RadioGroup');
+  var className = props.className,
+    value = props.value,
+    _onChange = props.onChange,
+    textPosition = props.textPosition,
+    direction = props.direction,
+    options = props.options,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    val2State = _useState2[0],
+    setVal2State = _useState2[1];
+  // useImperativeHandle(ref, () => ({
+  //   toggleAll(state: boolean) {
+  //     console.log(state)
+  //     if (state === false) {
+  //       setInnerValue([])
+  //     } else {
+  //       const childrenLabel: string[] = []
+  //       React.Children.map(children, (child) => {
+  //         const childProps = (child as any).props
+  //         childrenLabel.push(childProps.label || (child as any).children)
+  //       })
+  //       setInnerValue(childrenLabel)
+  //     }
+  //   },
+  // }))
+  useEffect(function () {
+    setVal2State(value);
+  }, [value]);
+  // function handleChildChange(state: boolean, label: string) {
+  //   if (innerValue) {
+  //     let clippedValue = []
+  //     if (state) {
+  //       clippedValue = [...innerValue, label]
+  //     } else {
+  //       innerValue?.splice(innerValue?.indexOf(label), 1)
+  //       clippedValue = [...innerValue]
+  //     }
+  //     setInnerValue(clippedValue)
+  //     onChange && onChange(clippedValue)
+  //   }
+  // }
+  function validateChildChecked(child) {
+    if (val2State === null) return false;
+    return val2State === child.props.value;
+  }
+  function validateChecked(value) {
+    if (val2State === null) return false;
+    return val2State === value;
+  }
+  function cloneChildren() {
+    return React__default.Children.map(children, function (child, index) {
+      var childChecked = validateChildChecked(child);
+      if (child.type.displayName !== 'NutRadio') {
+        return React__default.cloneElement(child);
+      }
+      return React__default.cloneElement(child, {
+        textPosition: textPosition,
+        checked: childChecked
+        // onChange: handleChildChange,
+      });
+    });
+  }
+
+  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(Radio, _objectSpread(_objectSpread({
+        key: value === null || value === void 0 ? void 0 : value.toString(),
+        children: label,
+        value: value,
+        disabled: disabled,
+        onChange: onChange
+      }, rest), {}, {
+        textPosition: textPosition,
+        checked: childChecked
+      }));
+    });
+  }, [val2State]);
+  return React__default.createElement(RadioContext.Provider, {
+    value: {
+      onChange: function onChange(val) {
+        setVal2State(val);
+        _onChange && _onChange(val);
+      }
+    }
+  }, React__default.createElement("div", _objectSpread({
+    className: "nut-radiogroup nut-radiogroup--".concat(props.direction, " ").concat(className || '')
+  }, rest), options !== null && options !== void 0 && options.length ? renderOptionsChildren() : cloneChildren()));
+});
+RadioGroup.defaultProps = defaultProps$1;
+RadioGroup.displayName = 'NutRadioGroup';
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  disabled: false,
+  checked: false,
+  shape: 'round',
+  value: '',
+  textPosition: 'right',
+  iconName: 'check-normal',
+  iconActiveName: 'check-checked',
+  iconSize: 18,
+  onChange: function onChange(e) {}
+});
+var Radio$1 = function Radio$1(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, _excluded3);
+  var componentName = 'nut-radio';
+  var _useState3 = useState(checked),
+    _useState4 = _slicedToArray(_useState3, 2),
+    checkedStatement = _useState4[0],
+    setCheckedStatement = _useState4[1];
+  var _useState5 = useState(value),
+    _useState6 = _slicedToArray(_useState5, 2),
+    valueStatement = _useState6[0],
+    setValueStatement = _useState6[1];
+  var _useState7 = useState(disabled),
+    _useState8 = _slicedToArray(_useState7, 2),
+    disabledStatement = _useState8[0],
+    setDisabledStatement = _useState8[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 [renderLabel(), renderIcon()];
+    }
+    return [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$1.defaultProps = defaultProps;
+Radio$1.displayName = 'NutRadio';
+Radio$1.RadioGroup = RadioGroup;
+var Radio = Radio$1;
+export { Radio as R, RadioGroup as a };

package/dist/esm/{input.taro-39b99dbc.js → input.taro-cc46bbc3.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 { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { u as useConfig } from './configprovider.taro-6c7b3056.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 I };

package/dist/esm/{menu.taro-f8ca86db.js → menu.taro-4abed328.js}

@@ -98,7 +98,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;
     });
@@ -112,7 +113,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.taro-7bf564c9.js → menuitem.taro-06a135a5.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,
@@ -135,7 +134,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.taro-77b5a2c9.js → noticebar.taro-4915fed3.js}

@@ -242,13 +242,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') {
@@ -326,9 +324,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
@@ -345,21 +344,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/nutui-react.es.js

@@ -1,4 +1,4 @@
-export { B as Button } from './button.taro-a9ebb937.js';
+export { B as Button } from './button.taro-7e924b72.js';
 export { C as Cell } from './cell.taro-6daf51a0.js';
 export { C as CellGroup } from './cellgroup.taro-e094471c.js';
 export { I as Icon } from './icon.taro-1d0d4fb7.js';
@@ -15,8 +15,8 @@ export { S as Sticky } from './sticky.taro-30d4e453.js';
 export { N as NavBar } from './navbar.taro-c931c078.js';
 export { F as FixedNav } from './fixednav.taro-582322a1.js';
 export { T as Tabbar } from './tabbar.taro-86cece39.js';
-export { T as TabbarItem } from './tabbaritem.taro-94cd62c2.js';
-export { E as Elevator } from './elevator.taro-ead49158.js';
+export { T as TabbarItem } from './tabbaritem.taro-fb90f659.js';
+export { E as Elevator } from './elevator.taro-d7d65470.js';
 export { P as Pagination } from './pagination.taro-62bbd23f.js';
 export { T as Tabs } from './tabs.taro-e71875fa.js';
 export { T as TabPane } from './tabpane.taro-91cd6cf4.js';
@@ -24,30 +24,28 @@ export { I as Indicator } from './indicator.taro-183ea169.js';
 export { S as SideNavBar } from './sidenavbar.taro-4297f552.js';
 export { S as SubSideNavBar } from './subsidenavbar.taro-4c80ad38.js';
 export { S as SideNavBarItem } from './sidenavbaritem.taro-fee11d26.js';
-export { M as Menu } from './menu.taro-f8ca86db.js';
-export { M as MenuItem } from './menuitem.taro-7bf564c9.js';
+export { M as Menu } from './menu.taro-4abed328.js';
+export { M as MenuItem } from './menuitem.taro-06a135a5.js';
 export { R as Range } from './range.taro-4232e6a7.js';
 export { C as Calendar } from './calendar.taro-533b3219.js';
-export { C as Checkbox } from './checkbox.taro-104557c1.js';
-export { C as CheckboxGroup } from './checkboxgroup.taro-3d380042.js';
+export { C as Checkbox, a as CheckboxGroup } from './checkbox.taro-d8656076.js';
 export { D as DatePicker } from './datepicker.taro-9f8afe51.js';
 export { I as InputNumber } from './inputnumber.taro-0a01f6e1.js';
-export { I as Input } from './input.taro-39b99dbc.js';
-export { R as Radio } from './radio.taro-95d43860.js';
-export { R as RadioGroup } from './radiogroup.taro-b5dad516.js';
+export { I as Input } from './input.taro-cc46bbc3.js';
+export { R as Radio, a as RadioGroup } from './index.taro-c092d216.js';
 export { R as Rate } from './rate.taro-69c85081.js';
 export { C as CalendarItem } from './calendaritem.taro-fe5dd4bd.js';
 export { P as Picker } from './picker.taro-f003b725.js';
 export { S as ShortPassword } from './shortpassword.taro-2e96ca22.js';
 export { T as TextArea } from './textarea.taro-388d1f90.js';
-export { U as Uploader } from './uploader.taro-63a36a30.js';
+export { U as Uploader } from './uploader.taro-a03bb003.js';
 export { C as Cascader } from './cascader.taro-8c9891b4.js';
 export { S as SearchBar } from './searchbar.taro-0d3c0081.js';
 export { N as NumberKeyboard } from './numberkeyboard.taro-53c350b8.js';
 export { A as ActionSheet } from './actionsheet.taro-360d8d34.js';
 export { B as BackTop } from './backtop.taro-99107c30.js';
 export { D as Drag } from './drag.taro-0717c783.js';
-export { D as Dialog } from './dialog.taro-492e2b9a.js';
+export { D as Dialog } from './dialog.taro-0c35b35f.js';
 export { I as Infiniteloading } from './infiniteloading.taro-b95e62bf.js';
 export { N as Notify } from './notify.taro-d9c48fae.js';
 export { S as Switch } from './switch.taro-bae2dca0.js';
@@ -55,16 +53,16 @@ export { T as Toast } from './toast.taro-86862dff.js';
 export { S as Swipe } from './swipe.taro-83bc248f.js';
 export { P as PullToRefresh } from './pulltorefresh.taro-e66c78ad.js';
 export { C as CircleProgress } from './circleprogress.taro-3c89a157.js';
-export { N as NoticeBar } from './noticebar.taro-77b5a2c9.js';
+export { N as NoticeBar } from './noticebar.taro-4915fed3.js';
 export { S as Steps } from './steps.taro-acf205a0.js';
 export { S as Step } from './step.taro-1c94e067.js';
 export { S as Swiper } from './swiper.taro-f314d67a.js';
 export { S as SwiperItem } from './swiperitem-d00e7513.js';
 export { A as Avatar } from './avatar.taro-deabe88a.js';
 export { A as AvatarGroup } from './avatargroup-5b2584d9.js';
-export { P as Price } from './price.taro-97393d8f.js';
+export { P as Price } from './price.taro-8801462e.js';
 export { B as Badge } from './badge.taro-38684262.js';
-export { T as Tag } from './tag.taro-95d7f5c2.js';
+export { T as Tag } from './tag.taro-84d40117.js';
 export { P as Popover } from './popover.taro-7e5dff8c.js';
 export { S as Skeleton } from './skeleton.taro-acca102c.js';
 export { C as CountDown } from './countdown.taro-f2d9ffed.js';
@@ -76,12 +74,12 @@ export { V as VirtualList } from './virtuallist.taro-e3035825.js';
 export { T as Table } from './table.taro-7ac89a6c.js';
 export { V as Video } from './video-8a3518c5.js';
 export { P as Progress } from './progress.taro-623bc807.js';
-export { A as Audio } from './audio.taro-c2f9948a.js';
+export { A as Audio } from './audio.taro-b42a082b.js';
 export { I as ImagePreview } from './imagepreview.taro-1199e977.js';
-export { A as Address } from './address.taro-f16cef31.js';
+export { A as Address } from './address.taro-8d642b4a.js';
 export { B as Barrage } from './barrage.taro-d86c367a.js';
-export { S as Signature } from './signature.taro-0b3abea5.js';
-export { C as Card } from './card.taro-1bc35ebe.js';
+export { S as Signature } from './signature.taro-57f8de06.js';
+export { C as Card } from './card.taro-59f65b66.js';
 export { T as TimePannel } from './timepannel.taro-9904f6e6.js';
 export { T as TimeDetail } from './timedetail.taro-519808cf.js';
 export { T as TimeSelect } from './timeselect.taro-8c4439a8.js';

package/dist/esm/{price.taro-97393d8f.js → price.taro-8801462e.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';
@@ -11,6 +11,8 @@ var defaultProps = {
   symbol: '&yen;',
   decimalDigits: 2,
   thousands: false,
+  position: 'before',
+  size: 'large',
   className: ''
 };
 var Price = function Price(props) {
@@ -20,22 +22,23 @@ 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 replaceSpecialChar = function replaceSpecialChar(url) {
+    url = url.replace(/&quot;/g, '"');
+    url = url.replace(/&amp;/g, '&');
+    url = url.replace(/&lt;/g, '<');
+    url = url.replace(/&gt;/g, '>');
+    url = url.replace(/&nbsp;/g, ' ');
+    url = url.replace(/&yen;/g, '￥');
+    return url;
   };
   var showSymbol = function showSymbol() {
     return {
-      __html: (needSymbol ? replaceSpecialChar(symbol) : '') || ''
+      __html: needSymbol ? replaceSpecialChar(symbol) : ''
     };
   };
   var checkPoint = function checkPoint(price) {
@@ -62,7 +65,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;
     }
@@ -70,18 +73,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/{signature.taro-0b3abea5.js → signature.taro-57f8de06.js}

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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, { useRef, useState } from 'react';
 import Taro, { useReady } from '@tarojs/taro';
-import { B as Button } from './button.taro-a9ebb937.js';
+import { B as Button } from './button.taro-7e924b72.js';
 import { c as cn } from './bem-893ad28d.js';
 import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 var defaultProps = {

package/dist/esm/{tabbaritem.taro-94cd62c2.js → tabbaritem.taro-fb90f659.js}

@@ -9,7 +9,7 @@ import { C as ComponentDefaults } from './typings-1c5f2628.js';
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   dot: false,
   size: '',
-  classPrefix: 'nutui-iconfont',
+  className: '',
   tabTitle: '',
   icon: '',
   href: '',
@@ -25,7 +25,8 @@ var TabbarItem = function TabbarItem(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
     dot = _defaultProps$props.dot,
     size = _defaultProps$props.size,
-    classPrefix = _defaultProps$props.classPrefix,
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
     tabTitle = _defaultProps$props.tabTitle,
     icon = _defaultProps$props.icon,
     href = _defaultProps$props.href,
@@ -53,10 +54,10 @@ var TabbarItem = function TabbarItem(props) {
   return React__default.createElement("div", {
     className: "".concat(b({
       active: active
-    })),
-    style: {
+    }), " ").concat(className),
+    style: _objectSpread(_objectSpread({}, style), {}, {
       color: active ? activeColor : unactiveColor
-    },
+    }),
     onClick: function onClick() {
       handleClick(index);
     }

package/dist/esm/{tag.taro-95d7f5c2.js → tag.taro-84d40117.js}

@@ -19,6 +19,8 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 });
 var Tag = function Tag(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
     color = _defaultProps$props.color,
     plain = _defaultProps$props.plain,
     type = _defaultProps$props.type,
@@ -68,8 +70,8 @@ var Tag = function Tag(props) {
     return style;
   };
   return React__default.createElement("div", null, closeable ? isTagShow && React__default.createElement("div", {
-    className: "".concat(btnName),
-    style: getStyle(),
+    className: "".concat(btnName, " ").concat(className),
+    style: _objectSpread(_objectSpread({}, style), getStyle()),
     onClick: function onClick(e) {
       return handleClick(e);
     }
@@ -88,8 +90,8 @@ var Tag = function Tag(props) {
       }
     }
   })) : React__default.createElement("div", {
-    className: "".concat(btnName),
-    style: getStyle(),
+    className: "".concat(btnName, " ").concat(className),
+    style: _objectSpread(_objectSpread({}, style), getStyle()),
     onClick: function onClick(e) {
       return handleClick(e);
     }