@nutui/nutui-react-taro 1.4.4 → 1.4.5

package/dist/esm/step.taro-1c94e067.js

@@ -1,88 +1,59 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "title", "content", "activeIndex", "icon", "iconColor", "size", "className", "renderContent", "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, { useContext } from 'react';
 import classNames from 'classnames';
 import { D as DataContext } from './UserContext-68f62e66.js';
 import { c as cn } from './bem-893ad28d.js';
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  title: '',
-  content: '',
-  activeIndex: 0,
-  icon: '',
-  iconColor: '',
-  size: '12px'
-});
-var Step = function Step(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,
-    iconColor = _defaultProps$props.iconColor,
-    size = _defaultProps$props.size,
-    className = _defaultProps$props.className,
-    renderContent = _defaultProps$props.renderContent,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName,
-    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var parent = useContext(DataContext);
-  var dot = parent.propSteps.progressDot;
-  var getCurrentStatus = function getCurrentStatus() {
-    var index = activeIndex;
-    if (index < +parent.propSteps.current) return 'finish';
-    return index === +parent.propSteps.current ? 'process' : 'wait';
-  };
-  var handleClickStep = function handleClickStep() {
-    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 b = cn('step');
-  var classes = classNames(_defineProperty({}, "".concat(b(''), "-").concat(getCurrentStatus()), true), className, b(''));
-  var renderIconClass = function renderIconClass() {
-    if (!dot && icon) {
-      return 'nut-step-icon is-icon';
-    }
-    if (!dot && !icon) {
-      return 'nut-step-icon is-text';
-    }
-    return 'nut-step-icon';
-  };
-  return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: classes
-  }, restProps), {}, {
-    onClick: handleClickStep
-  }), React__default.createElement("div", {
-    className: "nut-step-head"
-  }, React__default.createElement("div", {
-    className: "nut-step-line"
-  }), React__default.createElement("div", {
-    className: renderIconClass()
-  }, icon ? React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    className: "nut-step-icon-inner",
-    color: iconColor,
-    name: icon,
-    size: size
-  }) : !dot && React__default.createElement("span", {
-    className: "nut-step-inner"
-  }, activeIndex))), 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())));
+
+const defaultProps = {
+    ...ComponentDefaults,
+    title: '',
+    content: '',
+    activeIndex: 0,
+    icon: '',
+    iconColor: '',
+    size: '12px',
+};
+const Step = (props) => {
+    const { children, title, content, activeIndex, icon, iconColor, size, className, renderContent, iconClassPrefix, iconFontClassName, ...restProps } = {
+        ...defaultProps,
+        ...props,
+    };
+    const parent = useContext(DataContext);
+    const dot = parent.propSteps.progressDot;
+    const getCurrentStatus = () => {
+        const index = activeIndex;
+        if (index < +parent.propSteps.current)
+            return 'finish';
+        return index === +parent.propSteps.current ? 'process' : 'wait';
+    };
+    const handleClickStep = () => {
+        parent.propSteps?.onClickStep && parent.propSteps?.onClickStep(activeIndex);
+        parent.propSteps?.clickStep && parent.propSteps?.clickStep(activeIndex);
+    };
+    const b = cn('step');
+    const classes = classNames({
+        [`${b('')}-${getCurrentStatus()}`]: true,
+    }, className, b(''));
+    const renderIconClass = () => {
+        if (!dot && icon) {
+            return 'nut-step-icon is-icon';
+        }
+        if (!dot && !icon) {
+            return 'nut-step-icon is-text';
+        }
+        return 'nut-step-icon';
+    };
+    return (React__default.createElement("div", { className: classes, ...restProps, onClick: handleClickStep },
+        React__default.createElement("div", { className: "nut-step-head" },
+            React__default.createElement("div", { className: "nut-step-line" }),
+            React__default.createElement("div", { className: renderIconClass() }, icon ? (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "nut-step-icon-inner", color: iconColor, name: icon, size: size })) : (!dot && React__default.createElement("span", { className: "nut-step-inner" }, activeIndex)))),
+        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())))));
 };
 Step.defaultProps = defaultProps;
 Step.displayName = 'NutStep';
+
 export { Step as S };

package/dist/esm/steps.taro-acf205a0.js

