@nutui/nutui-react-taro 1.2.2-beta.0 → 1.3.1-beta.0

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

@@ -1,98 +1,111 @@
-export { B as Button } from './button.taro-90c8bb93.js';
-export { C as Cell } from './cell.taro-8080af48.js';
+export { B as Button } from './button.taro-d5968f9d.js';
+export { C as Cell } from './cell.taro-3bb1b0f2.js';
 export { C as CellGroup } from './cellgroup.taro-8c87bf08.js';
-export { I as Icon } from './icon.taro-bf130544.js';
+export { I as Icon } from './icon.taro-1d0d4fb7.js';
 export { O as Overlay } from './overlay.taro-a784329e.js';
-export { P as Popup } from './popup.taro-897e35fd.js';
-export { C as ConfigProvider } from './configprovider.taro-98343012.js';
+export { P as Popup } from './popup.taro-a89dd3a1.js';
+export { C as ConfigProvider } from './configprovider.taro-1ff7f150.js';
 export { L as Layout } from './layout.taro-358f014f.js';
-export { C as Col } from './col.taro-ff3af36f.js';
-export { R as Row } from './row.taro-7afb510a.js';
-export { D as Divider } from './divider.taro-beaec14a.js';
-export { N as NavBar } from './navbar.taro-f2ba2cf4.js';
-export { F as FixedNav } from './fixednav.taro-5b473df6.js';
+export { C as Col } from './col.taro-2a437387.js';
+export { R as Row } from './row.taro-cec13a7e.js';
+export { D as Divider } from './divider.taro-5236fe6a.js';
+export { G as Grid } from './grid.taro-7fb43d02.js';
+export { G as GridItem } from './griditem.taro-8020b409.js';
+export { N as NavBar } from './navbar.taro-f2eae6a6.js';
+export { F as FixedNav } from './fixednav.taro-75e35339.js';
 export { T as Tabbar } from './tabbar.taro-da72fa2c.js';
-export { T as TabbarItem } from './tabbaritem.taro-898becb1.js';
-export { E as Elevator } from './elevator.taro-e37a3fbb.js';
-export { P as Pagination } from './pagination.taro-abc4a71e.js';
-export { T as Tabs } from './tabs.taro-56a953f6.js';
-export { T as TabPane } from './tabpane.taro-24514060.js';
+export { T as TabbarItem } from './tabbaritem.taro-a88d3ae7.js';
+export { E as Elevator } from './elevator.taro-15b0d8c2.js';
+export { P as Pagination } from './pagination.taro-10449c4a.js';
+export { T as Tabs } from './tabs.taro-d1e85ea5.js';
+export { T as TabPane } from './tabpane.taro-95aa185b.js';
 export { I as Indicator } from './indicator.taro-183ea169.js';
