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

package/dist/esm/Ellipsis.js

@@ -0,0 +1,179 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "content", "className", "direction", "rows", "expandText", "collapseText", "symbol", "lineHeight", "onClick", "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, { useState, useRef, useLayoutEffect } from "react";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  content: "",
+  direction: "end",
+  rows: 1,
+  expandText: "",
+  collapseText: "",
+  symbol: "...",
+  lineHeight: "20"
+});
+var classPrefix = "nut-ellipsis";
+var Ellipsis = function Ellipsis2(props) {
+  var _ellipsis$current, _ellipsis$current2;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, content = _defaultProps$props.content, className = _defaultProps$props.className, direction = _defaultProps$props.direction, rows = _defaultProps$props.rows, expandText = _defaultProps$props.expandText, collapseText = _defaultProps$props.collapseText, symbol = _defaultProps$props.symbol, lineHeight = _defaultProps$props.lineHeight, onClick = _defaultProps$props.onClick, onChange = _defaultProps$props.onChange, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var container = null;
+  var maxHeight = 0;
+  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), exceeded = _useState2[0], setExceeded = _useState2[1];
+  var _useState3 = useState(false), _useState4 = _slicedToArray(_useState3, 2), expanded = _useState4[0], setExpanded = _useState4[1];
+  var ellipsis = useRef();
+  var root = useRef(null);
+  var classes = classNames(classPrefix, className);
+  useLayoutEffect(function() {
+    if (content) {
+      createContainer();
+    }
+  }, [content]);
+  var createContainer = function createContainer2() {
+    if (!root.current)
+      return;
+    var originStyle = window.getComputedStyle(root.current);
+    container = document.createElement("div");
+    var styleNames = Array.prototype.slice.apply(originStyle);
+    styleNames.forEach(function(name) {
+      container.style.setProperty(name, originStyle.getPropertyValue(name));
+    });
+    container.style.position = "fixed";
+    container.style.left = "999999px";
+    container.style.top = "999999px";
+    container.style.zIndex = "-1000";
+    container.style.height = "auto";
+    container.style.minHeight = "auto";
+    container.style.maxHeight = "auto";
+    container.style.textOverflow = "clip";
+    container.style.whiteSpace = "normal";
+    container.style.webkitLineClamp = "unset";
+    container.style.display = "block";
+    var lineH = pxToNumber(originStyle.lineHeight === "normal" ? lineHeight : originStyle.lineHeight);
+    maxHeight = Math.floor(lineH * (Number(rows) + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
+    container.innerText = content;
+    document.body.appendChild(container);
+    calcEllipse();
+    document.body.removeChild(container);
+  };
+  var calcEllipse = function calcEllipse2() {
+    if (container.offsetHeight <= maxHeight) {
+      setExceeded(false);
+    } else {
+      setExceeded(true);
+      var end = content.length;
+      var middle = Math.floor((0 + end) / 2);
+      var ellipsised = direction === "middle" ? tailorMiddle([0, middle], [middle, end]) : tailor(0, end);
+      ellipsis.current = ellipsised;
+    }
+  };
+  var tailor = function tailor2(left, right) {
+    var actionText = expanded ? collapseText : expandText;
+    var end = content.length;
+    if (right - left <= 1) {
+      if (direction === "end") {
+        return {
+          leading: content.slice(0, left) + symbol
+        };
+      }
+      return {
+        tailing: symbol + content.slice(right, end)
+      };
+    }
+    var middle = Math.round((left + right) / 2);
+    if (direction === "end") {
+      container.innerText = content.slice(0, middle) + symbol + actionText;
+    } else {
+      container.innerText = actionText + symbol + content.slice(middle, end);
+    }
+    if (container.offsetHeight <= maxHeight) {
+      if (direction === "end") {
+        return tailor2(middle, right);
+      }
+      return tailor2(left, middle);
+    }
+    if (direction === "end") {
+      return tailor2(left, middle);
+    }
+    return tailor2(middle, right);
+  };
+  var tailorMiddle = function tailorMiddle2(leftPart, rightPart) {
+    var actionText = expanded ? collapseText : expandText;
+    var end = content.length;
+    if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
+      return {
+        leading: content.slice(0, leftPart[0]) + symbol,
+        tailing: symbol + content.slice(rightPart[1], end)
+      };
+    }
+    var leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
+    var rightPartMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
+    container.innerText = content.slice(0, leftPartMiddle) + symbol + actionText + symbol + content.slice(rightPartMiddle, end);
+    if (container.offsetHeight <= maxHeight) {
+      return tailorMiddle2([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
+    }
+    return tailorMiddle2([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
+  };
+  var pxToNumber = function pxToNumber2(value) {
+    if (!value)
+      return 0;
+    var match = value.match(/^\d*(\.\d*)?/);
+    return match ? Number(match[0]) : 0;
+  };
+  var clickHandle = function clickHandle2(type) {
+    if (type === 1) {
+      setExpanded(true);
+      onChange && onChange("expand");
+    } else {
+      setExpanded(false);
+      onChange && onChange("collapse");
+    }
+  };
+  var handleClick = function handleClick2() {
+    onClick && onClick();
+  };
+  return React__default.createElement("div", _objectSpread({
+    className: classes,
+    onClick: handleClick,
+    ref: root
+  }, rest), React__default.createElement("div", null, !exceeded ? content : null, exceeded && !expanded ? React__default.createElement(React__default.Fragment, null, (_ellipsis$current = ellipsis.current) === null || _ellipsis$current === void 0 ? void 0 : _ellipsis$current.leading, expandText ? React__default.createElement("span", {
+    className: "nut-ellipsis-text",
+    onClick: function onClick2(e) {
+      e.stopPropagation();
+      clickHandle(1);
+    }
+  }, expandText) : null, (_ellipsis$current2 = ellipsis.current) === null || _ellipsis$current2 === void 0 ? void 0 : _ellipsis$current2.tailing) : null, exceeded && expanded ? React__default.createElement(React__default.Fragment, null, content, expandText ? React__default.createElement("span", {
+    className: "nut-ellipsis-text",
+    onClick: function onClick2(e) {
+      e.stopPropagation();
+      clickHandle(2);
+    }
+  }, collapseText) : null) : null));
+};
+Ellipsis.defaultProps = defaultProps;
+Ellipsis.displayName = "NutEllipsis";
+export {
+  Ellipsis as default
+};

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

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

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

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

package/dist/esm/Empty/style/style.css

@@ -0,0 +1 @@
+.nut-empty{box-sizing:border-box;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:var(--nutui-empty-padding, 32px 0);background-color:var(--nutui-gray-6, #ffffff)}.nut-empty__image{width:var(--nutui-empty-image-size, 170px);height:var(--nutui-empty-image-size, 170px)}.nut-empty__image .img{width:100%;height:100%}.nut-empty__image img,.nut-empty__image image{width:100%;height:100%}.nut-empty__description{margin-top:var(--nutui-empty-description-margin-top, 4px);padding:var(--nutui-empty-description-padding, 0 40px);color:var(--nutui-empty-description-color, #666666);font-size:var(--nutui-empty-description-font-size, 14px);line-height:var(--nutui-empty-description-line-height, 20px)}

package/dist/esm/Empty.js

@@ -1,77 +1,63 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["image", "imageSize", "description", "children", "className"];
-
-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, useEffect } from 'react';
-import { c as cn } from './bem-893ad28d.js';
-import { useConfig } from './ConfigProvider.js';
-import '@bem-react/classname';
-/**
- * 内置图片地址
- */
-
-var defaultStatus = {
-  empty: 'https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png',
-  error: 'https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png',
-  network: 'https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png'
-};
-var defaultProps = {
-  description: '无内容',
-  image: 'empty',
-  imageSize: '',
-  className: ''
-};
-
-var Empty = function Empty(props) {
-  var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
-  defaultProps.description = locale.noData || defaultProps.description;
-
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      image = _defaultProps$props.image,
-      imageSize = _defaultProps$props.imageSize,
-      description = _defaultProps$props.description,
-      children = _defaultProps$props.children,
-      className = _defaultProps$props.className,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
-  var _useState = useState({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      imgStyle = _useState2[0],
-      setImgStyle = _useState2[1];
-
-  var b = cn('empty');
-  var imageNode = image;
-
-  if (typeof image === 'string') {
-    var isHttpUrl = image.startsWith('https://') || image.startsWith('http://') || image.startsWith('//');
-    var imageUrl = isHttpUrl ? image : defaultStatus[image];
-    imageNode = React__default.createElement("img", {
-      className: "img",
-      src: imageUrl,
-      alt: "empty"
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["image", "imageSize", "description", "children", "className", "status"];
+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));
     });
   }
-
-  useEffect(function () {
-    setImgStyle(function () {
+  return target;
+}
+import React__default, { useState, useEffect } from "react";
+import { useConfig } from "./ConfigProvider.js";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultStatus = {
+  empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
+  error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
+  network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
+};
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  description: "",
+  imageSize: "",
+  status: "empty"
+});
+var classPrefix = "nut-empty";
+var Empty = function Empty2(props) {
+  var _useConfig = useConfig(), locale = _useConfig.locale;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), image = _defaultProps$props.image, imageSize = _defaultProps$props.imageSize, description = _defaultProps$props.description, children = _defaultProps$props.children, className = _defaultProps$props.className, status = _defaultProps$props.status, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _useState = useState({}), _useState2 = _slicedToArray(_useState, 2), imgStyle = _useState2[0], setImgStyle = _useState2[1];
+  var imageUrl = image || defaultStatus[status];
+  var imageNode = typeof imageUrl === "string" ? React__default.createElement("img", {
+    className: "img",
+    src: imageUrl,
+    alt: "empty"
+  }) : imageUrl;
+  useEffect(function() {
+    setImgStyle(function() {
       if (!imageSize) {
         return {};
       }
-
-      if (typeof imageSize === 'number') {
+      if (typeof imageSize === "number") {
         return {
           width: "".concat(imageSize, "px"),
           height: "".concat(imageSize, "px")
         };
       }
-
       return {
         width: imageSize,
         height: imageSize
@@ -79,17 +65,16 @@ var Empty = function Empty(props) {
     });
   }, [imageSize]);
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className)
+    className: "".concat(classPrefix, " ").concat(className)
   }, rest), React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: b('image'),
+    className: "".concat(classPrefix, "__image"),
     style: imgStyle
-  }, imageNode), typeof description === 'string' ? React__default.createElement("div", {
-    className: b('description')
-  }, description) : {
-    description: description
-  }, children));
+  }, imageNode), typeof description === "string" ? React__default.createElement("div", {
+    className: "".concat(classPrefix, "__description")
+  }, description || locale.noData) : description, children));
 };
