@nutui/nutui-react-taro 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-taro","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-taro":"^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-taro","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-taro":"^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/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,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});

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

@@ -1,10 +0,0 @@
-import { ITouchEvent } from '@tarojs/components';
-import { ContentProps as ContentWebProps, DialogBasicProps as DialogBasicWebProps } from './types';
-export type { DialogConfigType, DialogCloseIconPosition, DialogFooterDirection, DialogWrapProps, DialogConfirmProps, DialogReturnProps, } from './types';
-export type ContentProps = Omit<ContentWebProps, 'onClick'> & {
-    onClick: (event: ITouchEvent) => void;
-};
-export type DialogBasicProps = Omit<DialogBasicWebProps, 'onOverlayClick' | 'onClick'> & {
-    onClick: (event: ITouchEvent) => void;
-    onOverlayClick: (event: ITouchEvent) => boolean | void;
-};

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 { };

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

@@ -1,10 +0,0 @@
-import { ITouchEvent } from '@tarojs/components';
-import { ContentProps as ContentWebProps, DialogBasicProps as DialogBasicWebProps } from './types';
-export type { DialogConfigType, DialogCloseIconPosition, DialogFooterDirection, DialogWrapProps, DialogConfirmProps, DialogReturnProps, } from './types';
-export type ContentProps = Omit<ContentWebProps, 'onClick'> & {
-    onClick: (event: ITouchEvent) => void;
-};
-export type DialogBasicProps = Omit<DialogBasicWebProps, 'onOverlayClick' | 'onClick'> & {
-    onClick: (event: ITouchEvent) => void;
-    onOverlayClick: (event: ITouchEvent) => boolean | void;
-};