@nutui/nutui-react 2.0.0-beta.0 → 2.0.0-beta.2

package/dist/esm/Steps/style/style.css

@@ -0,0 +1 @@
+.nut-step{flex-grow:0;flex-shrink:0;flex:1;text-align:center;font-size:0}.nut-step-head{position:relative;display:flex;justify-content:center;margin-bottom:var(--nutui-steps-base-icon-margin-bottom, 12px)}.nut-step-line{position:absolute;top:calc(var(--nutui-steps-base-icon-height, 25px) / 2);left:calc(50% + (100% - var(--nutui-steps-base-line-width, 100%)) / 2);height:var(--nutui-steps-base-line-height, 1px);width:var(--nutui-steps-base-line-width, 100%);background:var(--nutui-steps-base-line-background, #909ca4)}.nut-step-icon{position:relative;display:flex;align-items:center;justify-content:center;width:var(--nutui-steps-base-icon-width, 25px);height:var(--nutui-steps-base-icon-height, 25px);line-height:var(--nutui-steps-base-icon-line-height, 25px);font-size:var(--nutui-steps-base-icon-font-size, 13px);background-color:var(--nutui-steps-wait-icon-bg-color, #959fb1);border-color:var(--nutui-steps-wait-icon-bg-color, #959fb1);color:var(--nutui-steps-wait-icon-color, var(--nutui-gray-6, #ffffff));z-index:1}.nut-step-icon .nut-icon{width:100%;height:100%}.nut-step-icon.is-text,.nut-step-icon.is-icon{border-radius:50%;border-width:1px;border-style:solid}.nut-step-main{display:inline-block;padding-left:10%;padding-right:10%;text-align:center}.nut-step-main .nut-step-description{color:var(--nutui-gray-1, #1a1a1a)}.nut-step-title{display:block;margin-bottom:var(--nutui-steps-base-title-margin-bottom, 10px);font-size:var(--nutui-steps-base-title-font-size, 14px);color:var(--nutui-steps-base-title-color, var(--nutui-gray-1, #1a1a1a))}.nut-step-description{display:block;font-size:var(--nutui-steps-base-description-font-size, 12px);color:var(--nutui-steps-base-description-color, var(--nutui-gray-2, #757575))}.nut-step:last-child .nut-step-line{display:none}.nut-step.nut-step-process .nut-step-icon{background-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-brand-color, #fa2c19));color:var(--nutui-steps-process-icon-color, var(--nutui-gray-6, #ffffff))}.nut-step.nut-step-process .nut-step-title{color:var(--nutui-steps-process-title-color, var(--nutui-brand-color, #fa2c19));font-size:var(--nutui-steps-process-title-font-size, 14px);font-weight:var(--nutui-steps-process-title-font-weight, 400)}.nut-step.nut-step-wait .nut-step-title{color:var(--nutui-steps-wait-title-color, var(--nutui-gray-2, #757575))}.nut-step.nut-step-wait .nut-step-description{color:var(--nutui-steps-wait-description-color, var(--nutui-gray-2, #757575))}.nut-step.nut-step-finish .nut-step-icon{background-color:var(--nutui-steps-finish-icon-bg-color, var(--nutui-brand-text-color, #ffffff));border-color:var(--nutui-steps-finish-icon-color, var(--nutui-brand-color, #fa2c19));color:var(--nutui-steps-finish-icon-color, var(--nutui-brand-color, #fa2c19))}.nut-step.nut-step-finish .nut-step-line{background:var(--nutui-steps-finish-line-background, var(--nutui-brand-color, #fa2c19))}.nut-step.nut-step-finish .nut-step-title{color:var(--nutui-steps-finish-title-color, var(--nutui-brand-color, #fa2c19))}.nut-steps-dot .nut-step-head{margin:var(--nutui-steps-dot-head-margin, 7px 0 0 0)}.nut-steps-dot .nut-step-line{top:7px}.nut-steps-dot .nut-step-icon{width:var(--nutui-steps-dot-icon-width, 6px);height:var(--nutui-steps-dot-icon-height, 6px);border:var(--nutui-steps-dot-icon-border, 2px solid var(--nutui-brand-text-color, #ffffff));border-radius:50%;box-sizing:content-box}.nut-steps-dot .nut-step-wait .nut-step-title{color:var(--nutui-steps-wait-title-color, var(--nutui-gray-2, #757575))}.nut-steps-dot .nut-step-wait .nut-step-description{color:var(--nutui-steps-wait-description-color, var(--nutui-gray-2, #757575))}.nut-steps-dot .nut-step-finish .nut-step-icon{background-color:var(--nutui-steps-finish-icon-bg-color, var(--nutui-brand-text-color, #ffffff));border-color:var(--nutui-steps-finish-icon-color, var(--nutui-brand-color, #fa2c19))}.nut-steps-dot .nut-step-process .nut-step-icon{position:relative;background-color:var(--nutui-steps-process-icon-bg-color, var(--nutui-brand-color, #fa2c19))}.nut-steps-dot .nut-step-process .nut-step-icon:before{content:"";display:inline-block;position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-7px;width:14px;height:14px;background-color:var(--nutui-brand-color-end, #fa2c19);border-radius:50%;opacity:.23}.nut-steps-horizontal.nut-steps-dot .nut-step-line{top:50%;bottom:-50%}.nut-steps-vertical .nut-step{display:flex;height:33.34%}.nut-steps-vertical .nut-step-line{position:absolute;display:inline-block;width:1px;height:100%;background:#909ca4}.nut-steps-vertical .nut-step-main{display:inline-block;padding-left:6%;text-align:left}.nut-steps-vertical .nut-step-main .nut-step-description{color:var(--nutui-steps-base-description-color, var(--nutui-gray-2, #757575))}.nut-steps{display:flex}.nut-steps-vertical{height:100%;flex-flow:column}

package/dist/esm/Steps.js

@@ -1,47 +1,53 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "current", "direction", "className", "progressDot", "clickStep"];
-
-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 classNames from 'classnames';
-import { D as DataContext } from './UserContext-68f62e66.js';
-import { c as cn } from './bem-893ad28d.js';
-import '@bem-react/classname';
-var defaultProps = {
-  current: 0,
-  direction: 'horizontal',
-  progressDot: false
-};
-
-var Steps = function Steps(props) {
+var _excluded = ["children", "value", "direction", "className", "dot", "onStepClick"];
+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), true).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 classNames from "classnames";
+import { D as DataContext } from "./context3.js";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  value: 0,
+  direction: "horizontal",
+  dot: false
+});
+var Steps = function Steps2(props) {
   var _classNames;
-
   var propSteps = _objectSpread(_objectSpread({}, defaultProps), props);
-
-  var children = propSteps.children,
-      current = propSteps.current,
-      direction = propSteps.direction,
-      className = propSteps.className,
-      progressDot = propSteps.progressDot,
-      clickStep = propSteps.clickStep,
-      restProps = _objectWithoutProperties(propSteps, _excluded);
-
+  var children = propSteps.children, value = propSteps.value, direction = propSteps.direction, className = propSteps.className, dot = propSteps.dot, onStepClick = propSteps.onStepClick, restProps = _objectWithoutProperties(propSteps, _excluded);
   var parentSteps = {
-    propSteps: propSteps
+    propSteps
   };
-  var b = cn('steps');
-  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b(''), "-").concat(direction), true), _defineProperty(_classNames, "".concat(b(''), "-dot"), !!props.progressDot), _classNames), className, b(''));
+  var classPrefix = "nut-steps";
+  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-").concat(direction), true), _defineProperty(_classNames, "".concat(classPrefix, "-dot"), !!props.dot), _classNames), className, classPrefix);
   return React__default.createElement(DataContext.Provider, {
     value: parentSteps
-  }, React__default.createElement('div', _objectSpread({
+  }, React__default.createElement("div", _objectSpread({
     className: classes
   }, restProps), children));
 };
-
 Steps.defaultProps = defaultProps;
-Steps.displayName = 'NutSteps';
-export { Steps as default };
+Steps.displayName = "NutSteps";
+export {
+  Steps as default
+};

package/dist/esm/Sticky/style/css.js

@@ -0,0 +1 @@
+import './style.css'

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

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

package/dist/esm/Sticky/style/style.css

@@ -0,0 +1 @@
+.nut-sticky--fixed{position:fixed}

package/dist/esm/Sticky.js

@@ -0,0 +1,183 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["position", "zIndex", "children", "container", "style", "className", "threshold", "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), true).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, useEffect, useState, useCallback } from "react";
+import classNames from "classnames";
+import { g as getScrollParent } from "./get-scroll-parent.js";
+import { g as getRect } from "./use-client-rect.js";
+import { C as ComponentDefaults } from "./typings.js";
+function useWatch(dep, callback) {
+  var config = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
+    immediate: false
+  };
+  var immediate = config.immediate;
+  var prev = useRef();
+  var inited = useRef(false);
+  var stop = useRef(false);
+  useEffect(function() {
+    var execute = function execute2() {
+      return callback(prev.current);
+    };
+    if (!stop.current) {
+      if (!inited.current) {
+        inited.current = true;
+        if (immediate) {
+          execute();
+        }
+      } else {
+        execute();
+      }
+      prev.current = dep;
+    }
+  }, [dep]);
+  return function() {
+    stop.current = true;
+  };
+}
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  position: "top",
+  threshold: 0,
+  zIndex: 2e3
+});
+var classPrefix = "nut-sticky";
+var Sticky = function Sticky2(props) {
+  var _useState5;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), position = _defaultProps$props.position, zIndex = _defaultProps$props.zIndex, children = _defaultProps$props.children, container = _defaultProps$props.container, style = _defaultProps$props.style, className = _defaultProps$props.className, threshold = _defaultProps$props.threshold, onChange = _defaultProps$props.onChange, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var stickyRef = useRef(null);
+  var rootRef = useRef(null);
+  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), isFixed = _useState2[0], setIsFixed = _useState2[1];
+  var _useState3 = useState((_useState5 = {}, _defineProperty(_useState5, position, "".concat(threshold, "px")), _defineProperty(_useState5, "zIndex", zIndex), _useState5)), _useState4 = _slicedToArray(_useState3, 2), stickyStyle = _useState4[0], setStickyStyle = _useState4[1];
+  var _useState6 = useState({}), _useState7 = _slicedToArray(_useState6, 2), rootStyle = _useState7[0], setRootStyle = _useState7[1];
+  var getElement = useCallback(function() {
+    return getScrollParent(rootRef.current);
+  }, []);
+  useEffect(function() {
+    if (position === "top")
+      return;
+    var containerEle = container === null || container === void 0 ? void 0 : container.current;
+    if (!rootRef.current && !containerEle)
+      return;
+    var rootRect = getRect(rootRef.current);
+    var containerRect = getRect(containerEle);
+    var clientHeight = document.documentElement.clientHeight;
+    var stCurrent = stickyRef.current;
+    var stickyRect = getRect(stCurrent);
+    var fixed = clientHeight - threshold < rootRect.bottom;
+    if (containerEle) {
+      fixed = containerRect.bottom > clientHeight - threshold - stickyRect.height && clientHeight - threshold - stickyRect.height > containerRect.top;
+    }
+    var defaultPostVal = fixed ? "fixed" : "inherit";
+    setStickyStyle(function(prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, {
+        position: defaultPostVal
+      });
+    });
+    setIsFixed(fixed);
+  }, [position, container, threshold]);
+  var handleScroll = useCallback(function() {
+    var containerEle = container === null || container === void 0 ? void 0 : container.current;
+    if (!rootRef.current && !containerEle)
+      return;
+    var rootRect = getRect(rootRef.current);
+    var stCurrent = stickyRef.current;
+    var stickyRect = getRect(stCurrent);
+    var containerRect = getRect(containerEle);
+    if (rootRect.height) {
+      setRootStyle(function(prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          height: rootRect.height
+        });
+      });
+    }
+    var getFixed = function getFixed2() {
+      var fixed2 = false;
+      if (position === "top") {
+        fixed2 = containerEle ? threshold > rootRect.top && containerRect.bottom > 0 : threshold > rootRect.top;
+      } else {
+        var clientHeight = document.documentElement.clientHeight;
+        fixed2 = containerEle ? containerRect.bottom > 0 && clientHeight - threshold - stickyRect.height > containerRect.top : clientHeight - threshold < rootRect.bottom;
+      }
+      return {
+        position: fixed2 ? "fixed" : "inherit",
+        fixed: fixed2
+      };
+    };
+    var getTransform = function getTransform2() {
+      if (position === "top") {
+        if (containerEle) {
+          var diff = containerRect.bottom - threshold - stickyRect.height;
+          var transform = diff < 0 ? diff : 0;
+          return {
+            transform: "translate3d(0, ".concat(transform, "px, 0)")
+          };
+        }
+        return {};
+      }
+      if (position === "bottom") {
+        if (containerEle) {
+          var clientHeight = document.documentElement.clientHeight;
+          var _diff = containerRect.bottom - (clientHeight - threshold);
+          var _transform = _diff < 0 ? _diff : 0;
+          return {
+            transform: "translate3d(0, ".concat(_transform, "px, 0)")
+          };
+        }
+        return {};
+      }
+      return {};
+    };
+    var fixed = getFixed();
+    setStickyStyle(function(prev) {
+      return _objectSpread(_objectSpread(_objectSpread({}, prev), getTransform()), {}, {
+        position: fixed.position
+      });
+    });
+    setIsFixed(fixed.fixed);
+  }, [position, threshold, container]);
+  useWatch(isFixed, function() {
+    onChange && onChange(isFixed);
+  });
+  useEffect(function() {
+    var el = getElement();
+    el.addEventListener("scroll", handleScroll, false);
+    return function() {
+      el.removeEventListener("tap", handleScroll);
+    };
+  }, [getElement, handleScroll]);
+  return React__default.createElement("div", _objectSpread({
+    ref: rootRef,
+    style: _objectSpread(_objectSpread({}, style), rootStyle),
+    className: classNames(classPrefix, className)
+  }, rest), React__default.createElement("div", {
+    className: "nut-sticky--box",
+    ref: stickyRef,
+    style: stickyStyle
+  }, children));
+};
+Sticky.defaultProps = defaultProps;
+Sticky.displayName = "NutSticky";
+export {
+  Sticky as default
+};

