@nutui/nutui-react 3.0.5 → 3.0.7

package/dist/styles/variables.scss

@@ -1099,30 +1099,17 @@ $popup-title-border-bottom: var(--nutui-popup-title-border-bottom, 0) !default;
 $popup-animation-duration: var(--nutui-popup-animation-duration, 0.3s) !default;
 
 // Notify（✅）
-$notify-text-color: var(--nutui-notify-text-color, $white) !default;
-$notify-padding: var(--nutui-notify-padding, 0px 10px) !default;
-$notify-font-size: var(--nutui-notify-font-size, $font-size-base) !default;
 $notify-height: var(--nutui-notify-height, 40px) !default;
-$notify-base-background-color: var(
-  --nutui-notify-base-background-color,
-  $color-primary
-) !default;
-$notify-primary-background-color: var(
-  --nutui-notify-primary-background-color,
-  $color-info
-) !default;
-$notify-success-background-color: var(
-  --nutui-notify-success-background-color,
-  $color-success
-) !default;
-$notify-danger-background-color: var(
-  --nutui-notify-danger-background-color,
-  $color-primary
-) !default;
-$notify-warning-background-color: var(
-  --nutui-notify-warning-background-color,
-  $color-warning
-) !default;
+$notify-padding: var(--nutui-notify-padding, 0px 12px) !default;
+$notify-border-radius: var(--nutui-notify-border-radius, 8px) !default;
+$notify-box-shadow: var(
+  --nutui-notify-box-shadow,
+  0px 4px 12px 0px rgba(0, 0, 0, 0.06)
+) !default;
+$notify-z-index: var(--nutui-notify-z-index, 1000) !default;
+$notify-text-color: var(--nutui-notify-text-color, $color-title) !default;
+$notify-font-size: var(--nutui-notify-font-size, $font-size-base) !default;
+$notify-background-color: var(--nutui-notify-background-color, $white) !default;
 
 // rate（✅）
 $rate-item-margin: var(--nutui-rate-item-margin, 4px) !default;
@@ -1136,21 +1123,18 @@ $rate-font-color: var(--nutui-rate-font-color, $color-primary-icon) !default;
 $rate-font-size: var(--nutui-rate-font-size, 12px) !default;
 
 // tabbar（✅）
-$tabbar-height: var(--nutui-tabbar-height, 50px) !default;
+$tabbar-height: var(--nutui-tabbar-height, 46px) !default;
 $tabbar-active-color: var(--nutui-tabbar-active-color, $color-primary) !default;
 $tabbar-inactive-color: var(
   --nutui-tabbar-inactive-color,
   $color-title
 ) !default;
