@nutui/nutui-react-taro 1.2.2-beta.0 → 1.3.0-beta.5

package/dist/esm/radio.taro-32cb0172.js

@@ -0,0 +1,129 @@
+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"];
+
+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 { I as Icon } from './icon-8dc4de10.js';
+import { a as RadioContext, R as RadioGroup } from './radiogroup-e698d3df.js';
+var defaultProps = {
+  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,
+      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, {
+      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.defaultProps = defaultProps;
+Radio.displayName = 'NutRadio';
+Radio.RadioGroup = RadioGroup;
+export { Radio as R };

package/dist/esm/{radiogroup.taro-f2401b7a.js → radiogroup-e698d3df.js}

@@ -8,8 +8,11 @@ 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 { R as RadioContext } from './context-aa058329.js';
 import { c as cn } from './bem-893ad28d.js';
+var radioContext = {
+  onChange: function onChange(val) {}
+};
+var RadioContext = React__default.createContext(radioContext);
 var defaultProps = {
   value: null,
   textPosition: 'right',
@@ -99,4 +102,4 @@ var RadioGroup = React__default.forwardRef(function (props, ref) {
 });
 RadioGroup.defaultProps = defaultProps;
 RadioGroup.displayName = 'NutRadioGroup';
-export { RadioGroup as R };
+export { RadioGroup as R, RadioContext as a };

package/dist/esm/{range.taro-41ced357.js → range.taro-034fcf7a.js}

@@ -5,10 +5,9 @@ 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, useRef, useEffect } from 'react';
-import { c as cn } from './bem-893ad28d.js';
-import { u as useTouch } from './index-31152350.js';
-import { N as Notification } from './Notification-b09c89e8.js';
+import React__default, { useState, useRef, useEffect, useCallback } from 'react';
+import { u as useTouch } from './useTouch-a2ea68c6.js';
+import { N as Notification } from './Notification-dccc7625.js';
 import { u as useConfig } from './configprovider-18657611.js';
 /**
   获取元素的大小及其相对于视口的位置，等价于 Element.getBoundingClientRect。
@@ -24,7 +23,7 @@ function isWindow(val) {
   return val === window;
 }
 
-var useRect = function useRect(elementRef) {
+var getRect = function getRect(elementRef) {
   var element = elementRef;
 
   if (isWindow(element)) {
@@ -58,13 +57,16 @@ var messageInstance = null;
 var options = {
   msg: '',
   id: '',
+  style: {},
   duration: 1.5,
   center: true,
   type: 'text',
+  title: '',
   customClass: '',
-  bottom: 30,
+  bottom: '30px',
   size: 'base',
-  icon: '',
+  icon: null,
+  iconSize: '20',
   textAlignCenter: true,
   loadingRotate: true,
   bgColor: 'rgba(0, 0, 0, .8)',
@@ -175,7 +177,9 @@ var defaultProps = {
   min: 0,
   max: 100,
   step: 1,
-  modelValue: 0
+  modelValue: 0,
+  vertical: false,
+  marks: {}
 };
 var startValue;
 var currentValue;
@@ -193,15 +197,23 @@ var Range = function Range(props) {
       buttonColor = _defaultProps$props.buttonColor,
       hiddenRange = _defaultProps$props.hiddenRange,
       hiddenTag = _defaultProps$props.hiddenTag,
-      min = _defaultProps$props.min,
-      max = _defaultProps$props.max,
-      step = _defaultProps$props.step,
       modelValue = _defaultProps$props.modelValue,
       button = _defaultProps$props.button,
+      vertical = _defaultProps$props.vertical,
+      marks = _defaultProps$props.marks,
       change = _defaultProps$props.change,
       dragStart = _defaultProps$props.dragStart,
       dragEnd = _defaultProps$props.dragEnd;
 
+  var _defaultProps$props2 = _objectSpread(_objectSpread({}, defaultProps), props),
+      min = _defaultProps$props2.min,
+      max = _defaultProps$props2.max,
+      step = _defaultProps$props2.step;
+
+  min = Number(min);
+  max = Number(max);
+  step = Number(step);
+
   var _useState = useState(0),
       _useState2 = _slicedToArray(_useState, 2),
       buttonIndex = _useState2[0],
@@ -219,7 +231,12 @@ var Range = function Range(props) {
 
   var touch = useTouch();
   var root = useRef(null);
-  var rangeBem = cn('range');
+
+  var _useState7 = useState([]),
+      _useState8 = _slicedToArray(_useState7, 2),
+      marksList = _useState8[0],
+      SetMarksList = _useState8[1];
+
   useEffect(function () {
     if (modelValue) {
       if (!range && (modelValue < min || modelValue > max)) {
@@ -231,11 +248,65 @@ var Range = function Range(props) {
       SetInitValue(modelValue);
     }
   }, [modelValue]);
+  useEffect(function () {
+    if (marks) {
+      var marksKeys = Object.keys(marks);
+      var list = marksKeys.map(parseFloat).sort(function (a, b) {
+        return a - b;
+      }).filter(function (point) {
+        return point >= min && point <= max;
+      });
+      SetMarksList(list);
+    }
+  }, [marks]);
 
   var scope = function scope() {
     return Number(max) - Number(min);
   };
 
+  var classes = useCallback(function () {
+    var prefixCls = 'nut-range';
+    return [prefixCls, "".concat(disabled ? "".concat(prefixCls, "-disabled") : ''), "".concat(vertical ? "".concat(prefixCls, "-vertical") : ''), "".concat(!hiddenRange ? "".concat(prefixCls, "-show-number") : '')].filter(Boolean).join(' ');
+  }, [disabled, vertical, hiddenRange]);
+  var containerClasses = useCallback(function () {
+    var prefixCls = 'nut-range-container';
+    return [prefixCls, "".concat(vertical ? "".concat(prefixCls, "-vertical") : ''), className].filter(Boolean).join(' ');
+  }, [vertical, className]);
+  var markClassName = useCallback(function (mark) {
+    var classPrefix = 'nut-range-mark';
+    var lowerBound = Number(min);
+    var upperBound = Number(max);
+
+    if (range) {
+      var _modelValue = _slicedToArray(modelValue, 2),
+          left = _modelValue[0],
+          right = _modelValue[1];
+
+      lowerBound = left;
+      upperBound = right;
+    } else {
+      upperBound = modelValue;
+    }
+
+    var isActive = mark <= upperBound && mark >= lowerBound;
+    return ["".concat(classPrefix, "-text"), "".concat(isActive ? "".concat(classPrefix, "-text-active") : '')].filter(Boolean).join(' ');
+  }, [range, modelValue, min, max]);
+
+  var _useState9 = useState(classes()),
+      _useState10 = _slicedToArray(_useState9, 2),
+      rangeName = _useState10[0],
+      setRangeName = _useState10[1];
+
+  var _useState11 = useState(containerClasses()),
+      _useState12 = _slicedToArray(_useState11, 2),
+      containerName = _useState12[0],
+      setContainerName = _useState12[1];
+
+  useEffect(function () {
+    setRangeName(classes());
+    setContainerName(containerClasses());
+  }, [classes, containerClasses]);
+
   var wrapperStyle = function wrapperStyle() {
     return {
       background: inactiveColor
@@ -273,6 +344,15 @@ var Range = function Range(props) {
   };
 
   var barStyle = function barStyle() {
+    if (vertical) {
+      return {
+        height: calcMainAxis(),
+        top: calcOffset(),
+        background: activeColor,
+        transition: dragStatus ? 'none' : undefined
+      };
+    }
+
     return {
       width: calcMainAxis(),
       left: calcOffset(),
@@ -281,6 +361,40 @@ var Range = function Range(props) {
     };
   };
 
+  var marksStyle = function marksStyle(mark) {
+    var style = {
+      left: "".concat((mark - Number(min)) / scope() * 100, "%")
+    };
+
+    if (vertical) {
+      style = {
+        top: "".concat((mark - Number(min)) / scope() * 100, "%")
+      };
+    }
+
+    return style;
+  };
+
+  var tickStyle = function tickStyle(mark) {
+    var lowerBound = Number(min);
+    var upperBound = Number(max);
+
+    if (range) {
+      var _modelValue2 = _slicedToArray(modelValue, 2),
+          left = _modelValue2[0],
+          right = _modelValue2[1];
+
+      lowerBound = left;
+      upperBound = right;
+    }
+
+    var isActive = mark <= upperBound && mark >= lowerBound;
+    var style = {
+      background: !isActive ? inactiveColor : activeColor
+    };
+    return style;
+  };
+
   var format = function format(value) {
     value = Math.max(+min, Math.min(value, +max));
     return Math.round(value / +step) * +step;
@@ -311,11 +425,47 @@ var Range = function Range(props) {
       SetInitValue(value);
     }
 
-    if (end && !isSameValue(value, startValue)) {
+    if ((marks || end) && !isSameValue(value, startValue)) {
       change && change(value);
     }
   };
 
+  var click = function click(event) {
+    if (disabled || !root.current) {
+      return;
+    }
+
+    SetDragStatus('');
+    var rect = getRect(root.current);
+    var delta = event.clientX - rect.left;
+    var total = rect.width;
+
+    if (vertical) {
+      delta = event.clientY - rect.top;
+      total = rect.height;
+    }
+
+    var value = Number(min) + delta / total * scope();
+    currentValue = initValue || initValue === 0 ? initValue : modelValue;
+
+    if (isRange(currentValue)) {
+      var _currentValue = currentValue,
+          _currentValue2 = _slicedToArray(_currentValue, 2),
+          left = _currentValue2[0],
+          right = _currentValue2[1];
+
+      var middle = (left + right) / 2;
+
+      if (value <= middle) {
+        updateValue([value, right], true);
+      } else {
+        updateValue([left, value], true);
+      }
+    } else {
+      updateValue(value, true);
+    }
+  };
+
   var _onTouchStart = function onTouchStart(event) {
     if (disabled) {
       return;
@@ -344,11 +494,17 @@ var Range = function Range(props) {
 
     touch.move(event);
     SetDragStatus('draging');
-    var rect = useRect(root.current);
+    var rect = getRect(root.current);
     var delta = touch.deltaX;
     var total = rect.width;
     var diff = delta / total * scope();
 
+    if (vertical) {
+      delta = touch.deltaY;
+      total = rect.height;
+      diff = delta / total * scope();
+    }
+
     if (isRange(startValue)) {
       currentValue[buttonIndex] = startValue[buttonIndex] + diff;
     } else {
@@ -378,29 +534,41 @@ var Range = function Range(props) {
   };
 
   return React__default.createElement("div", {
-    className: "nut-range-container ".concat(className || '')
+    className: "".concat(containerName)
   }, !hiddenRange ? React__default.createElement("div", {
     className: "min"
   }, +min) : null, React__default.createElement("div", {
     ref: root,
     style: wrapperStyle(),
-    className: "".concat(rangeBem(), " ").concat(disabled ? rangeBem('disabled') : '', " ").concat(!hiddenRange ? rangeBem('show-number') : '')
-  }, React__default.createElement("div", {
+    className: "".concat(rangeName),
+    onClick: function onClick(e) {
+      click(e);
+    }
+  }, marksList.length > 0 ? React__default.createElement("div", {
+    className: "nut-range-mark"
+  }, marksList.map(function (marks) {
+    return React__default.createElement("span", {
+      key: marks,
+      className: markClassName(marks),
+      style: marksStyle(marks)
+    }, marks, React__default.createElement("span", {
+      className: "nut-range-tick",
+      style: tickStyle(marks)
+    }));
+  })) : null, React__default.createElement("div", {
     className: "nut-range-bar",
     style: barStyle()
   }, range ? [0, 1].map(function (item, index) {
     return React__default.createElement("div", {
       role: "slider",
       key: index,
-      className: "".concat(index == 0 ? 'nut-range-button-wrapper-left' : '', "\n              ").concat(index == 1 ? 'nut-range-button-wrapper-right' : ''),
+      className: "".concat(index === 0 ? 'nut-range-button-wrapper-left' : '', "\n              ").concat(index === 1 ? 'nut-range-button-wrapper-right' : ''),
       tabIndex: disabled ? -1 : 0,
       "aria-valuemin": +min,
       "aria-valuenow": curValue(index),
       "aria-valuemax": +max,
       "aria-orientation": "horizontal",
       onTouchStart: function onTouchStart(e) {
-        e.preventDefault;
-
         if (typeof index === 'number') {
           // 实时更新当前拖动的按钮索引
           SetButtonIndex(index);

package/dist/esm/{rate.taro-3d6edec3.js → rate.taro-a0b21714.js}

@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default, { useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon-62bd7379.js';
+import { I as Icon } from './icon-8dc4de10.js';
 var defaultProps = {
   count: 5,
   modelValue: 0,
@@ -78,7 +78,11 @@ var Rate = function Rate(props) {
       value = index;
 
       if (allowHalf) {
-        if (e !== null && e !== void 0 && e.target.className.includes('__icon--half')) {
+        var _e$target, _e$target$className;
+
+        console.log('e', e);
+
+        if (e !== null && e !== void 0 && (_e$target = e.target) !== null && _e$target !== void 0 && (_e$target$className = _e$target.className) !== null && _e$target$className !== void 0 && _e$target$className.includes('__icon--half')) {
           value -= 0.5;
         }
       }

package/dist/esm/{row.taro-7afb510a.js → row.taro-cec13a7e.js}

@@ -21,12 +21,15 @@ var Row = function Row(props) {
       justify = _defaultProps$props.justify,
       align = _defaultProps$props.align,
       wrap = _defaultProps$props.wrap,
-      gutter = _defaultProps$props.gutter;
+      gutter = _defaultProps$props.gutter,
+      _onClick = _defaultProps$props.onClick;
 
   var prefixCls = 'nut-row';
 
   var getClass = function getClass(prefix, type) {
-    return prefix ? type ? "nut-row-".concat(prefix, "-").concat(type) : '' : "nut-row-".concat(type);
+    var classType = type ? "nut-row-".concat(prefix, "-").concat(type) : '';
+    var className = prefix ? classType : "nut-row-".concat(type);
+    return className;
   };
 
   var getClasses = function getClasses() {
@@ -39,7 +42,10 @@ var Row = function Row(props) {
   return React__default.createElement(DataContext.Provider, {
     value: parentRow
   }, React__default.createElement('div', {
-    className: getClasses()
+    className: getClasses(),
+    onClick: function onClick(e) {
+      _onClick && _onClick(e, 'row');
+    }
   }, children));
 };
 

package/dist/esm/{searchbar.taro-b05ef5a8.js → searchbar.taro-4c6091cb.js}

@@ -8,7 +8,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useRef, useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import { u as useConfig } from './configprovider-18657611.js';
-import { I as Icon } from './icon-62bd7379.js';
+import { I as Icon } from './icon-8dc4de10.js';
 var defaultProps = {
   placeholder: '',
   shape: 'square',

package/dist/esm/{shortpassword.taro-aad27ce9.js → shortpassword.taro-ce46b9cd.js}

@@ -10,8 +10,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default, { useRef, useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-import { P as Popup } from './popup-15922d84.js';
-import { I as Icon } from './icon-62bd7379.js';
+import { P as Popup } from './popup-67173ec6.js';
+import { I as Icon } from './icon-8dc4de10.js';
 import { u as useConfig } from './configprovider-18657611.js';
 var defaultProps = {
   title: '请输入密码',

package/dist/esm/sidenavbar.taro-36f1e118.js

@@ -0,0 +1,65 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "visible", "width", "position", "children", "className", "showhead", "handleClose"];
+
+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-18657611.js';
+import { P as Popup } from './popup-67173ec6.js';
+import { h as handleClick, O as OffsetContext } from './offsetContext-0e3d04b3.js';
+var defaultProps = {
+  showhead: false,
+  position: 'left',
+  width: '80%'
+};
+
+var SideNavBar = function SideNavBar(props) {
+  useConfig();
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      title = _defaultProps$props.title,
+      visible = _defaultProps$props.visible,
+      width = _defaultProps$props.width,
+      position = _defaultProps$props.position,
+      children = _defaultProps$props.children,
+      className = _defaultProps$props.className,
+      showhead = _defaultProps$props.showhead,
+      handleClose = _defaultProps$props.handleClose,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var offset = props.offset ? Number(props.offset) : 20;
+  return React__default.createElement(Popup, {
+    visible: visible,
+    style: {
+      width: width,
+      height: '100%'
+    },
+    position: position,
+    onClose: handleClose
+  }, React__default.createElement("div", _objectSpread({
+    className: className ? "".concat(className, " nut-sidenavbar") : 'nut-sidenavbar'
+  }, rest), React__default.createElement("div", {
+    className: "nut-sidenavbar__content"
+  }, React__default.createElement("div", {
+    className: "nut-sidenavbar__list nutShow",
+    onClick: handleClick
+  }, React__default.createElement("div", {
+    className: "nut-sidenavbar__title border-bt ",
+    style: {
+      paddingLeft: "".concat(offset, "px")
+    }
+  }, title, " ", React__default.createElement("i", {
+    className: "arrow-icon arrow-down"
+  })), React__default.createElement(OffsetContext.Provider, {
+    value: offset
+  }, React__default.createElement("div", {
+    className: "nut-sidenavbar__content"
+  }, children))))));
+};
+
+SideNavBar.defaultProps = defaultProps;
+SideNavBar.displayName = 'NutSideNavBar';
+export { SideNavBar as S };

package/dist/esm/sidenavbaritem.taro-77e077f4.js

@@ -0,0 +1,32 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "ikey", "children", "click"];
+
+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';
+
+var SideNavBarItem = function SideNavBarItem(props) {
+  var title = props.title,
+      ikey = props.ikey,
+      children = props.children,
+      click = props.click,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var clickFn = function clickFn(e) {
+    e.stopPropagation();
+    click && click({
+      title: title,
+      ikey: ikey
+    });
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: "nut-subsidenavbar__item border-bt",
+    onClick: clickFn
+  }, rest), title);
+};
+
+export { SideNavBarItem as S };

package/dist/esm/{signature.taro-454c5413.js → signature.taro-45aedfa9.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, { useRef, useState, useEffect } from 'react';
-import { B as Button } from './button-9b1f3219.js';
+import { B as Button } from './button-521a516b.js';
 import { c as cn } from './bem-893ad28d.js';
 import { u as useConfig } from './configprovider-18657611.js';
 var defaultProps = {