-export { R as Range } from './range.taro-41ced357.js';
-export { C as Calendar } from './calendar.taro-d3a90861.js';
-export { C as Checkbox } from './checkbox.taro-7267be92.js';
-export { C as CheckboxGroup } from './checkboxgroup.taro-bc16131f.js';
-export { D as DatePicker } from './datepicker.taro-f7c8ef80.js';
-export { I as InputNumber } from './inputnumber.taro-4ec2bfb6.js';
-export { I as Input } from './input.taro-b6927020.js';
-export { R as Radio } from './radio.taro-923d91bc.js';
-export { R as RadioGroup } from './radiogroup.taro-f2401b7a.js';
-export { R as Rate } from './rate.taro-3d6edec3.js';
-export { C as CalendarItem } from './calendaritem.taro-bbe4a226.js';
-export { P as Picker } from './picker.taro-c05b1930.js';
-export { S as ShortPassword } from './shortpassword.taro-aad27ce9.js';
-export { T as TextArea } from './textarea.taro-5d4efaf0.js';
-export { U as Uploader } from './uploader.taro-5fab7e14.js';
-export { S as SearchBar } from './searchbar.taro-b05ef5a8.js';
-export { N as NumberKeyboard } from './numberkeyboard.taro-a80cec74.js';
-export { A as ActionSheet } from './actionsheet.taro-4ae40ea0.js';
-export { B as BackTop } from './backtop.taro-65dccd86.js';
-export { D as Drag } from './drag.taro-7c0493f8.js';
-export { D as Dialog } from './dialog.taro-57f6fc2e.js';
-export { I as Infiniteloading } from './infiniteloading.taro-abf15a17.js';
-export { N as Notify } from './notify.taro-837a878b.js';
+export { S as SideNavBar } from './sidenavbar.taro-dd471476.js';
+export { S as SubSideNavBar } from './subsidenavbar.taro-2c1fcf16.js';
+export { S as SideNavBarItem } from './sidenavbaritem.taro-77e077f4.js';
+export { M as Menu } from './menu.taro-03e3b011.js';
+export { M as MenuItem } from './menuitem.taro-56bf3205.js';
+export { R as Range } from './range.taro-fe08c5f4.js';
+export { C as Calendar } from './calendar.taro-1abb1925.js';
+export { C as Checkbox } from './checkbox.taro-6fbc4b3c.js';
+export { C as CheckboxGroup } from './checkboxgroup.taro-3d380042.js';
+export { D as DatePicker } from './datepicker.taro-e385849d.js';
+export { I as InputNumber } from './inputnumber.taro-75662231.js';
+export { I as Input } from './input.taro-1d23861d.js';
+export { R as Radio } from './radio.taro-32cb0172.js';
+export { R as RadioGroup } from './radiogroup-e698d3df.js';
+export { R as Rate } from './rate.taro-a0b21714.js';
+export { C as CalendarItem } from './calendaritem.taro-3c06a809.js';
+export { P as Picker } from './picker.taro-216cc3cb.js';
+export { S as ShortPassword } from './shortpassword.taro-08a05360.js';
+export { T as TextArea } from './textarea.taro-700b04c2.js';
+export { U as Uploader } from './uploader.taro-f7528535.js';
+export { C as Cascader } from './cascader.taro-31dbc60e.js';
+export { S as SearchBar } from './searchbar.taro-450d2f88.js';
+export { N as NumberKeyboard } from './numberkeyboard.taro-5d685c76.js';
+export { A as ActionSheet } from './actionsheet.taro-f4d407b0.js';
+export { B as BackTop } from './backtop.taro-0e2e3946.js';
+export { D as Drag } from './drag.taro-56e8c87a.js';
+export { D as Dialog } from './dialog.taro-c80b7b5f.js';
+export { I as Infiniteloading } from './infiniteloading.taro-0a86819e.js';
+export { N as Notify } from './notify.taro-22b8f4cd.js';
 export { S as Switch } from './switch.taro-be5eb823.js';
-export { T as Toast } from './toast.taro-b7ff92f1.js';
+export { T as Toast } from './toast.taro-bb181833.js';
+export { S as Swipe } from './swipe.taro-dfb9a049.js';
 export { C as CircleProgress } from './circleprogress.taro-1a38e1c6.js';
-export { N as NoticeBar } from './noticebar.taro-70193e5e.js';
+export { N as NoticeBar } from './noticebar.taro-1890c693.js';
 export { S as Steps } from './steps.taro-943f4fbb.js';
-export { S as Step } from './step.taro-33775bf4.js';
-export { S as Swiper } from './swiper.taro-624d2cf2.js';
-export { S as SwiperItem } from './swiperitem.taro-984e3ebb.js';
-export { A as Avatar } from './avatar.taro-5dafffdc.js';
-export { A as AvatarGroup } from './avatargroup.taro-a39282b3.js';
+export { S as Step } from './step-9a048771.js';
+export { S as Swiper } from './swiper.taro-7a2ef124.js';
+export { S as SwiperItem } from './swiperitem-d00e7513.js';
+export { A as Avatar } from './avatar.taro-0a0472fd.js';
+export { A as AvatarGroup } from './avatargroup-1ca79066.js';
 export { P as Price } from './price.taro-97393d8f.js';
