@nutui/nutui-react 2.3.12-beta.0 → 2.3.12

package/dist/esm/Sticky.js

@@ -1,45 +1,16 @@
-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(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 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);
-    };
+function useWatch(dep, callback, config = { immediate: false }) {
+  const { immediate } = config;
+  const prev = useRef();
+  const inited = useRef(false);
+  const stop = useRef(false);
+  useEffect(() => {
+    const execute = () => callback(prev.current);
     if (!stop.current) {
       if (!inited.current) {
         inited.current = true;
@@ -52,70 +23,65 @@ function useWatch(dep, callback) {
       prev.current = dep;
     }
   }, [dep]);
-  return function() {
+  return () => {
     stop.current = true;
   };
 }
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  position: "top",
-  threshold: 0,
-  zIndex: 900
-});
-var classPrefix = "nut-sticky";
-var Sticky = function Sticky2(props) {
-  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(_defineProperty(_defineProperty({}, position, "".concat(threshold, "px")), "zIndex", zIndex)), _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() {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { position: "top", threshold: 0, zIndex: 900 });
+const classPrefix = "nut-sticky";
+const Sticky = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { position, zIndex, children, container, style, className, threshold, onChange } = _a, rest = __rest(_a, ["position", "zIndex", "children", "container", "style", "className", "threshold", "onChange"]);
+  const stickyRef = useRef(null);
+  const rootRef = useRef(null);
+  const [isFixed, setIsFixed] = useState(false);
+  const [stickyStyle, setStickyStyle] = useState({
+    [position]: `${threshold}px`,
+    zIndex
+  });
+  const [rootStyle, setRootStyle] = useState({});
+  const getElement = useCallback(() => {
     return getScrollParent(rootRef.current);
   }, []);
-  useEffect(function() {
+  useEffect(() => {
     if (position === "top")
       return;
-    var containerEle = container === null || container === void 0 ? void 0 : container.current;
+    const 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;
+    const rootRect = getRect(rootRef.current);
+    const containerRect = getRect(containerEle);
+    const clientHeight = document.documentElement.clientHeight;
+    const stCurrent = stickyRef.current;
+    const stickyRect = getRect(stCurrent);
+    let 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
-      });
+    const defaultPostVal = fixed ? "fixed" : "inherit";
+    setStickyStyle((prev) => {
+      return Object.assign(Object.assign({}, prev), { position: defaultPostVal });
     });
     setIsFixed(fixed);
   }, [position, container, threshold]);
-  var handleScroll = useCallback(function() {
-    var containerEle = container === null || container === void 0 ? void 0 : container.current;
+  const handleScroll = useCallback(() => {
+    const 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);
+    const rootRect = getRect(rootRef.current);
+    const stCurrent = stickyRef.current;
+    const stickyRect = getRect(stCurrent);
+    const containerRect = getRect(containerEle);
     if (rootRect.height) {
-      setRootStyle(function(prev) {
-        return _objectSpread(_objectSpread({}, prev), {}, {
-          height: rootRect.height
-        });
+      setRootStyle((prev) => {
+        return Object.assign(Object.assign({}, prev), { height: rootRect.height });
       });
     }
-    var getFixed = function getFixed2() {
-      var fixed2 = false;
+    const getFixed = () => {
+      let fixed2 = false;
       if (position === "top") {
         fixed2 = containerEle ? threshold > rootRect.top && containerRect.bottom > 0 : threshold > rootRect.top;
       } else {
-        var clientHeight = document.documentElement.clientHeight;
+        const clientHeight = document.documentElement.clientHeight;
         fixed2 = containerEle ? containerRect.bottom > 0 && clientHeight - threshold - stickyRect.height > containerRect.top : clientHeight - threshold < rootRect.bottom;
       }
       return {
@@ -123,57 +89,47 @@ var Sticky = function Sticky2(props) {
         fixed: fixed2
       };
     };
-    var getTransform = function getTransform2() {
+    const getTransform = () => {
       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)")
-          };
+          const diff = containerRect.bottom - threshold - stickyRect.height;
+          const transform = diff < 0 ? diff : 0;
+          return { transform: `translate3d(0, ${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)")
-          };
+          const clientHeight = document.documentElement.clientHeight;
+          const diff = containerRect.bottom - (clientHeight - threshold);
+          const transform = diff < 0 ? diff : 0;
+          return { transform: `translate3d(0, ${transform}px, 0)` };
         }
         return {};
       }
       return {};
     };
-    var fixed = getFixed();
-    setStickyStyle(function(prev) {
-      return _objectSpread(_objectSpread(_objectSpread({}, prev), getTransform()), {}, {
-        position: fixed.position
-      });
+    const fixed = getFixed();
+    setStickyStyle((prev) => {
+      return Object.assign(Object.assign(Object.assign({}, prev), getTransform()), { position: fixed.position });
     });
     setIsFixed(fixed.fixed);
   }, [position, threshold, container]);
-  useWatch(isFixed, function() {
+  useWatch(isFixed, () => {
     onChange && onChange(isFixed);
   });
-  useEffect(function() {
-    var el = getElement();
+  useEffect(() => {
+    const el = getElement();
     el.addEventListener("scroll", handleScroll, false);
-    return function() {
+    return () => {
       el.removeEventListener("scroll", 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));
+  return React__default.createElement(
+    "div",
+    Object.assign({ ref: rootRef, style: Object.assign(Object.assign({}, 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";

package/dist/esm/SubSideNavBar.js

@@ -1,90 +1,61 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["title", "value", "children", "onClick", "open"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useContext, useRef, useCallback, useEffect } from "react";
 import { O as OffsetContext, h as handleClick } from "./context5.js";
-var defaultProps = {
+const defaultProps = {
   open: true
 };
-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);
-  var listRef = useRef(null);
-  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("".concat(classPrefix, "-title"))) {
-      var left = offset * (level + 1);
-      nodeList[0].style.paddingLeft = "".concat(left, "px");
+const SubSideNavBar = (props) => {
+  const classPrefix = "nut-subsidenavbar";
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { title, value, children, onClick, open } = _a, rest = __rest(_a, ["title", "value", "children", "onClick", "open"]);
+  const offset = useContext(OffsetContext);
+  const listRef = useRef(null);
+  const setListLevel = useCallback((nodeList, level = 1) => {
+    const titleClass = nodeList[0].className;
+    if (titleClass.includes(`${classPrefix}-title`)) {
+      const left = offset * (level + 1);
+      nodeList[0].style.paddingLeft = `${left}px`;
     }
-    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) {
-      var itemClass = item.className;
-      if (itemClass.includes("".concat(classPrefix, "-item"))) {
-        var _left = offset * (level + 2);
-        item.style.paddingLeft = "".concat(_left, "px");
+    const childNodes = nodeList[1] && nodeList[1].children && Array.from(nodeList[1].children).filter((item) => item.nodeType !== 3 && item.nodeType !== 8);
+    childNodes.forEach((item) => {
+      const itemClass = item.className;
+      if (itemClass.includes(`${classPrefix}-item`)) {
+        const left = offset * (level + 2);
+        item.style.paddingLeft = `${left}px`;
       }
-      if (itemClass.includes("".concat(classPrefix, "-list"))) {
-        var level2 = item.getAttribute("level") ? Number(item.getAttribute("level")) : 1;
+      if (itemClass.includes(`${classPrefix}-list`)) {
+        let 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 clickFn2(e) {
+  const clickFn = (e) => {
     handleClick(e);
-    var currentClass = e.currentTarget.className;
-    var isShow = currentClass.includes("sidenavbar-show");
-    onClick && onClick({
-      title,
-      value,
-      isShow
-    });
+    const currentClass = e.currentTarget.className;
+    const isShow = currentClass.includes("sidenavbar-show");
+    onClick && onClick({ title, value, isShow });
   };
-  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 || _listRef$current2.setAttribute("level", "1");
+  useEffect(() => {
+    var _a2, _b;
+    const childNodes = (_a2 = listRef.current) === null || _a2 === void 0 ? void 0 : _a2.children;
+    (_b = listRef.current) === null || _b === void 0 ? void 0 : _b.setAttribute("level", "1");
     childNodes && setListLevel(childNodes);
   }, [setListLevel]);
-  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: "".concat(classPrefix, "-title ").concat(classPrefix, "-border-bt")
-  }, title, " ", React__default.createElement("i", {
-    className: iconClass
-  })), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-content")
-  }, children));
+  const divClass = open ? `${classPrefix}-list sidenavbar-show` : `${classPrefix}-list sidenavbar-hide`;
+  const iconClass = open ? "arrow-icon arrow-down" : "arrow-icon arrow-up";
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: divClass, ref: listRef, onClick: clickFn }, rest),
+    React__default.createElement(
+      "div",
+      { className: `${classPrefix}-title ${classPrefix}-border-bt` },
+      title,
+      " ",
+      React__default.createElement("i", { className: iconClass })
+    ),
+    React__default.createElement("div", { className: `${classPrefix}-content` }, children)
+  );
 };
 export {
   SubSideNavBar as default