@nutui/nutui-react 3.0.0 → 3.0.1

package/dist/cjs/packages/subsidenavbar/subsidenavbar.js

@@ -1,88 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "SubSideNavBar", {
-    enumerable: true,
-    get: function() {
-        return SubSideNavBar;
-    }
-});
-var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-var _object_spread = require("@swc/helpers/_/_object_spread");
-var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-var _utils = require("../sidenavbar/utils");
-var _context = require("../sidenavbar/context");
-var defaultProps = {
-    open: true
-};
-var SubSideNavBar = function SubSideNavBar(props) {
-    var classPrefix = 'nut-subsidenavbar';
-    var _ref = (0, _object_spread._)({}, defaultProps, props), title = _ref.title, value = _ref.value, children = _ref.children, onClick = _ref.onClick, open = _ref.open, rest = (0, _object_without_properties._)(_ref, [
-        "title",
-        "value",
-        "children",
-        "onClick",
-        "open"
-    ]);
-    var offset = (0, _react.useContext)(_context.OffsetContext);
-    var listRef = (0, _react.useRef)(null);
-    var setListLevel = (0, _react.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");
-        }
-        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");
-            }
-            if (itemClass.includes("".concat(classPrefix, "-list"))) {
-                var level1 = item.getAttribute('level') ? Number(item.getAttribute('level')) : 1;
-                level1 += 1;
-                item.setAttribute('level', level1.toString());
-                item.children && setListLevel(item.children, level1);
-            }
-        });
-    }, [
-        offset
-    ]);
-    var clickFn = function clickFn(e) {
-        (0, _utils.handleClick)(e);
-        var currentClass = e.currentTarget.className;
-        var isShow = currentClass.includes('sidenavbar-show');
-        onClick && onClick({
-            title: title,
-            value: value,
-            isShow: isShow
-        });
-    };
-    (0, _react.useEffect)(function() {
-        var _listRef_current, _listRef_current1;
-        var childNodes = (_listRef_current = listRef.current) === null || _listRef_current === void 0 ? void 0 : _listRef_current.children;
-        (_listRef_current1 = listRef.current) === null || _listRef_current1 === void 0 ? void 0 : _listRef_current1.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 /*#__PURE__*/ _react.default.createElement("div", (0, _object_spread._)({
-        className: divClass,
-        ref: listRef,
-        onClick: clickFn
-    }, rest), /*#__PURE__*/ _react.default.createElement("div", {
-        className: "".concat(classPrefix, "-title ").concat(classPrefix, "-border-bt")
-    }, title, " ", /*#__PURE__*/ _react.default.createElement("i", {
-        className: iconClass
-    })), /*#__PURE__*/ _react.default.createElement("div", {
-        className: "".concat(classPrefix, "-content")
-    }, children));
-};

package/dist/es/packages/sidenavbar/context.d.ts

@@ -1 +0,0 @@
-export declare const OffsetContext: import("react").Context<number>;

package/dist/es/packages/sidenavbar/context.js

@@ -1,2 +0,0 @@
-import { createContext } from "react";
-export var OffsetContext = createContext(20);

package/dist/es/packages/sidenavbar/index.d.ts

@@ -1,3 +0,0 @@
-import { SideNavBar } from './sidenavbar';
-export type { SideNavBarProps } from './sidenavbar';
-export default SideNavBar;

package/dist/es/packages/sidenavbar/index.js

@@ -1,2 +0,0 @@
-import { SideNavBar } from "./sidenavbar";
-export default SideNavBar;

package/dist/es/packages/sidenavbar/sidenavbar.d.ts

@@ -1,38 +0,0 @@
-import React, { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
-/**
- * @deprecated Use SideBar instead.
- */
-export interface SideNavBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, BasicComponent {
-    /**
-    * 整体标题
-    * @default -
-    */
-    title: ReactNode
-    /**
-    * 组件是否显示
-    * @default false
-    */
-    visible: boolean
-    /**
-    * 遮罩宽度百分比
-    * @default 80%
-    */
-    width: string
-    /**
-    * 缩进宽度
-    * @default 20
-    */
-    indent: number
-    /**
-    * 弹出位置
-    * @default left
-    */
-    position: 'left' | 'right'
-    /**
-    * 关闭遮罩时触发
-    * @default -
-    */
-    onClose: () => void
-}
-export declare const SideNavBar: FunctionComponent<Partial<SideNavBarProps>>;

package/dist/es/packages/sidenavbar/sidenavbar.js

@@ -1,58 +0,0 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
-import React, { useEffect } from "react";
-import classNames from "classnames";
-import Popup from "../popup";
-import { handleClick } from "./utils";
-import { OffsetContext } from "./context";
-import { ComponentDefaults } from "../../utils/typings";
-var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
-    position: 'left',
-    width: '80%'
-});
-export var SideNavBar = function(props) {
-    useEffect(function() {
-        console.warn('Warning: SideNavBar is deprecated and will be removed in future versions. Please use NewComponent SideBar instead.');
-    }, []);
-    var classPrefix = 'nut-sidenavbar';
-    var _ref = _object_spread({}, defaultProps, props), title = _ref.title, visible = _ref.visible, width = _ref.width, position = _ref.position, children = _ref.children, className = _ref.className, onClose = _ref.onClose, indent = _ref.indent, rest = _object_without_properties(_ref, [
-        "title",
-        "visible",
-        "width",
-        "position",
-        "children",
-        "className",
-        "onClose",
-        "indent"
-    ]);
-    var innerIndent = indent ? Number(indent) : 20;
-    return /*#__PURE__*/ React.createElement(Popup, {
-        visible: visible,
-        style: {
-            width: width,
-            height: '100%'
-        },
-        position: position,
-        onClose: onClose
-    }, /*#__PURE__*/ React.createElement("div", _object_spread({
-        className: classNames(classPrefix, className)
-    }, rest), /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(classPrefix, "-content")
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(classPrefix, "-list sidenavbar-show"),
-        onClick: handleClick
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(classPrefix, "-title ").concat(classPrefix, "-border-bt"),
-        style: {
-            paddingLeft: "".concat(innerIndent, "px")
-        }
-    }, title, " ", /*#__PURE__*/ React.createElement("i", {
-        className: "arrow-icon arrow-down"
-    })), /*#__PURE__*/ React.createElement(OffsetContext.Provider, {
-        value: innerIndent
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(classPrefix, "-content")
-    }, children))))));
-};
-SideNavBar.displayName = 'NutSideNavBar';