-export { B as Badge } from './badge.taro-8c001377.js';
-export { T as Tag } from './tag.taro-77cf134f.js';
-export { P as Popover } from './popover.taro-3b06163e.js';
-export { S as Skeleton } from './skeleton.taro-b2831f6f.js';
-export { C as CountDown } from './countdown.taro-cd6a1bd4.js';
-export { C as Collapse } from './collapse.taro-5fac953d.js';
-export { C as CollapseItem } from './collapseitem.taro-179cf530.js';
-export { A as AnimatingNumbers } from './animatingnumbers.taro-cda438cc.js';
-export { E as Empty } from './empty.taro-c7ccac8a.js';
-export { V as VirtualList } from './virtuallist.taro-2ff1a5ad.js';
+export { B as Badge } from './badge.taro-eeac9de8.js';
+export { T as Tag } from './tag.taro-3bbbb557.js';
+export { P as Popover } from './popover.taro-9b3da0fa.js';
+export { S as Skeleton } from './skeleton.taro-5934c7d7.js';
+export { C as CountDown } from './countdown.taro-b00d0d46.js';
+export { C as Collapse } from './collapse.taro-72e58ba2.js';
+export { C as CollapseItem } from './collapseitem-5556ec54.js';
+export { A as AnimatingNumbers } from './animatingnumbers.taro-877baa98.js';
+export { E as Empty } from './empty.taro-20b8adac.js';
+export { V as VirtualList } from './virtuallist.taro-ce9619f9.js';
+export { T as Table } from './table.taro-305e0317.js';
 export { V as Video } from './video-c1090c92.js';
-export { P as Progress } from './progress.taro-51bcdd4f.js';
-export { A as Address } from './address.taro-82a8fa11.js';
-export { B as Barrage } from './barrage.taro-f1139b9c.js';
-export { S as Signature } from './signature.taro-454c5413.js';
-export { C as Card } from './card.taro-c4f88500.js';
-export { T as TimePannel } from './timepannel.taro-2d54b3db.js';
-export { T as TimeDetail } from './timedetail.taro-0e31b4a5.js';
-export { T as TimeSelect } from './timeselect.taro-e4c97354.js';
+export { P as Progress } from './progress.taro-dd93ac38.js';
+export { A as Audio } from './audio.taro-cd6cc93b.js';
+export { I as ImagePreview } from './imagepreview.taro-a0ddd8a2.js';
+export { A as Address } from './address.taro-4765a826.js';
+export { B as Barrage } from './barrage.taro-efac8422.js';
+export { S as Signature } from './signature.taro-7cb77bab.js';
+export { C as Card } from './card.taro-0861c7b3.js';
+export { T as TimePannel } from './timepannel.taro-e24537e4.js';
+export { T as TimeDetail } from './timedetail.taro-7cc00243.js';
+export { T as TimeSelect } from './timeselect.taro-210fd548.js';
 import 'react';
-import './icon-62bd7379.js';
+import './icon-8dc4de10.js';
 import './bem-893ad28d.js';
 import '@bem-react/classname';
 import 'react-router-dom';
 import '@tarojs/taro';
 import 'classnames';
+import 'react-dom';
 import 'react-transition-group';
 import './overlay-ed3eb37d.js';
-import './zh-CN-f5124686.js';
+import './zh-CN-91090ae2.js';
 import './UserContext-be8097d2.js';
-import './configprovider-18657611.js';
-import './index-31152350.js';
-import './Notification-b09c89e8.js';
-import 'react-dom';
-import './popup-15922d84.js';
-import './raf-3fbb5f92.js';
-import './pickerSlot-c8f5343e.js';
-import './context-aa058329.js';
+import './configprovider-9c393a29.js';
+import './popup-67173ec6.js';
+import './offsetContext-0e3d04b3.js';
+import './useTouch-a2ea68c6.js';
+import './useClientRect-8b7cc406.js';
+import './Notification-422905bd.js';
+import './render-4a3856cb.js';
+import './pickerSlot-f8e4e542.js';
 import '@use-gesture/react';
 import '@react-spring/web';