-
 Empty.defaultProps = defaultProps;
-Empty.displayName = 'NutEmpty';
-export { Empty as default };
+Empty.displayName = "NutEmpty";
+export {
+  Empty as default
+};

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

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

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

@@ -1,3 +1,2 @@
-require('../../Icon/style')
-require('../../Overlay/style')
-require('../../../packages/fixednav/fixednav.scss')
+import '../../Overlay/style'
+import '../../../packages/fixednav/fixednav.scss'

package/dist/esm/FixedNav/style/style.css

@@ -0,0 +1 @@
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overflow-hidden{overflow:hidden!important}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-fixednav{position:fixed;z-index:var(--nutui-fixednav-index, 201);display:inline-block;height:50px;right:0}.nut-fixednav.active .nut-icon{transform:rotate(180deg)}.nut-fixednav.active .nut-fixednav__list{transform:translate(0)!important}.nut-fixednav.active.left .nut-icon{transform:rotate(0)!important}.nut-fixednav__btn{box-sizing:border-box;position:absolute;right:0;z-index:var(--nutui-fixednav-index, 201);width:80px;padding-left:12px;height:100%;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border-radius:45px 0 0 45px;box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:center}.nut-fixednav__btn .text{width:24px;line-height:13px;font-size:10px;color:var(--nutui-fixednav-bg-color, #fff);flex-shrink:0}.nut-fixednav__btn .nut-icon{margin-right:5px;transform:rotate(0);transition:all .3s}.nut-fixednav__list{position:absolute;right:0;transform:translate(100%);transition:all .5s;z-index:var(--nutui-fixednav-index, 201);flex-shrink:0;height:100%;background:var(--nutui-fixednav-bg-color, #fff);display:flex;justify-content:space-between;border-radius:25px 0 0 25px;box-shadow:2px 2px 8px #0003;padding-left:20px;padding-right:80px}.nut-fixednav__list-item{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:50px;flex-shrink:0}.nut-fixednav__list-item img{width:20px;height:20px;margin-bottom:2px}.nut-fixednav__list-item .nut-fixednav__list-text{font-size:10px;color:var(--nutui-fixednav-font-color, #000)}.nut-fixednav__list-item .b{position:absolute;right:0;top:1px;height:14px;line-height:14px;font-size:10px;padding:0 3px;color:#fff;background:var(--nutui-brand-color, #fa2c19);border-radius:7px;text-align:center;min-width:12px}.nut-fixednav.left{right:auto;left:0}.nut-fixednav.left .nut-fixednav__btn{flex-direction:row-reverse;right:auto;left:0;border-radius:0 45px 45px 0}.nut-fixednav.left .nut-fixednav__btn .nut-icon{transform:rotate(180deg)}.nut-fixednav.left .nut-fixednav__list{transform:translate(-100%);right:auto;border-radius:0 25px 25px 0;padding-left:80px;padding-right:20px;margin:0}.nut-drag .nut-fixednav{position:inherit}

package/dist/esm/FixedNav.js

@@ -1,110 +1,97 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["fixednavClass", "overlay", "visible", "navList", "activeText", "unActiveText", "position", "onChange", "onSelected", "type", "slotList", "slotBtn"];
-
-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 Icon from './Icon.js';
-import Overlay from './Overlay.js';
-import { c as cn } from './bem-893ad28d.js';
-import { useConfig } from './ConfigProvider.js';
-import '@bem-react/classname';
-var defaultProps = {
-  fixednavClass: 'nut-fixednav',
-  activeText: '',
-  unActiveText: '',
-  type: 'right',
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "overlay", "visible", "list", "activeText", "inactiveText", "position", "onChange", "onSelect", "type", "children", "style", "content"];
+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 { Left } from "@nutui/icons-react";
+import Overlay from "./Overlay.js";
+import { useConfig } from "./ConfigProvider.js";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  activeText: "",
+  inactiveText: "",
+  type: "right",
   position: {
-    top: 'auto',
-    bottom: 'auto'
+    top: "auto",
+    bottom: "auto"
   }
-};
-
-var FixedNav = function FixedNav(props) {
-  var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      fixednavClass = _defaultProps$props.fixednavClass,
-      overlay = _defaultProps$props.overlay,
-      visible = _defaultProps$props.visible,
-      navList = _defaultProps$props.navList,
-      activeText = _defaultProps$props.activeText,
-      unActiveText = _defaultProps$props.unActiveText,
-      position = _defaultProps$props.position,
-      onChange = _defaultProps$props.onChange,
-      onSelected = _defaultProps$props.onSelected,
-      type = _defaultProps$props.type,
-      slotList = _defaultProps$props.slotList,
-      slotBtn = _defaultProps$props.slotBtn,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
-  var b = cn('fixednav');
+});
+var FixedNav = function FixedNav2(props) {
+  var _useConfig = useConfig(), locale = _useConfig.locale;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, overlay = _defaultProps$props.overlay, visible = _defaultProps$props.visible, list = _defaultProps$props.list, activeText = _defaultProps$props.activeText, inactiveText = _defaultProps$props.inactiveText, position = _defaultProps$props.position, onChange = _defaultProps$props.onChange, onSelect = _defaultProps$props.onSelect, type = _defaultProps$props.type, children = _defaultProps$props.children, style = _defaultProps$props.style, content = _defaultProps$props.content, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-fixednav";
   var classes = classNames({
     active: visible
-  }, type, fixednavClass, b(''));
-
-  var onSelectCb = function onSelectCb(event, item) {
-    onSelected(item, event);
+  }, type, className, classPrefix);
+  var handleClick = function handleClick2(item, event) {
+    onSelect(item, event);
   };
