@nutui/nutui-react-taro 1.3.12-beta.2 → 1.3.12-beta.4

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# v1.3.12
+`2022-11-23`
+
+* :bug: fix: children 无数据时不展示cell，应在顶层判断 (#482) @xiaoyatong
+* :sparkles: chore: pulltorefresh 删除取用 console (#480) @oasis-cloud
+* :bug: fix: taro:h5启动时textare组件change时间获取数据报错问题修复 (#479) @vickyYe
+* :sparkles: feat: add form (#470) @xiaoyatong
+* :bug: fix: taro 包不需要依赖 react-router-dom (#475) @oasis-cloud
+* :bug: fix: calendar taro中Popup组件与h5中属性不一致问题 (#468) @Phyzait
+* :bug: fix: Cell组件当children为空数组时不渲染Cell组件问题 (#466) @cuicuiworld
+* :sparkles: feat: range组件新增描述属性 (#471) @simpleStyle
+* :bug: fix: textarea组件字数统计不准确问题修改，兼容emoji (#467) @vickyYe
+
 # v1.3.11
 `2022-11-16`
 

package/dist/esm/Audio.js

@@ -1,11 +1,11 @@
-import { A as Audio } from './audio.taro-b4f71d1b.js';
-export { A as default } from './audio.taro-b4f71d1b.js';
+import { A as Audio } from './audio.taro-6920085d.js';
+export { A as default } from './audio.taro-6920085d.js';
 import 'react';
 import '@tarojs/taro';
 import './icon.taro-1d0d4fb7.js';
 import './bem-893ad28d.js';
 import '@bem-react/classname';
-import './range.taro-4232e6a7.js';
+import './range.taro-4e5f8f31.js';
 import './useTouch-a2ea68c6.js';
 import './useClientRect-bf69d7b3.js';
 import './toast.taro-86862dff.js';

package/dist/esm/Calendar.js

@@ -1,5 +1,5 @@
-import { C as Calendar } from './calendar.taro-a1f1a7f8.js';
-export { C as default } from './calendar.taro-a1f1a7f8.js';
+import { C as Calendar } from './calendar.taro-0a8cbd0c.js';
+export { C as default } from './calendar.taro-0a8cbd0c.js';
 import 'react';
 import './popup.taro-33d0bbc8.js';
 import 'react-dom';

package/dist/esm/Form/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/form/form.scss'

package/dist/esm/Form.js

@@ -0,0 +1,5 @@
+import { F as Form } from './form.taro-e086758a.js';
+export { F as default } from './form.taro-e086758a.js';
+import 'react';
+import './configprovider-3e87d67a.js';
+import './zh-CN-14165629.js';

package/dist/esm/FormItem/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/formitem/formitem.scss'

package/dist/esm/FormItem.js

@@ -0,0 +1,8 @@
+import { F as FormItem } from './formitem-9f11e314.js';
+export { F as default } from './formitem-9f11e314.js';
+import 'react';
+import 'react-router-dom';
+import './bem-893ad28d.js';
+import '@bem-react/classname';
+import './icon-8dc4de10.js';
+import './typings-1c5f2628.js';

package/dist/esm/PullToRefresh.js

@@ -1,5 +1,5 @@
-import { P as PullToRefresh } from './pulltorefresh.taro-e66c78ad.js';
-export { P as default } from './pulltorefresh.taro-e66c78ad.js';
+import { P as PullToRefresh } from './pulltorefresh.taro-fe2fa54c.js';
+export { P as default } from './pulltorefresh.taro-fe2fa54c.js';
 import 'react';
 import '@use-gesture/react';
 import '@react-spring/web';

package/dist/esm/Range.js

@@ -1,5 +1,5 @@
-import { R as Range } from './range.taro-4232e6a7.js';
-export { R as default } from './range.taro-4232e6a7.js';
+import { R as Range } from './range.taro-4e5f8f31.js';
+export { R as default } from './range.taro-4e5f8f31.js';
 import 'react';
 import './useTouch-a2ea68c6.js';
 import './useClientRect-bf69d7b3.js';

package/dist/esm/TextArea.js

@@ -1,5 +1,5 @@
-import { T as TextArea } from './textarea.taro-0a85b8a5.js';
-export { T as default } from './textarea.taro-0a85b8a5.js';
+import { T as TextArea } from './textarea.taro-e1bf7f4d.js';
+export { T as default } from './textarea.taro-e1bf7f4d.js';
 import 'react';
 import './configprovider.taro-6c7b3056.js';
 import './zh-CN-14165629.js';

package/dist/esm/{audio.taro-b4f71d1b.js → audio.taro-6920085d.js}

@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useState, useRef } from 'react';
 import Taro from '@tarojs/taro';
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
-import { R as Range } from './range.taro-4232e6a7.js';
+import { R as Range } from './range.taro-4e5f8f31.js';
 import { B as Button } from './button.taro-4ce133b9.js';
 import { c as cn } from './bem-893ad28d.js';
 import { u as useConfig } from './configprovider.taro-6c7b3056.js';

package/dist/esm/{calendar.taro-a1f1a7f8.js → calendar.taro-0a8cbd0c.js}

@@ -47,9 +47,14 @@ var Calendar = function Calendar(props) {
     visible: visible,
     position: "bottom",
     round: true,
+    duration: 0.5,
     closeable: true,
+    destroyOnClose: true,
     onClickOverlay: closePopup,
-    onClickCloseIcon: closePopup
+    onClickCloseIcon: closePopup,
+    style: {
+      height: '85vh'
+    }
   }, React__default.createElement(CalendarItem, {
     type: type,
     isAutoBackFill: isAutoBackFill,

package/dist/esm/form.taro-e086758a.js

@@ -0,0 +1,16 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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';
+import { u as useConfig } from './configprovider-3e87d67a.js';
+var defaultProps = {};
+var Form = function Form(props) {
+  useConfig();
+  _objectSpread(_objectSpread({}, defaultProps), props);
+  return React__default.createElement("div", {
+    className: "nut-form"
+  }, "Form");
+};
+Form.defaultProps = defaultProps;
+Form.displayName = 'NutForm';
+export { Form as F };

package/dist/esm/formitem-9f11e314.js

@@ -0,0 +1,237 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "click", "onClick", "title", "subTitle", "desc", "descTextAlign", "isLink", "icon", "roundRadius", "url", "to", "replace", "center", "size", "className", "iconSlot", "linkSlot", "iconClassPrefix", "iconFontClassName"];
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+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, { createContext } from 'react';
+import { useHistory } from 'react-router-dom';
+import { c as cn } from './bem-893ad28d.js';
+import { I as Icon } from './icon-8dc4de10.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+var FormItemContext = createContext({});
+var defaultProps$1 = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  title: null,
+  subTitle: null,
+  desc: '',
+  descTextAlign: 'right',
+  isLink: false,
+  icon: '',
+  roundRadius: '6px',
+  url: '',
+  to: '',
+  replace: false,
+  center: false,
+  size: '',
+  className: '',
+  iconSlot: null,
+  linkSlot: null,
+  click: function click(event) {},
+  onClick: function onClick(event) {}
+});
+var Cell = function Cell(props) {
+  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
+    children = _defaultProps$1$props.children,
+    click = _defaultProps$1$props.click,
+    onClick = _defaultProps$1$props.onClick,
+    title = _defaultProps$1$props.title,
+    subTitle = _defaultProps$1$props.subTitle,
+    desc = _defaultProps$1$props.desc,
+    descTextAlign = _defaultProps$1$props.descTextAlign,
+    isLink = _defaultProps$1$props.isLink,
+    icon = _defaultProps$1$props.icon,
+    roundRadius = _defaultProps$1$props.roundRadius,
+    url = _defaultProps$1$props.url,
+    to = _defaultProps$1$props.to,
+    replace = _defaultProps$1$props.replace,
+    center = _defaultProps$1$props.center,
+    size = _defaultProps$1$props.size,
+    className = _defaultProps$1$props.className,
+    iconSlot = _defaultProps$1$props.iconSlot,
+    linkSlot = _defaultProps$1$props.linkSlot,
+    iconClassPrefix = _defaultProps$1$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$1$props.iconFontClassName,
+    rest = _objectWithoutProperties(_defaultProps$1$props, _excluded);
+  var b = cn('cell');
+  var history = useHistory();
+  var handleClick = function handleClick(event) {
+    click(event);
+    onClick(event);
+    if (to && history) {
+      history[replace ? 'replace' : 'push'](to);
+    } else if (url) {
+      replace ? window.location.replace(url) : window.location.href = url;
+    }
+  };
+  var baseStyle = {
+    borderRadius: Number.isNaN(Number(roundRadius)) ? String(roundRadius) : "".concat(roundRadius, "px")
+  };
+  var styles = title || subTitle || icon ? {} : {
+    textAlign: descTextAlign,
+    flex: 1
+  };
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b({
+      clickable: !!(isLink || to),
+      center: center,
+      large: size === 'large'
+    }, [className]), " "),
+    onClick: function onClick(event) {
+      return handleClick(event);
+    },
+    style: baseStyle
+  }, rest), children || React__default.createElement(React__default.Fragment, null, icon || iconSlot ? React__default.createElement("div", {
+    className: b('icon')
+  }, iconSlot || (icon ? React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    name: icon,
+    className: "icon"
+  }) : null)) : null, title || subTitle ? React__default.createElement("div", {
+    className: "".concat(b('title'))
+  }, title ? React__default.createElement("div", {
+    className: b('maintitle')
+  }, title) : null, subTitle ? React__default.createElement("div", {
+    className: b('subtitle')
+  }, subTitle) : null) : null, desc ? React__default.createElement("div", {
+    className: b('value', {
+      alone: !title && !subTitle
+    }),
+    style: styles
+  }, desc) : null, !linkSlot && (isLink || to) ? React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    name: "right",
+    className: b('link')
+  }) : linkSlot));
+};
+Cell.defaultProps = defaultProps$1;
+Cell.displayName = 'NutCell';
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  name: '',
+  label: '',
+  className: '',
+  rules: [{
+    required: false,
+    message: ''
+  }],
+  disabled: false,
+  labelWidth: 90,
+  errorMessageAlign: 'left',
+  showErrorLine: true,
+  showErrorMessage: true
+});
+var FormItem = /*#__PURE__*/function (_React__default$Compo) {
+  _inherits(FormItem, _React__default$Compo);
+  var _super = _createSuper(FormItem);
+  function FormItem() {
+    var _this;
+    _classCallCheck(this, FormItem);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "cancelRegister", void 0);
+    _defineProperty(_assertThisInitialized(_this), "getControlled", function (children) {
+      var _this$context = _this.context,
+        getFieldValue = _this$context.getFieldValue,
+        setFieldsValue = _this$context.setFieldsValue;
+      var name = _this.props.name;
+      var type = children.type.NAME;
+      return {
+        value: getFieldValue(name),
+        onChange: function onChange(event) {
+          var newValue = event;
+          switch (type) {
+            case 'checkbox':
+              newValue = event.target.value;
+              break;
+          }
+          setFieldsValue(_defineProperty({}, name, newValue));
+        }
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "onStoreChange", function () {
+      _this.forceUpdate();
+    });
+    _defineProperty(_assertThisInitialized(_this), "renderLayout", function (childNode) {
+      var _this$context$errList, _this$context$errList2;
+      var _defaultProps$_this$p = _objectSpread(_objectSpread({}, defaultProps), _this.props),
+        label = _defaultProps$_this$p.label,
+        name = _defaultProps$_this$p.name,
+        _defaultProps$_this$p2 = _defaultProps$_this$p.rules,
+        rules = _defaultProps$_this$p2 === void 0 ? [{
+          required: false,
+          message: ''
+        }] : _defaultProps$_this$p2,
+        className = _defaultProps$_this$p.className,
+        labelWidth = _defaultProps$_this$p.labelWidth,
+        errorMessageAlign = _defaultProps$_this$p.errorMessageAlign,
+        showErrorLine = _defaultProps$_this$p.showErrorLine,
+        showErrorMessage = _defaultProps$_this$p.showErrorMessage;
+      var item = ((_this$context$errList = _this.context.errList) === null || _this$context$errList === void 0 ? void 0 : _this$context$errList.length) > 0 && ((_this$context$errList2 = _this.context.errList) === null || _this$context$errList2 === void 0 ? void 0 : _this$context$errList2.filter(function (item) {
+        return item.field === name;
+      }));
+      var starPositon = _this.context.starPositon;
+      var renderStar = rules.length > 0 && rules[0].required && React__default.createElement("i", {
+        className: "required"
+      });
+      var renderLabel = starPositon === 'Right' ? React__default.createElement(React__default.Fragment, null, label, renderStar) : React__default.createElement(React__default.Fragment, null, renderStar, label);
+      return React__default.createElement(Cell, {
+        className: "nut-form-item ".concat(className)
+      }, label ? React__default.createElement("div", {
+        className: "nut-cell__title nut-form-item__label",
+        style: {
+          width: _this.pxCheck(labelWidth)
+        }
+      }, renderLabel) : null, React__default.createElement("div", {
+        className: "nut-cell__value nut-form-item__body"
+      }, React__default.createElement("div", {
+        className: "nut-form-item__body__slots"
+      }, childNode), item.length > 0 && React__default.createElement("div", {
+        className: "nut-form-item__body__tips",
+        style: {
+          textAlign: errorMessageAlign
+        }
+      }, item[0].message)));
+    });
+    _defineProperty(_assertThisInitialized(_this), "pxCheck", function (value) {
+      return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+    });
+    return _this;
+  }
+  _createClass(FormItem, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      // 注册组件实例到FormStore
+      this.cancelRegister = this.context.registerField(this);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.cancelRegister) {
+        this.cancelRegister();
+      }
+    }
+    // children添加value属性和onChange事件
+  }, {
+    key: "render",
+    value: function render() {
+      var children = this.props.children;
+      var c = Array.isArray(children) ? children[0] : children;
+      var returnChildNode = React__default.cloneElement(c, this.getControlled(c));
+      return this.renderLayout(returnChildNode);
+    }
+  }]);
+  return FormItem;
+}(React__default.Component);
+_defineProperty(FormItem, "defaultProps", defaultProps);
+_defineProperty(FormItem, "contextType", FormItemContext);
+export { FormItem as F };