-import './button-9b1f3219.js';
+import './button-521a516b.js';
 import './UserContext-68f62e66.js';
 import './UserContext-b4181162.js';
 import './AvatarContext-7153ad2b.js';

package/dist/esm/offsetContext-0e3d04b3.js

@@ -0,0 +1,19 @@
+import { createContext } from 'react';
+
+var handleClick = function handleClick(e) {
+  e.stopPropagation();
+  var isIcon = e.target.className.includes('arrow-icon');
+  var isTitle = e.target.className.includes('__title') || isIcon;
+  var currentClass = e.currentTarget.className;
+  var isShow = currentClass.includes('nutShow');
+  var arrowIcon = e.currentTarget.querySelector('.arrow-icon');
+  var iconClass = arrowIcon.className;
+
+  if (isTitle) {
+    e.currentTarget.className = isShow ? currentClass.replace('nutShow', 'nutHide') : currentClass.replace('nutHide', 'nutShow');
+    arrowIcon.className = isShow ? iconClass.replace('arrow-down', 'arrow-up') : iconClass.replace('arrow-up', 'arrow-down');
+  }
+};
+
+var OffsetContext = createContext(20);
+export { OffsetContext as O, handleClick as h };

package/dist/esm/{pagination.taro-abc4a71e.js → pagination.taro-10449c4a.js}

@@ -8,7 +8,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, { useState, useEffect } from 'react';
-import { u as useConfig } from './configprovider-18657611.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
 import { c as cn } from './bem-893ad28d.js';
 var defaultProps = {
   defaultValue: 1,

package/dist/esm/{picker.taro-c05b1930.js → picker.taro-216cc3cb.js}

@@ -2,16 +2,16 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["isVisible", "title", "listData", "defaultValueData", "onConfirm", "onClose", "onCloseUpdate", "onChange", "className", "style", "threeDimensional"];
+var _excluded = ["isVisible", "title", "listData", "defaultValueData", "onConfirm", "onClose", "onCloseUpdate", "onChange", "className", "style", "threeDimensional", "swipeDuration"];
 
 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, useEffect } from 'react';