-
-  var onUpdateValue = function onUpdateValue() {
-    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !visible;
+  var onUpdateValue = function onUpdateValue2() {
+    var value = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !visible;
     onChange(value);
-  }; // const [classNames, setClassNames] = useState('')
-  // const classes = () => {
-  //   return `${fixednavClass} ${type} ${visible ? 'active' : ''}`
-  // }
-  // useEffect(() => {
-  //   setClassNames(classes())
-  // }, [visible])
-
-
+  };
   return React__default.createElement("div", _objectSpread({
     className: classes,
-    style: position
+    style: _objectSpread(_objectSpread({}, position), style)
   }, rest), overlay && React__default.createElement(Overlay, {
-    visible: visible,
+    visible,
     zIndex: 200,
     onClick: function onClick() {
       return onUpdateValue(false);
     }
   }), React__default.createElement("div", {
     className: "list"
-  }, slotList || React__default.createElement("div", {
-    className: "nut-fixednav__list"
-  }, navList.map(function (item, index) {
+  }, children || React__default.createElement("div", {
+    className: "".concat(classPrefix, "__list")
+  }, list.map(function(item, index) {
     return React__default.createElement("div", {
-      className: "nut-fixednav__list-item",
+      className: "".concat(classPrefix, "__list-item"),
       onClick: function onClick(event) {
-        return onSelectCb(event, item);
+        return handleClick(item, event);
       },
       key: item.id || index
     }, React__default.createElement("img", {
       src: item.icon,
       alt: ""
     }), React__default.createElement("div", {
-      className: "nut-fixednav__list-text"
+      className: "".concat(classPrefix, "__list-text")
     }, item.text), item.num && React__default.createElement("div", {
       className: "b"
     }, item.num));
   }))), React__default.createElement("div", {
-    className: "nut-fixednav__btn",
+    className: "".concat(classPrefix, "__btn"),
     onClick: function onClick() {
       return onUpdateValue();
     }
-  }, slotBtn || React__default.createElement(React__default.Fragment, null, React__default.createElement(Icon, {
-    name: "left",
+  }, content || React__default.createElement(React__default.Fragment, null, React__default.createElement(Left, {
     color: "#fff"
   }), React__default.createElement("div", {
     className: "text"
-  }, visible ? activeText || locale.fixednav.activeText : unActiveText || locale.fixednav.unActiveText))));
+  }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText))));
 };