package/dist/esm/nutui-react.es.js

@@ -26,8 +26,8 @@ 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-4abed328.js';
 export { M as MenuItem } from './menuitem.taro-bb55f482.js';
-export { R as Range } from './range.taro-4232e6a7.js';
-export { C as Calendar } from './calendar.taro-a1f1a7f8.js';
+export { R as Range } from './range.taro-4e5f8f31.js';
+export { C as Calendar } from './calendar.taro-0a8cbd0c.js';
 export { C as Checkbox, a as CheckboxGroup } from './checkbox.taro-0bda9796.js';
 export { D as DatePicker } from './datepicker.taro-9f8afe51.js';
 export { I as InputNumber } from './inputnumber.taro-0a01f6e1.js';
@@ -37,11 +37,13 @@ export { R as Rate } from './rate.taro-10197384.js';
 export { C as CalendarItem } from './calendaritem.taro-3a12e7f2.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-0a85b8a5.js';
+export { T as TextArea } from './textarea.taro-e1bf7f4d.js';
 export { U as Uploader } from './uploader.taro-2e16bff6.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 { F as Form } from './form.taro-e086758a.js';
+export { F as FormItem } from './formitem-9f11e314.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';
@@ -51,7 +53,7 @@ export { N as Notify } from './notify.taro-d9c48fae.js';
 export { S as Switch } from './switch.taro-bae2dca0.js';
 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 { P as PullToRefresh } from './pulltorefresh.taro-fe2fa54c.js';
 export { C as CircleProgress } from './circleprogress.taro-3c89a157.js';
 export { N as NoticeBar } from './noticebar.taro-4915fed3.js';
 export { S as Steps } from './steps.taro-acf205a0.js';