package/dist/esm/SubSideNavBar/style/css.js

@@ -0,0 +1 @@
+import './style.css'

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

@@ -1,2 +1,2 @@
 
-require('../../../packages/subsidenavbar/subsidenavbar.scss')
+import '../../../packages/subsidenavbar/subsidenavbar.scss'

package/dist/esm/SubSideNavBar/style/style.css

@@ -0,0 +1 @@
+.nut-subsidenavbar__title{height:var(--nutui-sidenavbar-item-height, 40px);padding:var(--nutui-sidenavbar-sub-title-padding, 10px 8px 10px 35px);background-color:var(--nutui-sidenavbar-sub-title-background, var(--nutui-gray-5, #f8f8f8));color:var(--nutui-sidenavbar-sub-title-color, var(--nutui-gray-1, #1a1a1a));box-sizing:border-box}.nut-subsidenavbar__list.sidenavbar-show .nut-subsidenavbar__content{height:auto;overflow:inherit}.nut-subsidenavbar__list.sidenavbar-hide .nut-subsidenavbar__content{height:0;overflow:hidden}

package/dist/esm/SubSideNavBar.js

@@ -1,94 +1,91 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["title", "ikey", "children", "titleClick", "open"];
-
-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, { useContext, useRef, useCallback, useEffect } from 'react';
-import { O as OffsetContext, h as handleClick } from './offsetContext-0e3d04b3.js';
+var _excluded = ["title", "value", "children", "onClick", "open"];
+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), true).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, { useContext, useRef, useCallback, useEffect } from "react";
+import { O as OffsetContext, h as handleClick } from "./context.js";
 var defaultProps = {
   open: true
 };
-
-var SubSideNavBar = function SubSideNavBar(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      title = _defaultProps$props.title,
-      ikey = _defaultProps$props.ikey,
-      children = _defaultProps$props.children,
-      titleClick = _defaultProps$props.titleClick,
-      open = _defaultProps$props.open,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded); // const offset = props.offset ? Number(props.offset) : 20
-
-
+var SubSideNavBar = function SubSideNavBar2(props) {
+  var classPrefix = "nut-subsidenavbar";
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), title = _defaultProps$props.title, value = _defaultProps$props.value, children = _defaultProps$props.children, onClick = _defaultProps$props.onClick, open = _defaultProps$props.open, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var offset = useContext(OffsetContext);
-  console.log('offset>>>>>>>', offset);
   var listRef = useRef(null);
-  var setListLevel = useCallback(function (nodeList) {
-    var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var setListLevel = useCallback(function(nodeList) {
+    var level = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
     var titleClass = nodeList[0].className;
-
-    if (titleClass.includes('nut-subsidenavbar__title')) {
-      // const left = 15 + offset * level
+    if (titleClass.includes("".concat(classPrefix, "__title"))) {
       var left = offset * (level + 1);
       nodeList[0].style.paddingLeft = "".concat(left, "px");
     }
-
-    var childNodes = nodeList[1] && nodeList[1].children && Array.from(nodeList[1].children).filter(function (item) {
+    var childNodes = nodeList[1] && nodeList[1].children && Array.from(nodeList[1].children).filter(function(item) {
       return item.nodeType !== 3 && item.nodeType !== 8;
     });
-    childNodes.forEach(function (item) {
+    childNodes.forEach(function(item) {
       var itemClass = item.className;
-
-      if (itemClass.includes('nut-subsidenavbar__item')) {
-        // const left = 15 + offset * (level + 1)
+      if (itemClass.includes("".concat(classPrefix, "__item"))) {
         var _left = offset * (level + 2);
-
         item.style.paddingLeft = "".concat(_left, "px");
       }
-
-      if (itemClass.includes('nut-subsidenavbar__list')) {
-        var _level = item.getAttribute('level') ? Number(item.getAttribute('level')) : 1;
-
-        _level += 1;
-        item.setAttribute('level', _level.toString());
-        item.children && setListLevel(item.children, _level);
+      if (itemClass.includes("".concat(classPrefix, "__list"))) {
+        var level2 = item.getAttribute("level") ? Number(item.getAttribute("level")) : 1;
+        level2 += 1;
+        item.setAttribute("level", level2.toString());
+        item.children && setListLevel(item.children, level2);
       }
     });
   }, [offset]);
-
-  var clickFn = function clickFn(e) {
+  var clickFn = function clickFn2(e) {
     handleClick(e);
     var currentClass = e.currentTarget.className;
-    var isShow = currentClass.includes('nutShow');
-    titleClick && titleClick({
-      title: title,
-      ikey: ikey,
-      isShow: isShow
+    var isShow = currentClass.includes("sidenavbar-show");
+    onClick && onClick({
+      title,
+      value,
+      isShow
     });
   };
-
-  useEffect(function () {
+  useEffect(function() {
     var _listRef$current, _listRef$current2;
-
     var childNodes = (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.children;
-    (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.setAttribute('level', '1');
+    (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.setAttribute("level", "1");
     childNodes && setListLevel(childNodes);
   }, [setListLevel]);
-  var divClass = open ? 'nut-subsidenavbar__list  nutShow' : 'nut-subsidenavbar__list  nutHide';
-  var iconClass = open ? 'arrow-icon arrow-down' : 'arrow-icon arrow-up';
+  var divClass = open ? "".concat(classPrefix, "__list sidenavbar-show") : "".concat(classPrefix, "__list sidenavbar-hide");
+  var iconClass = open ? "arrow-icon arrow-down" : "arrow-icon arrow-up";
   return React__default.createElement("div", _objectSpread({
     className: divClass,
     ref: listRef,
     onClick: clickFn
   }, rest), React__default.createElement("div", {
-    className: "nut-subsidenavbar__title border-bt"
+    className: "".concat(classPrefix, "__title ").concat(classPrefix, "-border-bt")
   }, title, " ", React__default.createElement("i", {
     className: iconClass
   })), React__default.createElement("div", {
-    className: "nut-subsidenavbar__content"
+    className: "".concat(classPrefix, "__content")
   }, children));
 };
-
-export { SubSideNavBar as default };
+export {
+  SubSideNavBar as default
+};

package/dist/esm/Swipe/style/css.js

@@ -0,0 +1 @@
+import './style.css'

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

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

package/dist/esm/Swipe/style/style.css

@@ -0,0 +1 @@
+.nut-swipe{position:relative;overflow:hidden;cursor:grab}.nut-swipe__wrapper{transition-timing-function:cubic-bezier(.18,.89,.32,1);transition-property:transform}.nut-swipe__wrapper .nut-button{height:100%}.nut-swipe__wrapper .nut-cell{margin:0}.nut-swipe__left,.nut-swipe__right{position:absolute;top:0;height:100%}.nut-swipe__left{left:0;transform:translate3d(-100%,0,0)}.nut-swipe__right{right:0;transform:translate3d(101%,0,0)}