-import { P as Popup } from './popup-15922d84.js';
-import { P as PickerSlot } from './pickerSlot-c8f5343e.js';
-import { u as useConfig } from './configprovider-18657611.js';
+import { P as Popup } from './popup-67173ec6.js';
+import { P as PickerSlot } from './pickerSlot-f8e4e542.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
 import { c as cn } from './bem-893ad28d.js';
 
 var InternalPicker = function InternalPicker(props, ref) {
@@ -30,6 +30,7 @@ var InternalPicker = function InternalPicker(props, ref) {
       className = props.className,
       style = props.style,
       threeDimensional = props.threeDimensional,
+      swipeDuration = props.swipeDuration,
       rest = _objectWithoutProperties(props, _excluded);
 
   var _useState = useState([]),
@@ -208,8 +209,8 @@ var InternalPicker = function InternalPicker(props, ref) {
     var data = [];
     var normalData = normalListData();
     setColumnsList(normalData);
-    normalData.map(function (item) {
-      data.push(item[0].value);
+    normalData.length > 0 && normalData.map(function (item) {
+      item[0] && data.push(item[0].value);
       return item;
     });
 
@@ -252,6 +253,7 @@ var InternalPicker = function InternalPicker(props, ref) {
       chooseItem: function chooseItem(value, index) {
         return _chooseItem(value, index);
       },
+      swipeDuration: swipeDuration,
       key: index,
       keyIndex: index
     });

package/dist/esm/{pickerSlot-c8f5343e.js → pickerSlot-f8e4e542.js}

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useTouch } from './index-31152350.js';
+import { u as useTouch } from './useTouch-a2ea68c6.js';
 
 var InternalPickerSlot = function InternalPickerSlot(props, ref) {
   var _props$keyIndex = props.keyIndex,
@@ -10,8 +10,11 @@ var InternalPickerSlot = function InternalPickerSlot(props, ref) {
       listData = _props$listData === void 0 ? [] : _props$listData,
       _props$threeDimension = props.threeDimensional,
       threeDimensional = _props$threeDimension === void 0 ? true : _props$threeDimension,
+      _props$swipeDuration = props.swipeDuration,
+      swipeDuration = _props$swipeDuration === void 0 ? 1000 : _props$swipeDuration,
       chooseItem = props.chooseItem;
-  var touch = useTouch(); // 触发惯性滑动条件:
+  var touch = useTouch();
+  var DEFAULT_DURATION = 200; // 触发惯性滑动条件:
   // 在手指离开屏幕时，如果和上一次 move 时的间隔小于 `MOMENTUM_TIME` 且 move
   // 距离大于 `MOMENTUM_DISTANCE` 时，执行惯性滑动
 
@@ -58,7 +61,7 @@ var InternalPickerSlot = function InternalPickerSlot(props, ref) {
   var setTransform = function setTransform() {
     var translateY = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     var type = arguments.length > 1 ? arguments[1] : undefined;
-    var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1000;
+    var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_DURATION;
     var deg = arguments.length > 3 ? arguments[3] : undefined;
     var nTime = time;
 
@@ -139,7 +142,7 @@ var InternalPickerSlot = function InternalPickerSlot(props, ref) {
     if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
       // 惯性滚动
       var distance = momentum(move, moveTime);
-      setMove(distance, 'end', moveTime + 1000);
+      setMove(distance, 'end', +swipeDuration);
     } else {
       setMove(move, 'end');
     }
@@ -228,12 +231,12 @@ var InternalPickerSlot = function InternalPickerSlot(props, ref) {
         transform: "rotate3d(1, 0, 0, ".concat(-rotation * (index + 1), "deg) translate3d(0px, 0px, 104px)")
       },
       key: item.value ? item.value : index
-    }, item.text ? item.text : item);
+    }, React__default.createElement(React__default.Fragment, null, item.text ? item.text : item));
   }), !threeDimensional && listData.map(function (item, index) {
     return React__default.createElement("div", {
       className: "nut-picker-roller-item-tile",
       key: item.value ? item.value : index
-    }, item.text ? item.text : item);
+    }, React__default.createElement(React__default.Fragment, null, item.text ? item.text : item));
   })), React__default.createElement("div", {
     className: "nut-picker-mask"
   }), React__default.createElement("div", {

package/dist/esm/{popover.taro-3b06163e.js → popover.taro-9b3da0fa.js}

@@ -1,4 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
@@ -7,7 +8,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _typeof from "@babel/runtime/helpers/typeof";
-var _excluded = ["children", "list", "theme", "location", "visible", "className", "style", "onClick"];
+var _excluded = ["children", "list", "theme", "location", "visible", "offset", "className", "style", "onClick", "onChoose"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 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; }
 
@@ -18,8 +20,9 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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; } }
 
 import React__default, { useRef, useState, useEffect } from 'react';
-import ReactDOM__default from 'react-dom';
-import { I as Icon } from './icon-62bd7379.js';
+import { I as Icon } from './icon-8dc4de10.js';
+import { O as Overlay } from './overlay-ed3eb37d.js';
+import { g as getRectByTaro } from './useClientRect-8b7cc406.js';
 /**
  * 过滤ref
  */
