@nutui/nutui-react 2.0.0-alpha.1 → 2.0.0-alpha.11

package/dist/esm/Skeleton.js

@@ -1,6 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "width", "height", "animated", "row", "title", "avatar", "avatarSize", "round", "loading", "children", "avatarShape"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "animated", "rows", "title", "avatar", "avatarSize", "visible", "children", "avatarShape"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -25,31 +25,23 @@ function _objectSpread(target) {
 import React__default from "react";
 import classNames from "classnames";
 import Avatar from "./Avatar.js";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
-  width: "100px",
-  height: "100px",
-  row: 1,
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  rows: 1,
   animated: false,
   title: false,
   avatar: false,
-  round: false,
   avatarSize: "50px",
-  loading: false,
+  visible: false,
   avatarShape: "round"
-};
+});
 var Skeleton = function Skeleton2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, width = _defaultProps$props.width, height = _defaultProps$props.height, animated = _defaultProps$props.animated, row = _defaultProps$props.row, title = _defaultProps$props.title, avatar = _defaultProps$props.avatar, avatarSize = _defaultProps$props.avatarSize, round = _defaultProps$props.round, loading = _defaultProps$props.loading, children = _defaultProps$props.children, avatarShape = _defaultProps$props.avatarShape, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn("skeleton");
-  var classes = classNames(className, b());
-  var blockClass = classNames({
-    blockClass: true,
-    "blockClass--round": round
-  });
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, animated = _defaultProps$props.animated, rows = _defaultProps$props.rows, title = _defaultProps$props.title, avatar = _defaultProps$props.avatar, avatarSize = _defaultProps$props.avatarSize, visible = _defaultProps$props.visible, children = _defaultProps$props.children, avatarShape = _defaultProps$props.avatarShape, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-skeleton";
+  var classes = classNames(className, classPrefix);
   var avatarClass = classNames(_defineProperty({
-    avatarClass: true
-  }, "avatarClass--".concat(avatarShape), avatarShape));
+    avatar: true
+  }, "avatar--".concat(avatarShape), avatarShape));
   var repeatLines = function repeatLines2(num) {
     return Array.from({
       length: num
@@ -69,35 +61,27 @@ var Skeleton = function Skeleton2(props) {
       height: "50px"
     };
   };
-  return React__default.createElement(React__default.Fragment, null, loading ? React__default.createElement("div", null, children) : React__default.createElement("div", _objectSpread({
+  return React__default.createElement(React__default.Fragment, null, visible ? React__default.createElement("div", null, children) : React__default.createElement("div", _objectSpread({
     className: classes
-  }, restProps), animated && React__default.createElement("div", {
-    className: "skeleton-animation"
+  }, rest), animated && React__default.createElement("div", {
+    className: "".concat(classPrefix, "__animation")
   }), React__default.createElement("div", {
-    className: "nut-skeleton-content"
+    className: "".concat(classPrefix, "__content")
   }, avatar && React__default.createElement(Avatar, {
     className: avatarClass,
-    bgColor: "rgb(239, 239, 239)",
     shape: avatarShape,
-    style: getStyle()
-  }), row === 1 && React__default.createElement("div", {
-    className: blockClass,
-    style: {
-      width,
-      height
-    }
-  }), React__default.createElement("div", {
-    className: "skeleton-content-line"
+    style: getStyle(),
+    icon: "null"
+  }), rows === 1 ? React__default.createElement("div", {
+    className: "".concat(classPrefix, "__block")
+  }) : React__default.createElement("div", {
+    className: "".concat(classPrefix, "__content-line")
   }, title && React__default.createElement("div", {
-    className: "skeleton-title"
-  }), repeatLines(row).map(function(item, index) {
+    className: "".concat(classPrefix, "__title")
+  }), repeatLines(rows).map(function(item, index) {
     return React__default.createElement("div", {
-      className: blockClass,
-      key: index,
-      style: {
-        width,
-        height
-      }
+      className: "".concat(classPrefix, "__block"),
+      key: index
     });
   })))));
 };

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

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

package/dist/esm/Step/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))}

package/dist/esm/Step.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "title", "content", "activeIndex", "icon", "className", "renderContent"];
+var _excluded = ["children", "title", "description", "value", "icon", "className"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,41 +24,38 @@ function _objectSpread(target) {
 }
 import React__default, { useContext } from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./UserContext2.js";
-import { c as cn } from "./bem.js";
+import { D as DataContext } from "./context2.js";
 import { C as ComponentDefaults } from "./typings.js";
-import "@bem-react/classname";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   title: "",
-  content: "",
-  activeIndex: 0,
-  icon: ""
+  description: "",
+  value: 0,
+  icon: null
 });
 var Step = function Step2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, title = _defaultProps$props.title, content = _defaultProps$props.content, activeIndex = _defaultProps$props.activeIndex, icon = _defaultProps$props.icon, className = _defaultProps$props.className, renderContent = _defaultProps$props.renderContent, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, title = _defaultProps$props.title, description = _defaultProps$props.description, value = _defaultProps$props.value, icon = _defaultProps$props.icon, className = _defaultProps$props.className, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
   var parent = useContext(DataContext);
