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

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

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

package/dist/esm/FixedNav.js

@@ -1,105 +1,97 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["fixednavClass", "overlay", "visible", "navList", "activeText", "unActiveText", "position", "onChange", "onSelected", "type", "slotList", "slotBtn", "iconClassPrefix", "iconFontClassName"];
-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-3b438e61.js';
-import { useConfig } from './ConfigProvider.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
-import '@bem-react/classname';
+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), {}, {
-  fixednavClass: 'nut-fixednav',
-  activeText: '',
-  unActiveText: '',
-  type: 'right',
+  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,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName,
-    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(event, item);
   };
-  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, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    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
+};