@nutui/nutui-react 3.0.0-beta.12 → 3.0.0-beta.14

package/dist/cjs/packages/avatarcropper/avatarcropper.js

@@ -20,9 +20,9 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _button = /*#__PURE__*/ _interop_require_default._(require("../button"));
 var _typings = require("../../utils/typings");
-var _usetouch = require("../../utils/use-touch");
+var _usetouch = require("../../hooks/use-touch");
 var _utils = require("../../utils");
-var _useclientrect = require("../../utils/use-client-rect");
+var _useclientrect = require("../../hooks/use-client-rect");
 var _configprovider = require("../configprovider");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     maxZoom: 3,

package/dist/cjs/packages/avatargroup/avatargroup.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface AvatarGroupProps extends BasicComponent {
     maxContent: string;
     max: string | number;

package/dist/cjs/packages/backtop/backtop.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import type { MouseEvent } from 'react';
-import { HoverButtonProps } from "../hoverbutton/index";
+import { HoverButtonProps } from "../../../../src/packages/hoverbutton/index";
 export interface BackTopProps extends HoverButtonProps {
     target: string;
     threshold: number;

package/dist/cjs/packages/badge/badge.js

@@ -27,13 +27,6 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     size: 'large'
 });
 var Badge = function Badge(props) {
-    var content = function content() {
-        if (dot || (typeof value === "undefined" ? "undefined" : (0, _type_of._)(value)) === 'object' || value === 0) return null;
-        if (typeof value === 'number' && typeof max === 'number') {
-            return max < value ? "".concat(max, "+") : "".concat(value);
-        }
-        return value;
-    };
     var isIcon = function isIcon() {
         if ((typeof value === "undefined" ? "undefined" : (0, _type_of._)(value)) === 'object' && value) return value;
     };
@@ -48,14 +41,19 @@ var Badge = function Badge(props) {
     var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, value = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right = _$_object_spread.right, fill = _$_object_spread.fill, size = _$_object_spread.size;
     var classPrefix = 'nut-badge';
     var classes = (0, _classnames.default)(classPrefix, className);
+    var getContent = function getContent() {
+        if (dot || value === 0) return null;
+        if (typeof value === 'number') {
+            return max < value ? "".concat(max, "+") : "".concat(value);
+        }
+        return value;
+    };
     var _obj;
-    var contentClasses = (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-sup"), isNumber() || isString() || dot), (0, _define_property._)(_obj, "".concat(classPrefix, "-number"), isNumber()), (0, _define_property._)(_obj, "".concat(classPrefix, "-one"), typeof content() === 'string' && ((_this = "".concat(content())) === null || _this === void 0 ? void 0 : _this.length) === 1), (0, _define_property._)(_obj, "".concat(classPrefix, "-dot"), dot), (0, _define_property._)(_obj, "".concat(classPrefix, "-dot-").concat(size), dot), (0, _define_property._)(_obj, "".concat(classPrefix, "-").concat(fill), fill === 'outline'), (0, _define_property._)(_obj, "".concat(classPrefix, "-content"), children), _obj));
+    var contentClasses = (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-sup"), isNumber() || isString() || dot), (0, _define_property._)(_obj, "".concat(classPrefix, "-number"), isNumber()), (0, _define_property._)(_obj, "".concat(classPrefix, "-one"), typeof getContent() === 'string' && ((_this = "".concat(getContent())) === null || _this === void 0 ? void 0 : _this.length) === 1), (0, _define_property._)(_obj, "".concat(classPrefix, "-dot"), dot), (0, _define_property._)(_obj, "".concat(classPrefix, "-dot-").concat(size), dot), (0, _define_property._)(_obj, "".concat(classPrefix, "-").concat(fill), fill === 'outline'), (0, _define_property._)(_obj, "".concat(classPrefix, "-content"), children), _obj));
     var getPositionStyle = function getPositionStyle() {
-        var style = {};
-        style.top = "".concat(Number(top) || 0, "px");
-        var dir = rtl ? 'left' : 'right';
-        style[dir] = "".concat(Number(right) || parseFloat(String(right)) || 0, "px");
-        return style;
+        return (0, _define_property._)({
+            top: "".concat(Number(top) || 0, "px")
+        }, rtl ? 'left' : 'right', "".concat(Number(right) || 0, "px"));
     };
     var _obj1;
     return /*#__PURE__*/ _react.default.createElement("div", {
@@ -64,9 +62,9 @@ var Badge = function Badge(props) {
     }, isIcon() && /*#__PURE__*/ _react.default.createElement("div", {
         className: (0, _classnames.default)("".concat(classPrefix, "-content"), (_obj1 = {}, (0, _define_property._)(_obj1, "".concat(classPrefix, "-icon"), true), (0, _define_property._)(_obj1, "".concat(classPrefix, "-icon-rtl"), rtl), _obj1)),
         style: getPositionStyle()
-    }, value), children, !isIcon() && /*#__PURE__*/ _react.default.createElement("div", {
+    }, value), children, !isIcon() && (getContent() || dot) && /*#__PURE__*/ _react.default.createElement("div", {
         className: contentClasses,
         style: getPositionStyle()
-    }, content()));
+    }, getContent()));
 };
 Badge.displayName = 'NutBadge';

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

@@ -1,4 +1,4 @@
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export type BadgeFill = 'solid' | 'outline';
 export type BadgeDotSize = 'small' | 'normal' | 'large';
 export interface BadgeProps extends BasicComponent {

package/dist/cjs/packages/barrage/barrage.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface BarrageProps extends BasicComponent {
     list: Array<string>;
     interval: number;

package/dist/cjs/packages/button/button.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { MouseEvent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
 export type ButtonSize = 'xlarge' | 'large' | 'normal' | 'small' | 'mini';
 export type ButtonShape = 'square' | 'round';

package/dist/cjs/packages/calendar/style/calendar.scss

@@ -34,6 +34,10 @@
     display: flex;
     flex-direction: column;
     text-align: center;
+
+    &-buttons {
+      height: $calendar-header-height;
+    }
   }
 
   &-title {
@@ -49,10 +53,6 @@
     font-size: $calendar-sub-title-font-size;
   }
 
-  &-header-buttons {
-    height: $calendar-header-height;
-  }
-
   &-weeks {
     display: flex;
     align-items: center;
@@ -101,12 +101,12 @@
     display: flex;
     flex-direction: column;
     text-align: center;
-  }
 
-  &-month-title {
-    height: 23px;
-    line-height: 23px;
-    margin: 8px 0;
+    &-title {
+      height: 23px;
+      line-height: 23px;
+      margin: 8px 0;
+    }
   }
 
   &-days {
@@ -130,6 +130,7 @@
       color: $color-primary;
     }
 
+    &-info,
     &-info-curr {
       position: absolute;
       bottom: 5px;
@@ -138,14 +139,6 @@
       line-height: 14px;
     }
 
-    &-info {
-      position: absolute;
-      bottom: 5px;
-      width: 100%;
-      font-size: 12px;
-      line-height: 14px;
-    }
-
     &-info-top {
       position: absolute;
       width: 100%;
@@ -188,18 +181,18 @@
       }
     }
 
-    &-choose-disabled {
-      background-color: $calendar-choose-disable-background-color;
-      color: $calendar-disable-color !important;
-
-      .nut-calendar-day-info-curr {
-        display: none;
-      }
-    }
-
     &-choose {
       background-color: $calendar-choose-background-color;
       color: $calendar-choose-color;
+
+      &-disabled {
+        background-color: $calendar-choose-disable-background-color;
+        color: $calendar-disable-color !important;
+
+        .nut-calendar-day-info-curr {
+          display: none;
+        }
+      }
     }
   }
 
@@ -211,13 +204,14 @@
     background-color: $white;
 
     .calendar-confirm-btn {
-      height: 44px;
-      margin: 10px 18px;
-      border-radius: 22px;
+      height: 40px;
+      line-height: 40px;
+      margin: 6px 16px;
+      text-align: center;
+      border-radius: $radius-base;
       background: $button-primary-background-color;
       color: $color-primary-text;
-      text-align: center;
-      line-height: 44px;
+      font-weight: $font-weight-bold;
     }
   }
 }