-  var dot = parent.propSteps.progressDot;
+  var dot = parent.propSteps.dot;
   var getCurrentStatus = function getCurrentStatus2() {
-    var index = activeIndex;
-    if (index < +parent.propSteps.current)
+    var index = value;
+    if (index < +parent.propSteps.value)
       return "finish";
-    return index === +parent.propSteps.current ? "process" : "wait";
+    return index === +parent.propSteps.value ? "process" : "wait";
   };
   var handleClickStep = function handleClickStep2() {
-    var _parent$propSteps, _parent$propSteps2, _parent$propSteps3, _parent$propSteps4;
-    ((_parent$propSteps = parent.propSteps) === null || _parent$propSteps === void 0 ? void 0 : _parent$propSteps.onClickStep) && ((_parent$propSteps2 = parent.propSteps) === null || _parent$propSteps2 === void 0 ? void 0 : _parent$propSteps2.onClickStep(activeIndex));
-    ((_parent$propSteps3 = parent.propSteps) === null || _parent$propSteps3 === void 0 ? void 0 : _parent$propSteps3.clickStep) && ((_parent$propSteps4 = parent.propSteps) === null || _parent$propSteps4 === void 0 ? void 0 : _parent$propSteps4.clickStep(activeIndex));
+    var _parent$propSteps, _parent$propSteps2;
+    ((_parent$propSteps = parent.propSteps) === null || _parent$propSteps === void 0 ? void 0 : _parent$propSteps.onStepClick) && ((_parent$propSteps2 = parent.propSteps) === null || _parent$propSteps2 === void 0 ? void 0 : _parent$propSteps2.onStepClick(value));
   };
-  var b = cn("step");
-  var classes = classNames(_defineProperty({}, "".concat(b(""), "-").concat(getCurrentStatus()), true), className, b(""));
+  var classPrefix = "nut-step";
+  var classes = classNames(_defineProperty({}, "".concat(classPrefix, "-").concat(getCurrentStatus()), true), className, classPrefix);
   var renderIconClass = function renderIconClass2() {
-    if (!dot && icon) {
-      return "nut-step-icon is-icon";
+    if (icon) {
+      return "".concat(classPrefix, "-icon is-icon");
     }
     if (!dot && !icon) {
-      return "nut-step-icon is-text";
+      return "".concat(classPrefix, "-icon is-text");
     }
-    return "nut-step-icon";
+    return "".concat(classPrefix, "-icon");
   };
   return React__default.createElement("div", _objectSpread(_objectSpread({
     className: classes
@@ -70,17 +67,15 @@ var Step = function Step2(props) {
     className: "nut-step-line"
   }), React__default.createElement("div", {
     className: renderIconClass()
-  }, React__default.isValidElement(icon) ? icon : !dot && React__default.createElement("span", {
+  }, icon || !dot && React__default.createElement("span", {
     className: "nut-step-inner"
-  }, activeIndex))), React__default.createElement("div", {
+  }, value))), React__default.createElement("div", {
     className: "nut-step-main"
   }, React__default.createElement("span", {
     className: "nut-step-title"
-  }, title), content && React__default.createElement("span", {
-    className: "nut-step-content"
-  }, content), renderContent && React__default.createElement("span", {
-    className: "nut-step-content"
-  }, renderContent())));
+  }, title), description && React__default.createElement("span", {
+    className: "nut-step-description"
+  }, description)));
 };
 Step.defaultProps = defaultProps;
 Step.displayName = "NutStep";

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

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

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