-
 FixedNav.defaultProps = defaultProps;
-FixedNav.displayName = 'NutFixedNav';
-export { FixedNav as default };
+FixedNav.displayName = "NutFixedNav";
+export {
+  FixedNav as default
+};

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

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

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

@@ -0,0 +1,4 @@
+import '../../CellGroup/style'
+import '../../Cell/style'
+import '../../FormItem/style'
+import '../../../packages/form/form.scss'

package/dist/esm/Form/style/style.css

@@ -0,0 +1 @@
+.nut-cell-group{display:block}.nut-cell-group__title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, #909ca4);font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group__description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 10px);color:var(--nutui-cell-group-description-color, #909ca4);font-size:var(--nutui-cell-group-description-font-size, var(--nutui-font-size-1, 12px));line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group__wrap{display:inherit;border-radius:var(--nutui-cell-border-radius, 6px);overflow:hidden;background-color:var(--nutui-cell-group-background-color, var(--nutui-gray-6, #ffffff));margin:10px 0}.nut-cell-group__wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group__wrap--divider .nut-cell__divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 16px);bottom:0;left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid #f5f6f7)}.nut-cell-group__wrap--divider .nut-cell:last-child .nut-cell__divider{border-top:0!important}.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nutui-cell-line-height, 20px);padding:var(--nutui-cell-padding, 13px 16px);background-color:var(--nutui-cell-background-color, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-cell-border-radius, 6px);box-shadow:var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cell-title-color, var(--nutui-gray-1, #1a1a1a));margin:10px 0;box-sizing:border-box}.nut-cell__left{display:flex;flex-direction:column;flex:1}.nut-cell__description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-1, 12px));color:var(--nutui-cell-description-color, var(--nutui-gray-2, #757575))}.nut-cell__extra{display:inline-flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cell-extra-color, var(--nutui-gray-2, #757575))}.nut-form-item{display:flex}.nut-form-item:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;transform:scaleX(0)}.nut-form-item.error.line:before{border-bottom:1px solid var(--nutui-form-item-error-line-color, var(--nutui-brand-color, #fa2c19));transform:scaleX(1);transition:transform .2s cubic-bezier(0,0,.2,1) 0ms}.nut-form-item__label{font-size:var(--nutui-form-item-label-font-size, 14px);font-weight:400;width:var(--nutui-form-item-label-width, 90px);margin-right:var(--nutui-form-item-label-margin-right, 10px);flex:none!important;display:inline-block!important;word-wrap:break-word;text-align:var(--nutui-form-item-label-text-align, left)}.nut-form-item__label .required:before{content:"*";color:var(--nutui-form-item-required-color, var(--nutui-brand-color, #fa2c19));margin-right:var(--nutui-form-item-required-margin-right, 4px)}.nut-form-item__body{flex:1;display:flex!important;flex-direction:column}.nut-form-item__body__slots{text-align:var(--nutui-form-item-body-slots-text-align, left)}.nut-form-item__body__slots .nut-input{padding:0;border:0}.nut-form-item__body__slots .nut-input-text{font-size:var(--nutui-form-item-body-font-size, 14px);text-align:var(--nutui-form-item-body-input-text-align, left);color:var(--nutui-gray-0, #000000);width:100%;outline:0 none;border:0;text-decoration:none;background:transparent}.nut-form-item__body__slots .nut-range-container{min-height:24px}.nut-form-item__body__slots .nut-textarea{padding:0!important}.nut-form-item__body__slots .nut-textarea .nut-textarea__textarea{font:inherit;text-align:var(--nutui-form-item-body-input-text-align, left)}.nut-form-item__body__tips{text-align:var(--nutui-form-item-tip-text-align, left);font-size:var(--nutui-form-item-tip-font-size, 10px);color:var(--nutui-form-item-error-message-color, var(--nutui-brand-color, #fa2c19))}.form-layout-right .nut-form-item__label{text-align:right;font-size:14px;padding-right:24px;white-space:nowrap}.form-layout-left .nut-form-item__label{text-align:left;font-size:14px;padding-right:24px;white-space:nowrap}.form-layout-top .nut-form-item{flex-direction:column;align-items:flex-start;white-space:nowrap}.form-layout-top .nut-form-item__label{padding-bottom:4px;display:block;font-size:14px;padding-right:24px}.form-layout-top .nut-form-item__body{margin-left:0}