@@ -74,7 +76,7 @@ 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-b4f71d1b.js';
+export { A as Audio } from './audio.taro-6920085d.js';
 export { I as ImagePreview } from './imagepreview.taro-69d47ab0.js';
 export { A as Address } from './address.taro-8d642b4a.js';
 export { B as Barrage } from './barrage.taro-d86c367a.js';
@@ -99,6 +101,7 @@ import './offsetContext-0e3d04b3.js';
 import './useTouch-a2ea68c6.js';
 import './useClientRect-bf69d7b3.js';
 import './icon-8dc4de10.js';
+import 'react-router-dom';
 import '@use-gesture/react';
 import '@react-spring/web';
 import './UserContext-68f62e66.js';

package/dist/esm/{pulltorefresh.taro-e66c78ad.js → pulltorefresh.taro-fe2fa54c.js}

@@ -272,7 +272,6 @@ var PullToRefresh = function PullToRefresh(p) {
     } : false
   });
   var renderStatusText = function renderStatusText() {
-    console.log(props);
     if (props.renderText) {
       var _props$renderText;
       return (_props$renderText = props.renderText) === null || _props$renderText === void 0 ? void 0 : _props$renderText.call(props, status);

package/dist/esm/{range.taro-4232e6a7.js → range.taro-4e5f8f31.js}

@@ -43,7 +43,10 @@ var Range = function Range(props) {
     dragEnd = _defaultProps$props.dragEnd,
     onChange = _defaultProps$props.onChange,
     onDragStart = _defaultProps$props.onDragStart,
-    onDragEnd = _defaultProps$props.onDragEnd;
+    onDragEnd = _defaultProps$props.onDragEnd,
+    minDesc = _defaultProps$props.minDesc,
+    maxDesc = _defaultProps$props.maxDesc,
+    curValueDesc = _defaultProps$props.curValueDesc;
   var _defaultProps$props2 = _objectSpread(_objectSpread({}, defaultProps), props),
     min = _defaultProps$props2.min,
     max = _defaultProps$props2.max,
@@ -258,10 +261,10 @@ var Range = function Range(props) {
               return getRectByTaro(root.current);
             case 5:
               rect = _context.sent;
-              delta = event.detail.x - rect.left;
+              delta = (event.detail.x ? event.detail.x : event.clientX) - rect.left;
               total = rect.width;
               if (vertical) {
-                delta = event.detail.y - rect.top;
+                delta = (event.detail.y ? event.detail.y : event.clientY) - rect.top;
                 total = rect.height;
               }
               value = Number(min) + delta / total * scope();
@@ -369,7 +372,7 @@ var Range = function Range(props) {
     className: "".concat(containerName)
   }, !hiddenRange ? React__default.createElement("div", {
     className: "min"
-  }, +min) : null, React__default.createElement("div", {
+  }, minDesc || +min) : null, React__default.createElement("div", {
     ref: root,
     style: wrapperStyle(),
     className: "".concat(rangeName),
@@ -424,7 +427,7 @@ var Range = function Range(props) {
       style: buttonStyle()
     }, !hiddenTag ? React__default.createElement("div", {
       className: "number"
-    }, curValue(index)) : null));
+    }, curValueDesc || curValue(index)) : null));
   }) : React__default.createElement("div", {
     role: "slider",
     className: "nut-range-button-wrapper",
@@ -453,9 +456,9 @@ var Range = function Range(props) {
     style: buttonStyle()
   }, !hiddenTag ? React__default.createElement("div", {
     className: "number"
-  }, curValue()) : null)))), !hiddenRange ? React__default.createElement("div", {
+  }, curValueDesc || curValue()) : null)))), !hiddenRange ? React__default.createElement("div", {
     className: "max"
-  }, +max) : null, React__default.createElement(Toast, {
+  }, maxDesc || +max) : null, React__default.createElement(Toast, {
     type: "text",
     visible: show,
     msg: toastMsg,

package/dist/esm/{textarea.taro-0a85b8a5.js → textarea.taro-e1bf7f4d.js}

@@ -48,7 +48,7 @@ var TextArea = function TextArea(props) {
     SetInputValue(initValue);
   }, [defaultValue]);
   var textChange = function textChange(event) {
-    var text = event.detail;
+    var text = event.detail ? event.detail : event.target;
     if (maxlength && _toConsumableArray(text.value).length > Number(maxlength)) {
       text.value = text.value.substring(0, Number(maxlength));
     }
@@ -63,7 +63,7 @@ var TextArea = function TextArea(props) {
   var textBlur = function textBlur(event) {
     if (disabled) return;
     if (readonly) return;
-    var text = event.detail;
+    var text = event.detail ? event.detail : event.target;
     onChange && onChange(text.value, event);
     onBlur && onBlur(event);
   };

package/dist/esm/types/src/packages/form/demo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const FormDemo: () => JSX.Element;
+export default FormDemo;

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

@@ -0,0 +1,9 @@
+import React, { FunctionComponent } from 'react';
+import { IComponent } from '@/utils/typings';
+import { FormItem } from '../formitem/formitem';
+import { BaseForm } from './types';
+export interface FormProps extends IComponent, BaseForm {
+}
+export declare const Form: FunctionComponent<Partial<FormProps> & React.HTMLAttributes<HTMLFormElement>> & {
+    Item: typeof FormItem;
+};

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

@@ -0,0 +1,4 @@
+import React, { FunctionComponent } from 'react';
+export interface FormProps {
+}
+export declare const Form: FunctionComponent<Partial<FormProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/types/src/packages/form/index.d.ts

@@ -0,0 +1,2 @@
+import { Form } from './form';
+export default Form;

package/dist/esm/types/src/packages/form/index.taro.d.ts

@@ -0,0 +1,2 @@
+import { Form } from './form.taro';
+export default Form;

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

@@ -0,0 +1,82 @@
+export interface BaseForm {
+    /**
+     * 经 Form.useForm() 创建的 form 控制实例，不提供时会自动创建
+     */
+    form: any;
+    /**
+     * label的位置
+     * 可选值 top/left/right
+     */
+    labelPosition: string | number;
+    /**
+     * 表单分组名称
+     */
+    formGroupTitle: string;
+    starPositon: string;
+    /**
+     * 表单校验成功回调
+     */
+    onFinish: (obj: object) => void;
+    /**
+     * 表单校验失败回调
+     */
+    onFinishFailed: (value: []) => void;
+}
+export interface FormItemRuleWithoutValidator {
+    [key: string]: any;
+    regex?: RegExp;
+    required?: boolean;
+    message?: string;
+}
+export interface FormItemRule extends FormItemRuleWithoutValidator {
+    validator?: (value: any, ruleCfg: FormItemRuleWithoutValidator) => boolean | string | Promise<boolean | string>;
+}
+export interface BaseFormField {
+    /**
+     * 字段名
+     */
+    name: string;
+    /**
+     * label 标签的文本
+     */
+    label: string;
+    /**
+     * 校验规则，设置字段的校验逻辑
+     */
+    rules: FormItemRule[];
+    /**
+     * 是否禁用表单项
+     */
+    disabled: boolean;
+}
+export declare type StoreValue = string | number;
+export declare type NamePath = string | number;
+export interface Callbacks<Values = any> {
+    onValuesChange?: (values: Values) => void;
+    onFinish?: (values: Values) => void;
+    onFinishFailed?: (Values: Values) => void;
+}
+export interface Store {
+    [name: string]: StoreValue;
+}
+export interface FormInstance<Values = any> {
+    registerField: (entity: FieldEntity) => () => void;
+    getFieldValue: (name: NamePath) => StoreValue;
+    setFieldsValue: (value: any) => void;
+    resetFields: (fields?: NamePath[]) => void;
+    submit: () => void;
+    setCallback: (callbacks: Callbacks) => void;
+}
+export interface FieldEntity {
+    onStoreChange: () => void;
+    getNamePath: () => NamePath;
+    props: {
+        name: NamePath;
+        rules?: any[];
+        dependencies?: NamePath[];
+        initialValue?: any;
+    };
+}
+export interface IDescriptor {
+    [name: string]: string;
+}

package/dist/esm/types/src/packages/form/useForm.d.ts

@@ -0,0 +1,2 @@
+import { FormInstance } from './types';
+export declare const useForm: (form?: FormInstance) => any[];