@@ -53,14 +56,10 @@ var Trigger = /*#__PURE__*/function (_React__default$Compo) {
 
   var _super = _createSuper(Trigger);
 
-  function Trigger(props) {
+  function Trigger() {
     _classCallCheck(this, Trigger);
 
-    return _super.call(this, props); // ALL_HANDLERS.forEach((h) => {
-    //  ( this as any)[`fire${h}`] = (e: any) => {
-    //     this.fireEvents(h, e)
-    //   }
-    // })
+    return _super.apply(this, arguments);
   }
 
   _createClass(Trigger, [{
@@ -88,21 +87,7 @@ var Trigger = /*#__PURE__*/function (_React__default$Compo) {
       var child = React__default.Children.only(children);
       var newChildProps = {
         key: 'trigger'
-      }; // newChildProps.onClick = (e: any) => {
-      //   this.fireEvents('onClick', e)
-      // }
-      // newChildProps.onMouseEnter = (e: any) => {
-      //   this.fireEvents('onMouseEnter', e)
-      // }
-      // newChildProps.onMouseLeave = (e: any) => {
-      //   this.fireEvents('onMouseLeave', e)
-      // }
-      // newChildProps.onFocus = (e: any) => {
-      //   this.fireEvents('onMouseLeave', e)
-      // }
-      // newChildProps.onKeyPress = (e: any) => {
-      //   this.fireEvents('onMouseLeave', e)
-      // }
+      };
 
       if (child && child.props && child.props.className) {
         newChildProps.className = className;
@@ -119,29 +104,15 @@ var Trigger = /*#__PURE__*/function (_React__default$Compo) {
   return Trigger;
 }(React__default.Component);
 
-function findDOMNode(node) {
-  if (node instanceof HTMLElement) {
-    return node;
-  }
-
-  return ReactDOM__default.findDOMNode(node);
-}
-
-var getEleAttr = function getEleAttr(ele) {
-  if (ele && ele.getBoundingClientRect) {
-    return ele.getBoundingClientRect();
-  }
-
-  return null;
-};
-
 var defaultProps = {
   list: [],
   theme: 'light',
   location: 'bottom',
   visible: false,
+  offset: 20,
   className: '',
-  onClick: function onClick(e) {}
+  onClick: function onClick(e) {},
+  onChoose: function onChoose(item, index) {}
 };
 
 var Popover = function Popover(props) {
@@ -151,19 +122,40 @@ var Popover = function Popover(props) {
       theme = _defaultProps$props.theme,
       location = _defaultProps$props.location,
       visible = _defaultProps$props.visible,
+      offset = _defaultProps$props.offset,
       className = _defaultProps$props.className,
       style = _defaultProps$props.style,
       onClick = _defaultProps$props.onClick,
+      onChoose = _defaultProps$props.onChoose,
       reset = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var goodItem = useRef(null);
-  var aa = goodItem.current && findDOMNode(goodItem.current);
-  setTimeout(function () {
-    if (aa) {
-      setElWidth(getEleAttr(aa).width);
-      setElHeight(getEleAttr(aa).height);
-    }
-  });
+  setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var res;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (!goodItem.current) {
+              _context.next = 6;
+              break;
+            }
+
+            _context.next = 3;
+            return getRectByTaro(goodItem.current);
+
+          case 3:
+            res = _context.sent;
+            setElWidth(res === null || res === void 0 ? void 0 : res.width);
+            setElHeight(res === null || res === void 0 ? void 0 : res.height);
+
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
 
   var _useState = useState(''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -191,74 +183,49 @@ var Popover = function Popover(props) {
       setPopoverArrow = _useState10[1];
 
   useEffect(function () {
-    setClasses(classes_self());
-    setPopoverContent(popoverContent_self());
-    setPopoverArrow(popoverArrow_self());
+    setClasses(classesSelf());
+    setPopoverContent(popoverContentSelf());
+    setPopoverArrow(popoverArrowSelf());
   }, [list, theme]);
 
   var getStyle = function getStyle() {
+    var offNumer = Number(offset) ? Number(offset) : 0;
     var style = {};
 
-    if (location == 'top') {
-      style.bottom = elHeight + 20;
-      style.left = 0;
-    } else if (location == 'right') {
-      style.top = 0;
-      style.right = -elWidth - 20;
-    } else if (location == 'left') {
-      style.top = 0;
-      style.left = -elWidth - 20;
+    if (location.includes('top')) {
+      style.bottom = "".concat(elHeight + offNumer, "px");
+    } else if (location.includes('right')) {
+      style.left = "".concat(elWidth + offNumer, "px");
+    } else if (location.includes('left')) {
+      style.right = "".concat(elWidth + offNumer, "px");
     } else {
-      style.top = elHeight + 20;
-      style.left = 0;
+      style.top = "".concat(elHeight + offNumer, "px");
     }
 
-    style.top += 'px';
-    style.left += 'px';
-    style.bottom += 'px';
-    style.right += 'px';
     return style;
   };
 
-  var getArrowStyle = function getArrowStyle() {
-    var style = {};
-
-    if (location == 'top') {
-      style.bottom = -20;
-      style.left = elWidth / 2;
-    } else if (location == 'right') {
-      style.top = 20;
-      style.left = -20;
-    } else if (location == 'left') {
-      style.top = 20;
-      style.right = -20;
-    } else {
-      style.left = elWidth / 2;
-      style.top = -20;
-    }
-
-    style.top += 'px';
-    style.left += 'px';
-    style.bottom += 'px';
-    style.right += 'px';
-    return style;
-  };
-
-  var classes_self = function classes_self() {
+  var classesSelf = function classesSelf() {
     var prefixCls = 'nut-popover';
-    return "".concat(prefixCls, "\n    ").concat(theme ? "".concat(prefixCls, "--").concat(theme) : '');
+    return "".concat(prefixCls, " ").concat(theme ? "".concat(prefixCls, "--").concat(theme) : '');
   };
 
-  var popoverContent_self = function popoverContent_self() {
-    var prefixCls = 'popoverContent';
-    return "".concat(prefixCls, "\n    ").concat(location ? "".concat(prefixCls, "--").concat(location) : '');
+  var popoverContentSelf = function popoverContentSelf() {
+    var prefixCls = 'popover-content';
+    return "".concat(prefixCls, "-show ").concat(prefixCls, " ").concat(location ? "".concat(prefixCls, "--").concat(location) : '');
   };
 
-  var popoverArrow_self = function popoverArrow_self() {
-    var prefixCls = 'popoverArrow';
-    return "".concat(prefixCls, "\n    ").concat(location ? "".concat(prefixCls, "--").concat(location) : '');
-  }; // const showPopup = props.visible
+  var filter = function filter() {
+    var ms = ['top', 'bottom', 'left', 'right'];
+    return ms.filter(function (m) {
+      return location.includes(m);
+    })[0];
+  };
 
+  var popoverArrowSelf = function popoverArrowSelf() {
+    var prefixCls = 'popover-arrow';
+    return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(filter(), " ").concat(location ? "".concat(prefixCls, "--").concat(location) : '');
+  };
 
   var handleClick = function handleClick(e) {
     if (props.onClick) {
@@ -266,7 +233,13 @@ var Popover = function Popover(props) {
     }
   };
 
-  return React__default.createElement("div", _objectSpread({
+  var handleChoose = function handleChoose(item, index) {
+    if (!item.disabled) {
+      onChoose(item, index);
+    }
+  };
+
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", _objectSpread({
     className: "".concat(classes, " ").concat(className),
     style: _objectSpread({}, style)
   }, reset), React__default.createElement(Trigger, {
@@ -279,19 +252,29 @@ var Popover = function Popover(props) {
     className: "".concat(popoverContent),
     style: getStyle()
   }, React__default.createElement("div", {
-    className: "".concat(popoverArrow),
-    style: getArrowStyle()
-  }, ' '), Array.isArray(children) ? children[1] : '', list.map(function (item) {
+    className: "".concat(popoverArrow)
+  }), Array.isArray(children) ? children[1] : '', list.map(function (item, i) {
     return React__default.createElement("div", {
       key: item.name,
-      className: "title-item ".concat(item.disabled ? 'disabled' : '')
+      className: "popover-menu-item ".concat(item.disabled ? 'disabled' : ''),
+      onClick: function onClick() {
+        handleChoose(item, i);
+      }
     }, item.icon ? React__default.createElement(Icon, {
-      className: "item-img",
+      className: "popover-menu-item-img",
       name: item.icon
     }) : '', React__default.createElement("div", {
-      className: "title-name"
+      className: "popover-menu-item-name"
     }, item.name));
-  })) : null)));
+  })) : null))), visible ? React__default.createElement(Overlay, {
+    visible: visible,
+    onClick: function onClick(e) {
+      return handleClick(e);
+    },
+    style: {
+      background: 'transparent'
+    }
+  }) : '');
 };
 
 Popover.defaultProps = defaultProps;