package/dist/es/packages/sidenavbar/style/css.js

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

package/dist/es/packages/sidenavbar/style/index.js

@@ -1,2 +0,0 @@
-import '../../popup/style';
-import './sidenavbar.scss';

package/dist/es/packages/sidenavbar/style/sidenavbar.scss

@@ -1,89 +0,0 @@
-.nut-sidenavbar {
-  color: #1d1d21;
-  font-size: 14px;
-  height: 100%;
-  overflow: auto;
-  display: block;
-  background-color: $sidenavbar-content-bg-color;
-
-  .arrow-icon {
-    position: absolute;
-    width: 0;
-    height: 0;
-    right: 16px;
-    top: 18px;
-    cursor: pointer;
-  }
-
-  .arrow-down {
-    border-top: 4px solid $color-text-help;
-    border-left: 4px solid transparent;
-    border-right: 4px solid transparent;
-  }
-
-  .arrow-up {
-    border-bottom: 4px solid $color-text-help;
-    border-left: 4px solid transparent;
-    border-right: 4px solid transparent;
-  }
-
-  &-title {
-    height: $sidenavbar-item-height;
-    padding: $sidenavbar-title-padding;
-    background: $sidenavbar-title-background;
-    color: $sidenavbar-title-color;
-    box-sizing: border-box;
-    transition: transform 0.5s;
-  }
-
-  &-content {
-    position: relative;
-    display: block;
-  }
-
-  &-list {
-    &.sidenavbar-show {
-      .nut-sidenavbar-content {
-        height: auto;
-        overflow: inherit;
-      }
-    }
-
-    &.sidenavbar-hide {
-      .nut-sidenavbar-content {
-        height: 0;
-        overflow: hidden;
-      }
-    }
-  }
-
-  .nut-subsidenavbar-border-bt {
-    position: relative;
-
-    &:after {
-      content: '';
-      position: absolute;
-      width: 100%;
-      height: 1px;
-      background: #eeeff2;
-      transform: scale(1, 0.5);
-      left: 0;
-      bottom: 0;
-    }
-  }
-}
-
-[dir='rtl'] .nut-sidenavbar,
-.nut-rtl .nut-sidenavbar {
-  .arrow-icon {
-    right: auto;
-    left: 16px;
-  }
-
-  .nut-subsidenavbar-border-bt {
-    &:after {
-      left: auto;
-      right: 0;
-    }
-  }
-}