-$tabbar-border-top: var(--nutui-tabbar-border-top, 1px solid #eee) !default;
-$tabbar-border-bottom: var(
-  --nutui-tabbar-border-bottom,
-  1px solid #eee
-) !default;
+$tabbar-border-top: var(--nutui-tabbar-border-top, 0) !default;
+$tabbar-border-bottom: var(--nutui-tabbar-border-bottom, 0) !default;
 $tabbar-box-shadow: var(--nutui-tabbar-box-shadow, none) !default;
 $tabbar-text-font-size: var(
   --nutui-tabbar-text-font-size,
-  $font-size-xs
+  $font-size-xxs
 ) !default;
 $tabbar-text-large-font-size: var(
   --nutui-tabbar-text-large-font-size,
@@ -1161,8 +1145,7 @@ $tabbar-text-large-font-weight: var(
   $font-weight
 ) !default;
 $tabbar-text-line-height: var(--nutui-tabbar-text-line-height, 20px) !default;
-$tabbar-height: var(--nutui-tabbar-height, 50px) !default;
-$tabbar-text-margin-top: var(--nutui-tabbar-text-margin-top, 3px) !default;
+$tabbar-text-margin-top: var(--nutui-tabbar-text-margin-top, 4px) !default;
 
 //pulltorefresh
 $pulltorefresh-icon-width: var(--nutui-pulltorefresh-icon-width, 36px) !default;
@@ -1616,6 +1599,10 @@ $badge-background-color: var(
   --nutui-badge-background-color,
   $color-primary
 ) !default;
+$badge-background-disabled-color: var(
+  --nutui-badge-background-disabled-color,
+  $color-text-disabled
+) !default;
 $badge-color: var(--nutui-badge-color, $color-primary-text) !default;
 $badge-font-size: var(--nutui-badge-font-size, $font-size-xxxs) !default;
 $badge-border: var(
@@ -1633,8 +1620,8 @@ $badge-content-transform: var(
 ) !default;
 $badge-z-index: var(--nutui-badge-z-index, 1) !default;
 $badge-dot-width: var(--nutui-badge-dot-width, 6px) !default;
-$badge-dot-small-width: var(--nutui-badge-dot-width, 4px) !default;
-$badge-dot-large-width: var(--nutui-badge-dot-width, 8px) !default;
+$badge-dot-small-width: var(--nutui-badge-dot-small-width, 4px) !default;
+$badge-dot-large-width: var(--nutui-badge-dot-large-width, 8px) !default;
 $badge-dot-border: var(--nutui-badge-dot-border, 1px solid $color-primary-text);
 $badge-outline-color: var(--nutui-badge-outline-color, $color-primary) !default;
 $badge-outline-border: var(
@@ -1644,21 +1631,12 @@ $badge-outline-border: var(
 
 //popover（✅）
 $popover-border-radius: var(--nutui-popover-border-radius, $radius-xs) !default;
-$popover-border-color: var(--nutui-popover-border-color, #ffffff) !default;
 $popover-font-size: var(--nutui-popover-font-size, $font-size-s) !default;
 $popover-content-background-color: var(
   --nutui-popover-content-background-color,
   #ffffff
 ) !default;
 $popover-text-color: var(--nutui-popover-text-color, $color-mask) !default;
-$popover-hover-background-color: var(
-  --nutui-popover-hover-background-color,
-  #fff
-) !default;
-$popover-hover-text-color: var(
-  --nutui-popover-hover-text-color,
-  #1a1a1a
-) !default;
 $popover-disable-color: var(
   --nutui-popover-disable-color,
   $color-text-disabled
@@ -1667,11 +1645,8 @@ $popover-divider-color: var(
   --nutui-popover-divider-color,
   $color-border
 ) !default;
-$popover-menu-item-padding: var(
-  --nutui-popover-menu-item-padding,
-  8px
-) !default;
-$popover-menu-item-width: var(--nutui-popover-menu-item-width, 160px) !default;
+$popover-padding: var(--nutui-popover-padding, 8px) !default;
+$popover-item-width: var(--nutui-popover-item-width, 160px) !default;
 
 //progress（✅）
 $progress-height: var(--nutui-progress-height, 10px) !default;
@@ -2132,13 +2107,24 @@ $form-item-tip-text-align: var(--nutui-form-item-tip-text-align, left) !default;
 // skeleton（✅）
 $skeleton-background: var(
   --nutui-skeleton-background,
-  $color-background
+  $color-background-sunken
 ) !default;
 $skeleton-line-width: var(--nutui-skeleton-line-width, 100%) !default;
-$skeleton-line-height: var(--nutui-skeleton-line-height, 15px) !default;
+$skeleton-line-small-height: var(
+  --nutui-skeleton-line-small-height,
+  16px
+) !default;
+$skeleton-line-normal-height: var(
+  --nutui-skeleton-line-normal-height,
+  24px
+) !default;
+$skeleton-line-large-height: var(
+  --nutui-skeleton-line-large-height,
+  32px
+) !default;
 $skeleton-line-border-radius: var(
   --nutui-skeleton-line-border-radius,
-  0
+  $radius-xs
 ) !default;
 
 // card（✅）
@@ -2203,6 +2189,7 @@ $navbar-title-font-color: var(
   --nutui-navbar-title-font-color,
   $color-title
 ) !default;
+
 // sidebar（✅）
 $sidebar-background-color: var(
   --nutui-sidebar-background-color,

package/package.json

@@ -1 +1 @@
-{"name":"@nutui/nutui-react","version":"3.0.5","style":"dist/style.css","main":"dist/nutui.react.umd.js","module":"dist/es/packages/nutui.react.build.js","typings":"dist/es/packages/nutui.react.build.d.ts","scripts":{"publish:beta":"npm publish --tag=beta --access public --no-git-checks","publish:latest":"npm publish --access public --no-git-checks"},"sideEffects":["*.scss","dist/es/**/style/*","dist/cjs/**/style/*","dist/style.css","dist/styles/font/*","dist/styles/font-jmapp/*"],"description":"京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序","keywords":["nutui","nutui2","nutui3","react","nutui-react","webpack","react component","vite","jdc","jdcfe","taro"],"author":"jdcfe","license":"MIT","repository":{"type":"git","url":"git+https://github.com/jdf2e/nutui-react.git"},"files":["dist","README.md","package.json","LICENSE","CHANGELOG.md"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"dependencies":{"@babel/runtime":"^7.23.9","@nutui/icons-react":"^3.0.1","@nutui/jdesign-icons-react-taro":"1.0.6-beta.2","@nutui/touch-emulator":"^1.0.0","@react-spring/web":"~9.6.1","@swc/helpers":"^0.5.7","@use-gesture/react":"10.2.20","async-validator":"^4.2.5","classnames":"^2.5.1","lodash.kebabcase":"^4.1.1","lottie-miniprogram":"^1.0.12","lottie-react":"^2.4.0","react-fast-compare":"^3.2.2","react-transition-group":"^4.4.5","rehype-highlight":"^7.0.2"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"}}
+{"name":"@nutui/nutui-react","version":"3.0.7","style":"dist/style.css","main":"dist/nutui.react.umd.js","module":"dist/es/packages/nutui.react.build.js","typings":"dist/es/packages/nutui.react.build.d.ts","scripts":{"publish:beta":"npm publish --tag=beta --access public --no-git-checks","publish:latest":"npm publish --access public --no-git-checks"},"sideEffects":["*.scss","dist/es/**/style/*","dist/cjs/**/style/*","dist/style.css","dist/styles/font/*","dist/styles/font-jmapp/*"],"description":"京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序","keywords":["nutui","nutui2","nutui3","react","nutui-react","webpack","react component","vite","jdc","jdcfe","taro"],"author":"jdcfe","license":"MIT","repository":{"type":"git","url":"git+https://github.com/jdf2e/nutui-react.git"},"files":["dist","README.md","package.json","LICENSE","CHANGELOG.md"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"dependencies":{"@babel/runtime":"^7.23.9","@nutui/icons-react":"^3.0.1","@nutui/jdesign-icons-react-taro":"1.0.6-beta.2","@nutui/touch-emulator":"^1.0.0","@nutui/lottie-miniprogram":"^1.0.1","@react-spring/web":"~9.6.1","@swc/helpers":"^0.5.7","@use-gesture/react":"10.2.20","async-validator":"^4.2.5","classnames":"^2.5.1","codesandbox":"^2.2.3","lodash.kebabcase":"^4.1.1","lottie-react":"^2.4.0","react-fast-compare":"^3.2.2","react-transition-group":"^4.4.5","rehype-highlight":"^7.0.2"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"}}

package/dist/cjs/packages/dialog/dialogwrap.d.ts

@@ -1,4 +0,0 @@
-import { FunctionComponent, HTMLAttributes } from 'react';
-import { DialogWrapProps } from './types';
-export declare const defaultDialogWrapProps: DialogWrapProps;
-export declare const DialogWrap: FunctionComponent<Partial<DialogWrapProps> & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'content'>>;

package/dist/cjs/packages/dialog/dialogwrap.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    DialogWrap: function() {
-        return DialogWrap;
-    },
-    defaultDialogWrapProps: function() {
-        return defaultDialogWrapProps;
-    }
-});
-var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-var _object_spread = require("@swc/helpers/_/_object_spread");
-var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
-var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
-var _reacttransitiongroup = require("react-transition-group");
-var _content = require("./content");
-var _overlay = require("../overlay/overlay");
-var _overlay1 = /*#__PURE__*/ _interop_require_default._(require("../overlay"));
-var defaultDialogWrapProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overlay.defaultOverlayProps, _content.defaultContentProps), {
-    overlay: true,
-    overlayStyle: {},
-    overlayClassName: 'nut-dialog-overlay',
-    onCancel: function onCancel() {},
-    onClose: function onClose() {},
-    onOverlayClick: function onOverlayClick() {
-        return true;
-    }
-});
-var DialogWrap = function DialogWrap(props) {
-    var _ref = (0, _object_spread._)({}, defaultDialogWrapProps, props), visible = _ref.visible, overlay = _ref.overlay, overlayStyle = _ref.overlayStyle, overlayClassName = _ref.overlayClassName, closeOnOverlayClick = _ref.closeOnOverlayClick, lockScroll = _ref.lockScroll, zIndex = _ref.zIndex, onClose = _ref.onClose, onCancel = _ref.onCancel, onOverlayClick = _ref.onOverlayClick, restProps = (0, _object_without_properties._)(_ref, [
-        "visible",
-        "overlay",
-        "overlayStyle",
-        "overlayClassName",
-        "closeOnOverlayClick",
-        "lockScroll",
-        "zIndex",
-        "onClose",
-        "onCancel",
-        "onOverlayClick"
-    ]);
-    var onHandleClickOverlay = function onHandleClickOverlay(e) {
-        if (closeOnOverlayClick && visible && e.target === e.currentTarget) {
-            var closed = onOverlayClick && onOverlayClick(e);
-            closed && (onClose === null || onClose === void 0 ? void 0 : onClose());
-            closed && (onCancel === null || onCancel === void 0 ? void 0 : onCancel());
-        }
-    };
-    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, overlay && /*#__PURE__*/ _react.default.createElement(_overlay1.default, {
-        zIndex: zIndex,
-        style: overlayStyle,
-        className: overlayClassName,
-        visible: visible,
-        closeOnOverlayClick: closeOnOverlayClick,
-        lockScroll: lockScroll,
-        onClick: onHandleClickOverlay
-    }), /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
-        in: visible,
-        timeout: 300,
-        classNames: "fadeDialog",
-        unmountOnExit: true,
-        appear: true
-    }, /*#__PURE__*/ _react.default.createElement(_content.Content, (0, _object_spread_props._)((0, _object_spread._)({}, restProps), {
-        style: {
-            zIndex: zIndex
-        },
-        visible: visible
-    }))));
-};
-DialogWrap.displayName = 'NutDialogWrap';

package/dist/cjs/packages/dialog/types.d.ts

@@ -1,57 +0,0 @@
-import { ReactNode, ForwardRefExoticComponent, PropsWithChildren } from 'react';
-import type { MouseEvent, CSSProperties } from 'react';
-import { WebOverlayProps } from "../../types";
-import { BasicComponent } from "../../utils/typings";
-export type DialogConfigType = {
-    prefixCls?: string;
-    simple?: boolean;
-};
-export type DialogCloseIconPosition = 'top-right' | 'top-left' | 'bottom';
-export type DialogFooterDirection = 'horizontal' | 'vertical';
-export interface ContentProps extends BasicComponent {
-    visible: boolean;
-    title: ReactNode;
-    header: ReactNode;
-    footer: ReactNode;
-    close: ReactNode;
-    footerDirection: DialogFooterDirection;
-    onClick: (event: MouseEvent) => void;
-}
-export interface DialogWrapProps extends WebOverlayProps, Omit<ContentProps, 'onClick'> {
-    visible: boolean;
-    overlay: boolean;
-    overlayStyle: CSSProperties;
-    overlayClassName: string;
-    onCancel: () => void;
-    onClose: () => void;
-    onOverlayClick: (e: MouseEvent) => boolean | void;
-}
-export interface DialogBasicProps extends DialogWrapProps {
-    content?: ReactNode;
-    confirmText?: ReactNode;
-    cancelText?: ReactNode;
-    hideConfirmButton?: boolean;
-    hideCancelButton?: boolean;
-    disableConfirmButton?: boolean;
-    closeIconPosition?: DialogCloseIconPosition;
-    closeIcon?: boolean | ReactNode;
-    beforeClose?: () => boolean;
-    beforeCancel?: () => boolean;
-    onConfirm?: (e?: MouseEvent<HTMLButtonElement>) => PromiseLike<any> | void;
-}
-export interface DialogConfirmProps extends DialogBasicProps {
-    content: ReactNode;
-    isNotice: boolean;
-    noticeType: string;
-}
-export type DialogReturnProps = {
-    update: (newConfig: Partial<DialogConfirmProps>) => void;
-    close: () => void;
-};
-export interface DialogComponent extends ForwardRefExoticComponent<PropsWithChildren<Partial<DialogBasicProps>>> {
-    confirm: (props: Partial<DialogConfirmProps>) => DialogReturnProps;
-    alert: (props: Partial<DialogConfirmProps>) => DialogReturnProps;
-    config: (config: DialogConfigType) => void;
-    destroyAll: () => void;
-}
-export declare const destroyList: Array<() => void>;

package/dist/cjs/packages/dialog/types.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "destroyList", {
-    enumerable: true,
-    get: function() {
-        return destroyList;
-    }
-});
-var destroyList = [];

package/dist/es/packages/dialog/dialogwrap.d.ts

@@ -1,4 +0,0 @@
-import { FunctionComponent, HTMLAttributes } from 'react';
-import { DialogWrapProps } from './types';
-export declare const defaultDialogWrapProps: DialogWrapProps;
-export declare const DialogWrap: FunctionComponent<Partial<DialogWrapProps> & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'content'>>;

package/dist/es/packages/dialog/dialogwrap.js

@@ -1,60 +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 from "react";
-import { CSSTransition } from "react-transition-group";
-import { Content, defaultContentProps } from "./content";
-import { defaultOverlayProps } from "../overlay/overlay";
-import Overlay from "../overlay";
-export var defaultDialogWrapProps = _object_spread_props(_object_spread({}, defaultOverlayProps, defaultContentProps), {
-    overlay: true,
-    overlayStyle: {},
-    overlayClassName: 'nut-dialog-overlay',
-    onCancel: function() {},
-    onClose: function() {},
-    onOverlayClick: function() {
-        return true;
-    }
-});
-export var DialogWrap = function(props) {
-    var _ref = _object_spread({}, defaultDialogWrapProps, props), visible = _ref.visible, overlay = _ref.overlay, overlayStyle = _ref.overlayStyle, overlayClassName = _ref.overlayClassName, closeOnOverlayClick = _ref.closeOnOverlayClick, lockScroll = _ref.lockScroll, zIndex = _ref.zIndex, onClose = _ref.onClose, onCancel = _ref.onCancel, onOverlayClick = _ref.onOverlayClick, restProps = _object_without_properties(_ref, [
-        "visible",
-        "overlay",
-        "overlayStyle",
-        "overlayClassName",
-        "closeOnOverlayClick",
-        "lockScroll",
-        "zIndex",
-        "onClose",
-        "onCancel",
-        "onOverlayClick"
-    ]);
-    var onHandleClickOverlay = function(e) {
-        if (closeOnOverlayClick && visible && e.target === e.currentTarget) {
-            var closed = onOverlayClick && onOverlayClick(e);
-            closed && (onClose === null || onClose === void 0 ? void 0 : onClose());
-            closed && (onCancel === null || onCancel === void 0 ? void 0 : onCancel());
-        }
-    };
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, overlay && /*#__PURE__*/ React.createElement(Overlay, {
-        zIndex: zIndex,
-        style: overlayStyle,
-        className: overlayClassName,
-        visible: visible,
-        closeOnOverlayClick: closeOnOverlayClick,
-        lockScroll: lockScroll,
-        onClick: onHandleClickOverlay
-    }), /*#__PURE__*/ React.createElement(CSSTransition, {
-        in: visible,
-        timeout: 300,
-        classNames: "fadeDialog",
-        unmountOnExit: true,
-        appear: true
-    }, /*#__PURE__*/ React.createElement(Content, _object_spread_props(_object_spread({}, restProps), {
-        style: {
-            zIndex: zIndex
-        },
-        visible: visible
-    }))));
-};
-DialogWrap.displayName = 'NutDialogWrap';

package/dist/es/packages/dialog/types.d.ts

@@ -1,57 +0,0 @@
-import { ReactNode, ForwardRefExoticComponent, PropsWithChildren } from 'react';
-import type { MouseEvent, CSSProperties } from 'react';
-import { WebOverlayProps } from "../../types";
-import { BasicComponent } from "../../utils/typings";
-export type DialogConfigType = {
-    prefixCls?: string;
-    simple?: boolean;
-};
-export type DialogCloseIconPosition = 'top-right' | 'top-left' | 'bottom';
-export type DialogFooterDirection = 'horizontal' | 'vertical';
-export interface ContentProps extends BasicComponent {
-    visible: boolean;
-    title: ReactNode;
-    header: ReactNode;
-    footer: ReactNode;
-    close: ReactNode;
-    footerDirection: DialogFooterDirection;
-    onClick: (event: MouseEvent) => void;
-}
-export interface DialogWrapProps extends WebOverlayProps, Omit<ContentProps, 'onClick'> {
-    visible: boolean;
-    overlay: boolean;
-    overlayStyle: CSSProperties;
-    overlayClassName: string;
-    onCancel: () => void;
-    onClose: () => void;
-    onOverlayClick: (e: MouseEvent) => boolean | void;
-}
-export interface DialogBasicProps extends DialogWrapProps {
-    content?: ReactNode;
-    confirmText?: ReactNode;
-    cancelText?: ReactNode;
-    hideConfirmButton?: boolean;
-    hideCancelButton?: boolean;
-    disableConfirmButton?: boolean;
-    closeIconPosition?: DialogCloseIconPosition;
-    closeIcon?: boolean | ReactNode;
-    beforeClose?: () => boolean;
-    beforeCancel?: () => boolean;
-    onConfirm?: (e?: MouseEvent<HTMLButtonElement>) => PromiseLike<any> | void;
-}
-export interface DialogConfirmProps extends DialogBasicProps {
-    content: ReactNode;
-    isNotice: boolean;
-    noticeType: string;
-}
-export type DialogReturnProps = {
-    update: (newConfig: Partial<DialogConfirmProps>) => void;
-    close: () => void;
-};
-export interface DialogComponent extends ForwardRefExoticComponent<PropsWithChildren<Partial<DialogBasicProps>>> {
-    confirm: (props: Partial<DialogConfirmProps>) => DialogReturnProps;
-    alert: (props: Partial<DialogConfirmProps>) => DialogReturnProps;
-    config: (config: DialogConfigType) => void;
-    destroyAll: () => void;
-}
-export declare const destroyList: Array<() => void>;

package/dist/es/packages/dialog/types.js

@@ -1 +0,0 @@
-export var destroyList = [];