@@ -1,2 +1,2 @@
-
+import '../../Step/style'
 import '../../../packages/steps/steps.scss'

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,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "current", "direction", "className", "progressDot", "clickStep", "onClickStep"];
+var _excluded = ["children", "value", "direction", "className", "dot", "onStepClick"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,23 +24,22 @@ function _objectSpread(target) {
 }
 import React__default from "react";
 import classNames from "classnames";
-import { D as DataContext } from "./UserContext2.js";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
-  current: 0,
+import { D as DataContext } from "./context2.js";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  value: 0,
   direction: "horizontal",
-  progressDot: false
-};
+  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, onClickStep = propSteps.onClickStep, 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
   };
-  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({

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+.nut-theme-dark .nut-subsidenavbar{background-color:#141414}.nut-theme-dark .nut-subsidenavbar__title{background-color:#1f1f1f;color:#e6e6e6}.nut-theme-dark .nut-subsidenavbar__title__text{color:#e6e6e6}.nut-subsidenavbar__title{height:40px;padding:10px 8px 10px 35px;background:#f7f8fa}.nut-subsidenavbar__list.nutShow .nut-subsidenavbar__content{height:auto;overflow:inherit}.nut-subsidenavbar__list.nutHide .nut-subsidenavbar__content{height:0;overflow:hidden}

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

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

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)}

package/dist/esm/Swipe.js

@@ -21,7 +21,7 @@ function _objectSpread(target) {
   }
   return target;
 }
-import React__default, { forwardRef, useRef, useState, useMemo, useCallback, useImperativeHandle, useEffect } from "react";
+import React__default, { forwardRef, useRef, useState, useCallback, useImperativeHandle, useEffect } from "react";
 import classNames from "classnames";
 import { c as cn } from "./bem.js";
 import { u as useTouch } from "./use-touch.js";
@@ -36,9 +36,7 @@ function preventDefault(event, isStopPropagation) {
   }
 }
 var defaultProps = {
-  name: "",
-  leftWidth: 0,
-  rightWidth: 0
+  name: ""
 };
 var Swipe = forwardRef(function(props, instanceRef) {
   var swipeBem = cn("swipe");
@@ -60,12 +58,8 @@ var Swipe = forwardRef(function(props, instanceRef) {
     transform: "translate3d(".concat(state.offset, "px, 0, 0)"),
     transitionDuration: state.dragging ? "0s" : ".6s"
   };
-  var leftWidth = useMemo(function() {
-    return props.leftWidth ? props.leftWidth : actionWidth.left;
-  }, [props.leftWidth, actionWidth.left]);
-  var rightWidth = useMemo(function() {
-    return props.rightWidth ? props.rightWidth : actionWidth.right;
-  }, [props.rightWidth, actionWidth.right]);
+  var leftWidth = actionWidth.left;
+  var rightWidth = actionWidth.right;
   var _onTouchStart = function onTouchStart(event) {
     if (!props.disabled) {
       startOffset.current = state.offset;

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

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

package/dist/esm/Swiper/style/style.css

@@ -0,0 +1 @@
+.nut-swiper-item{height:100%}.nut-swiper{position:relative;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;overflow:hidden}.nut-swiper__inner{display:flex;height:100%}.nut-swiper__vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.nut-swiper__indicator{display:flex;position:absolute;left:50%;bottom:var(--nutui-swiper-indicator-bottom, 12px);transform:translate(-50%)}.nut-swiper__indicator-vertical{top:50%;left:12px;bottom:auto;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;transform:translateY(-50%)}