@@ -1,39 +1,30 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "current", "direction", "className", "progressDot", "clickStep", "onClickStep"];
-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';
-var defaultProps = {
-  current: 0,
-  direction: 'horizontal',
-  progressDot: false
+
+const defaultProps = {
+    current: 0,
+    direction: 'horizontal',
+    progressDot: false,
 };
-var Steps = function Steps(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 parentSteps = {
-    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(''));
-  return React__default.createElement(DataContext.Provider, {
-    value: parentSteps
-  }, React__default.createElement('div', _objectSpread({
-    className: classes
-  }, restProps), children));
+const Steps = (props) => {
+    const propSteps = { ...defaultProps, ...props };
+    const { children, current, direction, className, progressDot, clickStep, onClickStep, ...restProps } = propSteps;
+    const parentSteps = {
+        propSteps,
+    };
+    const b = cn('steps');
+    const classes = classNames({
+        [`${b('')}-${direction}`]: true,
+        [`${b('')}-dot`]: !!props.progressDot,
+    }, className, b(''));
+    return (React__default.createElement(DataContext.Provider, { value: parentSteps }, React__default.createElement('div', {
+        className: classes,
+        ...restProps,
+    }, children)));
 };
 Steps.defaultProps = defaultProps;
 Steps.displayName = 'NutSteps';
+
 export { Steps as S };

package/dist/esm/sticky.taro-d0553f48.js

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { u as useConfig } from './configprovider-5eea4f5d.js';
+
+const defaultProps = {};
+const Sticky = (props) => {
+    useConfig();
+    ({ ...defaultProps, ...props });
+    return React__default.createElement("div", { className: "nut-sticky" }, "Sticky");
+};
+Sticky.defaultProps = defaultProps;
+Sticky.displayName = 'NutSticky';
+
+export { Sticky as S };

package/dist/esm/subsidenavbar.taro-f46b4c73.js

@@ -1,80 +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 = ["title", "ikey", "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), !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, useContext, useRef, useCallback, useEffect } from 'react';
 import { O as OffsetContext } from './offsetContext-bfb02c25.js';
-var defaultProps = {
-  open: true
+
+const 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,
-    onClick = _defaultProps$props.onClick,
-    open = _defaultProps$props.open,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState(open),
-    _useState2 = _slicedToArray(_useState, 2),
-    subShow = _useState2[0],
-    setSubShow = _useState2[1];
-  var offset = useContext(OffsetContext);
-  var listRef = useRef(null);
-  var setListLevel = useCallback(function (nodeList) {
-    var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-    var titleClass = nodeList[0].className;
-    if (titleClass.includes('nut-subsidenavbar__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) {
-      return item.nodeType !== 3 && item.nodeType !== 8;
-    });
-    childNodes.forEach(function (item) {
-      var itemClass = item.className;
-      if (itemClass.includes('nut-subsidenavbar__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);
-      }
-    });
-  }, [offset]);
-  var clickFn = function clickFn(e) {
-    e.stopPropagation();
-    setSubShow(!subShow);
-    var isShow = !subShow;
-    onClick && onClick({
-      title: title,
-      ikey: ikey,
-      isShow: 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 ? void 0 : _listRef$current2.setAttribute('level', '1');
-    childNodes && setListLevel(childNodes);
-  }, [setListLevel]);
-  var divClass = subShow ? 'nut-subsidenavbar__list  nutShow' : 'nut-subsidenavbar__list  nutHide';
-  var iconClass = subShow ? '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"
-  }, title, " ", React__default.createElement("i", {
-    className: iconClass
-  })), React__default.createElement("div", {
-    className: "nut-subsidenavbar__content"
-  }, children));
+const SubSideNavBar = (props) => {
+    const { title, ikey, children, onClick, open, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const [subShow, setSubShow] = useState(open);
+    const offset = useContext(OffsetContext);
+    const listRef = useRef(null);
+    const setListLevel = useCallback((nodeList, level = 1) => {
+        const titleClass = nodeList[0].className;
+        if (titleClass.includes('nut-subsidenavbar__title')) {
+            const left = offset * (level + 1);
+            nodeList[0].style.paddingLeft = `${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('nut-subsidenavbar__item')) {
+                const left = offset * (level + 2);
+                item.style.paddingLeft = `${left}px`;
+            }
+            if (itemClass.includes('nut-subsidenavbar__list')) {
+                let level = item.getAttribute('level')
+                    ? Number(item.getAttribute('level'))
+                    : 1;
+                level += 1;
+                item.setAttribute('level', level.toString());
+                item.children && setListLevel(item.children, level);
+            }
+        });
+    }, [offset]);
+    const clickFn = (e) => {
+        e.stopPropagation();
+        setSubShow(!subShow);
+        const isShow = !subShow;
+        onClick && onClick({ title, ikey, isShow });
+    };
+    useEffect(() => {
+        const childNodes = listRef.current?.children;
+        listRef.current?.setAttribute('level', '1');
+        childNodes && setListLevel(childNodes);
+    }, [setListLevel]);
+    const divClass = subShow
+        ? 'nut-subsidenavbar__list  nutShow'
+        : 'nut-subsidenavbar__list  nutHide';
+    const iconClass = subShow ? 'arrow-icon arrow-down' : 'arrow-icon arrow-up';
+    return (React__default.createElement("div", { className: divClass, ref: listRef, onClick: clickFn, ...rest },
+        React__default.createElement("div", { className: "nut-subsidenavbar__title border-bt" },
+            title,
+            " ",
+            React__default.createElement("i", { className: iconClass })),
+        React__default.createElement("div", { className: "nut-subsidenavbar__content" }, children)));
 };
+
 export { SubSideNavBar as S };