package/dist/cjs/packages/calendar/style/style.css

@@ -399,6 +399,9 @@
   flex-direction: column;
   text-align: center;
 }
+.nut-calendar-header-buttons {
+  height: var(--nutui-calendar-header-height, 24px);
+}
 .nut-calendar-title {
   color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-calendar-title-font-size, var(--nutui-font-size-xl, 18px));
@@ -410,9 +413,6 @@
   line-height: 22px;
   font-size: var(--nutui-calendar-sub-title-font-size, var(--nutui-font-size-base, 14px));
 }
-.nut-calendar-header-buttons {
-  height: var(--nutui-calendar-header-height, 24px);
-}
 .nut-calendar-weeks {
   display: flex;
   align-items: center;
@@ -476,14 +476,7 @@
 .nut-calendar-day:nth-child(7n+0), .nut-calendar-day:nth-child(7n+1) {
   color: var(--nutui-color-primary, #ff0f23);
 }
-.nut-calendar-day-info-curr {
-  position: absolute;
-  bottom: 5px;
-  width: 100%;
-  font-size: 12px;
-  line-height: 14px;
-}
-.nut-calendar-day-info {
+.nut-calendar-day-info, .nut-calendar-day-info-curr {
   position: absolute;
   bottom: 5px;
   width: 100%;
@@ -524,6 +517,10 @@
 .nut-calendar-day-disabled .nut-calendar-day-info-curr {
   display: none;
 }
+.nut-calendar-day-choose {
+  background-color: var(--nutui-calendar-choose-background-color, var(--nutui-color-primary-light-pressed, #ffebf1));
+  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
+}
 .nut-calendar-day-choose-disabled {
   background-color: var(--nutui-calendar-choose-disable-background-color, rgba(191, 191, 191, 0.09));
   color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc)) !important;
@@ -531,10 +528,6 @@
 .nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
   display: none;
 }
-.nut-calendar-day-choose {
-  background-color: var(--nutui-calendar-choose-background-color, var(--nutui-color-primary-light-pressed, #ffebf1));
-  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
-}
 .nut-calendar-footer {
   display: flex;
   width: 100%;
@@ -542,13 +535,14 @@
   background-color: #ffffff;
 }
 .nut-calendar-footer .calendar-confirm-btn {
-  height: 44px;
-  margin: 10px 18px;
-  border-radius: 22px;
+  height: 40px;
+  line-height: 40px;
+  margin: 6px 16px;
+  text-align: center;
+  border-radius: var(--nutui-radius-base, 8px);
   background: linear-gradient(90deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%);
   color: #ffffff;
-  text-align: center;
-  line-height: 44px;
+  font-weight: var(--nutui-font-weight-bold, 600);
 }
 
 .nut-calendar-popup .nut-popup-title-right {

package/dist/cjs/packages/calendarcard/calendarcard.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 import type { CalendarCardDay, CalendarCardMonth, CalendarCardRef, CalendarCardValue } from './types';
 export interface CalendarCardProps extends BasicComponent {
     type: 'single' | 'multiple' | 'range' | 'week';

package/dist/cjs/packages/calendarcard/calendarcard.js

@@ -20,7 +20,7 @@ var _icon = require("./icon");
 var _typings = require("../../utils/typings");
 var _utils = require("./utils");
 var _configprovider = require("../configprovider");
-var _usepropsvalue = require("../../utils/use-props-value");
+var _usepropsvalue = require("../../hooks/use-props-value");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     type: 'single',
     firstDayOfWeek: 0

package/dist/cjs/packages/calendaritem/calendaritem.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { PopupProps } from "../popup/index";
+import { PopupProps } from "../../../../src/packages/popup/index";
 import { CalendarDay, CalendarValue, CalendarType } from '../calendar/types';
 type CalendarRef = {
     scrollToDate: (date: string) => void;

package/dist/cjs/packages/calendaritem/calendaritem.js

@@ -21,7 +21,7 @@ var _typings = require("../../utils/typings");
 var _date = require("../../utils/date");
 var _raf = /*#__PURE__*/ _interop_require_default._(require("../../utils/raf"));
 var _configprovider = require("../configprovider");
-var _usepropsvalue = require("../../utils/use-props-value");
+var _usepropsvalue = require("../../hooks/use-props-value");
 var _utils = require("../calendar/utils");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     type: 'single',

package/dist/cjs/packages/card/card.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface CardProps extends BasicComponent {
     src: string;
     title: string;

package/dist/cjs/packages/cascader/cascader.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { PopupProps, CloseIconPosition } from "../popup/index";
+import { PopupProps, CloseIconPosition } from "../../../../src/packages/popup/index";
 import { CascaderOption, CascaderValue, CascaderOptionKey } from './types';
 export interface CascaderProps extends Pick<PopupProps, 'className' | 'style' | 'closeIcon' | 'closeable' | 'title' | 'left' | 'closeIconPosition' | 'onClose'> {
     popup: boolean;

package/dist/cjs/packages/cascader/cascader.js

@@ -23,7 +23,7 @@ var _index = /*#__PURE__*/ _interop_require_default._(require("../popup/index"))
 var _tabs = require("../tabs/tabs");
 var _utils = /*#__PURE__*/ _interop_require_wildcard._(require("./utils"));
 var _typings = require("../../utils/typings");
-var _usepropsvalue = require("../../utils/use-props-value");
+var _usepropsvalue = require("../../hooks/use-props-value");
 var _configprovider = require("../configprovider");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     activeColor: '',

package/dist/cjs/packages/cell/cell.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import CellGroup from "../cellgroup";
+import CellGroup from "../../../../src/packages/cellgroup";
 import { CellProps } from './types';
 export declare const Cell: FunctionComponent<Partial<CellProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>> & {
     Group: typeof CellGroup;

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

@@ -1,4 +1,4 @@
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export type CellAlign = 'flex-start' | 'center' | 'flex-end' | 'baseline';
 export interface CellProps extends BasicComponent {
     title: React.ReactNode;

package/dist/cjs/packages/cellgroup/cellgroup.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface CellGroupProps extends BasicComponent {
     title: ReactNode;
     description: ReactNode;

package/dist/cjs/packages/checkbox/checkbox.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
-import { CheckboxLabelPosition } from "../checkboxgroup/types";
+import { BasicComponent } from "../../../../src/utils/typings";
+import { CheckboxLabelPosition } from "../../../../src/packages/checkboxgroup/types";
 export type CheckboxShape = 'button' | 'round';
 export interface CheckboxProps extends BasicComponent {
     checked: boolean;

package/dist/cjs/packages/checkbox/checkbox.js

@@ -20,7 +20,7 @@ var _iconsreact = require("@nutui/icons-react");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _typings = require("../../utils/typings");
 var _context = /*#__PURE__*/ _interop_require_default._(require("../checkboxgroup/context"));
-var _usepropsvalue = require("../../utils/use-props-value");
+var _usepropsvalue = require("../../hooks/use-props-value");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     disabled: false,
     shape: 'round',

package/dist/cjs/packages/checkboxgroup/checkboxgroup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { RadioGroupOption } from "../radiogroup/types";
-import { CheckboxDirection, CheckboxLabelPosition, CheckboxLimit } from "./types";
+import { RadioGroupOption } from "../../../../src/packages/radiogroup/types";
+import { CheckboxDirection, CheckboxLabelPosition, CheckboxLimit } from "../../../../src/packages/checkboxgroup/types";
 export interface CheckboxGroupProps {
     disabled?: boolean;
     value?: string[];

package/dist/cjs/packages/checkboxgroup/checkboxgroup.js

@@ -19,7 +19,7 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _checkbox = require("../checkbox/checkbox");
 var _context = /*#__PURE__*/ _interop_require_default._(require("./context"));
-var _usepropsvalue = require("../../utils/use-props-value");
+var _usepropsvalue = require("../../hooks/use-props-value");
 var defaultProps = {
     max: undefined,
     min: undefined,

package/dist/cjs/packages/circleprogress/circleprogress.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface Color {
     [key: string]: string;
 }

package/dist/cjs/packages/col/col.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import type { MouseEvent } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export type ColEventType = 'row' | 'col';
 export interface ColProps extends BasicComponent {
     span: string | number;

package/dist/cjs/packages/collapse/collapse.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 import CollapseItem from '../collapseitem';
 export type CollapseActiveName = Array<string> | string;
 export interface CollapseProps extends BasicComponent {

package/dist/cjs/packages/collapse/collapse.js

@@ -18,7 +18,7 @@ var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames")
 var _typings = require("../../utils/typings");
 var _collapseitem = /*#__PURE__*/ _interop_require_default._(require("../collapseitem"));
 var _context = /*#__PURE__*/ _interop_require_default._(require("./context"));
-var _usepropsvalue = require("../../utils/use-props-value");
+var _usepropsvalue = require("../../hooks/use-props-value");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     defaultActiveName: [],
     accordion: false,

package/dist/cjs/packages/collapseitem/collapseitem.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { BasicComponent } from "../../../../src/utils/typings";
 export interface CollapseItemProps extends BasicComponent {
     title: ReactNode;
     name: string;

package/dist/cjs/packages/configprovider/configprovider.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
-import { BaseLang } from "../../locales/base";
+import { BasicComponent } from "../../../../src/utils/typings";
+import { BaseLang } from "../../../../src/locales/base";
 import type { NutCSSVariables } from './types';
 export interface ConfigProviderProps extends BasicComponent {
     locale: BaseLang;

package/dist/cjs/packages/configprovider/configprovider.js

@@ -37,7 +37,7 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _lodashkebabcase = /*#__PURE__*/ _interop_require_default._(require("lodash.kebabcase"));
 var _reactfastcompare = /*#__PURE__*/ _interop_require_default._(require("react-fast-compare"));
-var _usememo = /*#__PURE__*/ _interop_require_default._(require("../../utils/use-memo"));
+var _usememo = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-memo"));
 var _zhCN = /*#__PURE__*/ _interop_require_default._(require("../../locales/zh-CN"));
 var _raf = require("../../utils/raf");
 var classPrefix = 'nut-configprovider';