@nutui/nutui-react 2.1.0-beta.1 → 2.1.1-beta.0

package/dist/esm/context5.js

@@ -2,7 +2,7 @@ import { createContext } from "react";
 var handleClick = function handleClick2(e) {
   e.stopPropagation();
   var isIcon = e.target.className.includes("arrow-icon");
-  var isTitle = e.target.className.includes("__title") || isIcon;
+  var isTitle = e.target.className.includes("-title") || isIcon;
   var currentClass = e.currentTarget.className;
   var isShow = currentClass.includes("sidenavbar-show");
   var arrowIcon = e.currentTarget.querySelector(".arrow-icon");

package/dist/esm/formitem2.js

@@ -1523,13 +1523,13 @@ var FormItem = /* @__PURE__ */ function(_React__default$Compo) {
           return _this4.props.onClick && _this4.props.onClick(e, _this4.componentRef);
         }
       }, label ? React__default.createElement("div", {
-        className: "nut-cell__title nut-form-item__label"
+        className: "nut-cell-title nut-form-item-label"
       }, renderLabel) : null, React__default.createElement("div", {
-        className: "nut-cell__value nut-form-item__body"
+        className: "nut-cell-value nut-form-item-body"
       }, React__default.createElement("div", {
-        className: "nut-form-item__body__slots"
+        className: "nut-form-item-body-slots"
       }, childNode), item && item.length > 0 && React__default.createElement("div", {
-        className: "nut-form-item__body__tips",
+        className: "nut-form-item-body-tips",
         style: {
           textAlign: errorMessageAlign
         }

package/dist/esm/griditem2.js

@@ -62,7 +62,7 @@ var GridItem = function GridItem2(props) {
   };
   var contentClass = function contentClass2() {
     var _classNames;
-    return classNames("".concat(classPrefix, "__content"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "__content--border"), true), _defineProperty(_classNames, "".concat(classPrefix, "__content--surround"), gap), _defineProperty(_classNames, "".concat(classPrefix, "__content--center"), center), _defineProperty(_classNames, "".concat(classPrefix, "__content--square"), square), _defineProperty(_classNames, "".concat(classPrefix, "__content--reverse"), reverse), _defineProperty(_classNames, "".concat(classPrefix, "__content--").concat(direction), !!direction), _classNames));
+    return classNames("".concat(classPrefix, "-content"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-content-border"), true), _defineProperty(_classNames, "".concat(classPrefix, "-content-surround"), gap), _defineProperty(_classNames, "".concat(classPrefix, "-content-center"), center), _defineProperty(_classNames, "".concat(classPrefix, "-content-square"), square), _defineProperty(_classNames, "".concat(classPrefix, "-content-reverse"), reverse), _defineProperty(_classNames, "".concat(classPrefix, "-content-").concat(direction), !!direction), _classNames));
   };
   var handleClick = function handleClick2(e) {
     onClick2 && onClick2(e);
@@ -85,7 +85,7 @@ var GridItem = function GridItem2(props) {
   }), React__default.createElement("div", {
     className: contentClass()
   }, children && React__default.createElement(React__default.Fragment, null, children), text && React__default.createElement("div", {
-    className: "".concat(classPrefix, "__text")
+    className: "".concat(classPrefix, "-text")
   }, text)));
 };
 GridItem.defaultProps = defaultProps;

package/dist/esm/indicator2.js

@@ -32,16 +32,16 @@ var defaultProps = {
 var classPrefix = "nut-indicator";
 var Indicator = function Indicator2(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), total = _defaultProps$props.total, current = _defaultProps$props.current, children = _defaultProps$props.children, className = _defaultProps$props.className, direction = _defaultProps$props.direction, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classes = classNames(_defineProperty({}, "".concat(classPrefix, "__vertical"), direction === "vertical"));
+  var classes = classNames(_defineProperty({}, "".concat(classPrefix, "-vertical"), direction === "vertical"));
   var renderElement = function renderElement2() {
     var childs = [];
     for (var item = 0; item < total; item++) {
       childs.push(item === current ? children || React__default.createElement("div", {
         key: item,
-        className: "".concat(classPrefix, "__dot ").concat(classPrefix, "__active")
+        className: "".concat(classPrefix, "-dot ").concat(classPrefix, "-active")
       }) : React__default.createElement("div", {
         key: item,
-        className: "".concat(classPrefix, "__dot")
+        className: "".concat(classPrefix, "-dot")
       }));
     }
     return childs;

package/dist/esm/menuitem2.js

@@ -141,10 +141,10 @@ var MenuItem = forwardRef(function(props, ref) {
     closeOnClickAway
   );
   return React__default.createElement("div", {
-    className: "nut-menu-item-container",
+    className: "nut-menu-container",
     ref: micRef
   }, parent.overlay ? React__default.createElement(Overlay, {
-    className: "nut-menu__overlay",
+    className: "nut-menu-container-overlay",
     style: getPosition(),
     lockScroll: parent.lockScroll,
     visible: showPopup,
@@ -154,19 +154,19 @@ var MenuItem = forwardRef(function(props, ref) {
     }
   }) : null, React__default.createElement("div", {
     className: classNames({
-      "nut-menu-item__wrap": direction === "down",
-      "nut-menu-item__wrap-up": direction !== "down"
+      "nut-menu-container-wrap": direction === "down",
+      "nut-menu-container-wrap-up": direction !== "down"
     }, className),
     style: _objectSpread(_objectSpread({}, style), isShow())
   }, React__default.createElement(CSSTransition, {
     "in": showPopup,
     timeout: 100,
-    classNames: direction === "down" ? "menu-item" : "menu-item-up"
+    classNames: direction === "down" ? "nut-menu-container-down" : "nut-menu-container-up"
   }, React__default.createElement("div", {
-    className: "nut-menu-item__content"
+    className: "nut-menu-container-content"
   }, options === null || options === void 0 ? void 0 : options.map(function(item) {
     return React__default.createElement("div", {
-      className: "nut-menu-item__option ".concat(classNames({
+      className: "nut-menu-container-item ".concat(classNames({
         active: item.value === innerValue
       })),
       key: item.text,

package/dist/esm/overlay2.js

@@ -110,8 +110,8 @@ var defaultOverlayProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}
 });
 var Overlay = function Overlay2(props) {
   var _defaultOverlayProps$ = _objectSpread(_objectSpread({}, defaultOverlayProps), props), children = _defaultOverlayProps$.children, zIndex = _defaultOverlayProps$.zIndex, duration = _defaultOverlayProps$.duration, className = _defaultOverlayProps$.className, closeOnOverlayClick = _defaultOverlayProps$.closeOnOverlayClick, visible = _defaultOverlayProps$.visible, lockScroll = _defaultOverlayProps$.lockScroll, style = _defaultOverlayProps$.style, afterShow = _defaultOverlayProps$.afterShow, afterClose = _defaultOverlayProps$.afterClose, onClick2 = _defaultOverlayProps$.onClick, rest = _objectWithoutProperties(_defaultOverlayProps$, _excluded);
-  var _useState = useState(visible), _useState2 = _slicedToArray(_useState, 2), innerVisible = _useState2[0], setInnerVisible = _useState2[1];
   var classPrefix = "nut-overlay";
+  var _useState = useState(visible), _useState2 = _slicedToArray(_useState, 2), innerVisible = _useState2[0], setInnerVisible = _useState2[1];
   var nodeRef = useRef(null);
   useEffect(function() {
     if (visible) {

package/dist/esm/popup2.js

@@ -55,7 +55,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 var _zIndex = 1100;
 var Popup = function Popup2(props) {
   var _classNames, _classNames2;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, visible = _defaultProps$props.visible, overlay = _defaultProps$props.overlay, closeOnOverlayClick = _defaultProps$props.closeOnOverlayClick, overlayStyle = _defaultProps$props.overlayStyle, overlayClassName = _defaultProps$props.overlayClassName, zIndex = _defaultProps$props.zIndex, lockScroll = _defaultProps$props.lockScroll, duration = _defaultProps$props.duration, closeable = _defaultProps$props.closeable, closeIconPosition = _defaultProps$props.closeIconPosition, closeIcon = _defaultProps$props.closeIcon, left = _defaultProps$props.left, title = _defaultProps$props.title, style = _defaultProps$props.style, transition = _defaultProps$props.transition, round = _defaultProps$props.round, position = _defaultProps$props.position, className = _defaultProps$props.className, destroyOnClose = _defaultProps$props.destroyOnClose, portal = _defaultProps$props.portal, onOpen2 = _defaultProps$props.onOpen, onClose2 = _defaultProps$props.onClose, onOverlayClick2 = _defaultProps$props.onOverlayClick, onCloseIconClick2 = _defaultProps$props.onCloseIconClick, afterShow = _defaultProps$props.afterShow, afterClose = _defaultProps$props.afterClose, onClick = _defaultProps$props.onClick;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, visible = _defaultProps$props.visible, overlay = _defaultProps$props.overlay, closeOnOverlayClick = _defaultProps$props.closeOnOverlayClick, overlayStyle = _defaultProps$props.overlayStyle, overlayClassName = _defaultProps$props.overlayClassName, zIndex = _defaultProps$props.zIndex, lockScroll = _defaultProps$props.lockScroll, duration = _defaultProps$props.duration, closeable = _defaultProps$props.closeable, closeIconPosition = _defaultProps$props.closeIconPosition, closeIcon = _defaultProps$props.closeIcon, left = _defaultProps$props.left, title = _defaultProps$props.title, description = _defaultProps$props.description, style = _defaultProps$props.style, transition = _defaultProps$props.transition, round = _defaultProps$props.round, position = _defaultProps$props.position, className = _defaultProps$props.className, destroyOnClose = _defaultProps$props.destroyOnClose, portal = _defaultProps$props.portal, onOpen2 = _defaultProps$props.onOpen, onClose2 = _defaultProps$props.onClose, onOverlayClick2 = _defaultProps$props.onOverlayClick, onCloseIconClick2 = _defaultProps$props.onCloseIconClick, afterShow = _defaultProps$props.afterShow, afterClose = _defaultProps$props.afterClose, onClick = _defaultProps$props.onClick;
   var nodeRef = React__default.useRef(null);
   var innerIndex = zIndex || _zIndex;
   var _useState = useState(innerIndex), _useState2 = _slicedToArray(_useState, 2), index = _useState2[0], setIndex = _useState2[1];
@@ -71,10 +71,8 @@ var Popup = function Popup2(props) {
     "--nutui-overlay-zIndex": index
   });
   var popStyles = _objectSpread(_objectSpread({}, style), baseStyle);
-  var popClassName = classNames((_classNames = {
-    round
-  }, _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "-").concat(position), true), _defineProperty(_classNames, "".concat(className || ""), true), _classNames));
-  var closeClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__close-icon"), true), _defineProperty(_classNames2, "".concat(classPrefix, "__close-icon--").concat(closeIconPosition), true), _classNames2));
+  var popClassName = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-round"), round || position === "bottom"), _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "-").concat(position), true), _defineProperty(_classNames, "".concat(className || ""), true), _classNames));
+  var closeClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-title-right"), true), _defineProperty(_classNames2, "".concat(classPrefix, "-title-right-").concat(closeIconPosition), true), _classNames2));
   var open = function open2() {
     if (!innerVisible) {
       setInnerVisible(true);
@@ -127,24 +125,27 @@ var Popup = function Popup2(props) {
     }
     return node;
   };
-  var renderIcon = function renderIcon2() {
-    if (closeable) {
+  var renderTitle = function renderTitle2() {
+    if (left || title || description) {
       return React__default.createElement("div", {
+        className: "".concat(classPrefix, "-title")
+      }, position === "bottom" && React__default.createElement(React__default.Fragment, null, left && React__default.createElement("div", {
+        className: "".concat(classPrefix, "-title-left")
+      }, left), (title || description) && React__default.createElement("div", {
+        className: "".concat(classPrefix, "-title-title")
+      }, title, description && React__default.createElement("div", {
+        className: "".concat(classPrefix, "-title-description")
+      }, description))), closeable && React__default.createElement("div", {
         className: closeClasses,
         onClick: onHandleClickCloseIcon
-      }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, {
-        width: 12,
-        height: 12
-      }));
+      }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, null)));
+    }
+    if (closeable) {
+      return React__default.createElement(React__default.Fragment, null, closeable && React__default.createElement("div", {
+        className: closeClasses,
+        onClick: onHandleClickCloseIcon
+      }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, null)));
     }
-    return null;
-  };
-  var renderTitle = function renderTitle2() {
-    return React__default.createElement(React__default.Fragment, null, position === "bottom" && React__default.createElement(React__default.Fragment, null, left && React__default.createElement("div", {
-      className: "".concat(classPrefix, "-left-icon")
-    }, left), title && React__default.createElement("div", {
-      className: "".concat(classPrefix, "-title")
-    }, title)));
   };
   var renderPop = function renderPop2() {
     return React__default.createElement(CSSTransition, {
@@ -160,7 +161,7 @@ var Popup = function Popup2(props) {
       style: popStyles,
       className: popClassName,
       onClick: onHandleClick
-    }, renderTitle(), renderIcon(), showChildren ? children : ""));
+    }, renderTitle(), showChildren ? children : ""));
   };
   var renderNode = function renderNode2() {
     return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {

package/dist/esm/radio2.js

@@ -24,7 +24,7 @@ function _objectSpread(e) {
   return e;
 }
 import React__default, { useContext } from "react";
-import { CheckChecked, CheckNormal } from "@nutui/icons-react";
+import { CheckDisabled, CheckChecked, CheckNormal } from "@nutui/icons-react";
 import classNames from "classnames";
 import RadioGroup from "./RadioGroup.js";
 import { C as ComponentDefaults } from "./typings.js";
@@ -69,21 +69,26 @@ var Radio = function Radio2(props) {
   }
   var renderLabel = function renderLabel2() {
     return React__default.createElement("div", {
-      className: classNames("".concat(classPrefix, "__label"), _defineProperty({}, "".concat(classPrefix, "__label--disabled"), disabled))
+      className: classNames("".concat(classPrefix, "-label"), _defineProperty({}, "".concat(classPrefix, "-label-disabled"), disabled))
     }, children);
   };
   var renderButton = function renderButton2() {
     var _classNames2;
     return React__default.createElement("div", {
-      className: classNames("".concat(classPrefix, "__button"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__button--active"), checkedStatement), _defineProperty(_classNames2, "".concat(classPrefix, "__button--disabled"), disabled), _classNames2))
+      className: classNames("".concat(classPrefix, "-button"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-button-active"), checkedStatement), _defineProperty(_classNames2, "".concat(classPrefix, "-button-disabled"), disabled), _classNames2))
     }, children);
   };
   var color = function color2() {
     var _ref;
-    return _ref = {}, _defineProperty(_ref, "".concat(classPrefix, "__icon--disable"), disabled), _defineProperty(_ref, "".concat(classPrefix, "__icon"), checkedStatement), _defineProperty(_ref, "".concat(classPrefix, "__icon--unchecked"), !checkedStatement), _ref;
+    return _ref = {}, _defineProperty(_ref, "".concat(classPrefix, "-icon-disabled"), disabled), _defineProperty(_ref, "".concat(classPrefix, "-icon"), !checkedStatement), _defineProperty(_ref, "".concat(classPrefix, "-icon-checked"), checkedStatement), _ref;
   };
   var renderIcon = function renderIcon2() {
     var icon2 = props.icon, activeIcon2 = props.activeIcon;
+    if (disabled && !checkedStatement) {
+      return React__default.createElement(CheckDisabled, {
+        className: classNames(color())
+      });
+    }
     if (checkedStatement) {
       return React__default.isValidElement(activeIcon2) ? React__default.cloneElement(activeIcon2, _objectSpread(_objectSpread({}, activeIcon2.props), {}, {
         className: classNames(color())
@@ -109,7 +114,7 @@ var Radio = function Radio2(props) {
     setCheckedStatement(!checkedStatement);
   };
   return React__default.createElement("div", _objectSpread({
-    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "--reverse"), labelPosition === "left"), className),
+    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-reverse"), labelPosition === "left"), className),
     style,
     onClick: handleClick
   }, rest), renderRadioItem());

package/dist/esm/tabbaritem2.js

@@ -41,7 +41,7 @@ var TabbarItem = function TabbarItem2(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, title = _defaultProps$props.title, icon = _defaultProps$props.icon, active = _defaultProps$props.active, activeColor = _defaultProps$props.activeColor, inactiveColor = _defaultProps$props.inactiveColor, index = _defaultProps$props.index, value = _defaultProps$props.value, dot = _defaultProps$props.dot, max = _defaultProps$props.max, top = _defaultProps$props.top, right = _defaultProps$props.right, handleClick = _defaultProps$props.handleClick, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var classPrefix = "nut-tabbar-item";
   var tabbarItemClass = classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-active"), active), className);
-  var boxPrefix = "".concat(classPrefix, "__icon-box");
+  var boxPrefix = "".concat(classPrefix, "-icon-box");
   var titleClass = classNames(boxPrefix, "".concat(boxPrefix, "-nav"), _defineProperty({}, "".concat(boxPrefix, "-large"), !icon));
   var badgeProps = {
     value,

package/dist/esm/tabs2.js

@@ -115,8 +115,8 @@ var Tabs = function Tabs2(props) {
       forceUpdate();
     }
   }, [children]);
-  var classes = classNames(classPrefix, "".concat(classPrefix, "--").concat(direction), className);
-  var classesTitle = classNames("".concat(classPrefix, "__titles"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "__titles--").concat(activeType), activeType), _defineProperty(_classNames, "".concat(classPrefix, "__titles--scrollable"), true), _defineProperty(_classNames, "".concat(classPrefix, "__titles--").concat(align), align), _classNames));
+  var classes = classNames(classPrefix, "".concat(classPrefix, "-").concat(direction), className);
+  var classesTitle = classNames("".concat(classPrefix, "-titles"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-titles-").concat(activeType), activeType), _defineProperty(_classNames, "".concat(classPrefix, "-titles-scrollable"), true), _defineProperty(_classNames, "".concat(classPrefix, "-titles-").concat(align), align), _classNames));
   var tabsActiveStyle = {
     color: activeType === "smile" ? activeColor : "",
     background: activeType === "line" ? activeColor : ""
@@ -152,16 +152,16 @@ var Tabs = function Tabs2(props) {
       onClick: function onClick2() {
         tabChange(item);
       },
-      className: classNames("".concat(classPrefix, "__titles-item"), (_classNames2 = {}, _defineProperty(_classNames2, "nut-tabs__titles-item--active", !item.disabled && String(item.value) === String(value)), _defineProperty(_classNames2, "nut-tabs__titles-item--disabled", item.disabled), _defineProperty(_classNames2, "nut-tabs__titles-item--".concat(align), align), _classNames2)),
+      className: classNames("".concat(classPrefix, "-titles-item"), (_classNames2 = {}, _defineProperty(_classNames2, "nut-tabs-titles-item-active", !item.disabled && String(item.value) === String(value)), _defineProperty(_classNames2, "nut-tabs-titles-item-disabled", item.disabled), _defineProperty(_classNames2, "nut-tabs-titles-item-".concat(align), align), _classNames2)),
       ref: function ref(_ref) {
         return titleItemsRef.current.push(_ref);
       },
       key: item.value
     }, activeType === "line" && React__default.createElement("div", {
-      className: "".concat(classPrefix, "__titles-item__line"),
+      className: "".concat(classPrefix, "-titles-item-line"),
       style: tabsActiveStyle
     }), activeType === "smile" && React__default.createElement("div", {
-      className: "".concat(classPrefix, "__titles-item__smile"),
+      className: "".concat(classPrefix, "-titles-item-smile"),
       style: tabsActiveStyle
     }, React__default.createElement(JoySmile, {
       color: activeColor,
@@ -170,12 +170,12 @@ var Tabs = function Tabs2(props) {
     })), React__default.createElement("div", {
       className: classNames({
         ellipsis: true
-      }, "".concat(classPrefix, "__titles-item__text"))
+      }, "".concat(classPrefix, "-titles-item-text"))
     }, item.title));
   })), React__default.createElement("div", {
-    className: "".concat(classPrefix, "__content__wrap")
+    className: "".concat(classPrefix, "-content-wrap")
   }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "__content"),
+    className: "".concat(classPrefix, "-content"),
     style: contentStyle
   }, React__default.Children.map(children, function(child, idx) {
     if (!React__default.isValidElement(child)) {

package/dist/esm/types/src/packages/button/button.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import type { MouseEvent } from 'react';
 import { BasicComponent } from '@/utils/typings';
-export type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
+export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
 export type ButtonSize = 'large' | 'normal' | 'small' | 'mini';
 export type ButtonShape = 'square' | 'round';
-export type ButtonFill = 'solid' | 'outline' | 'none';
+export type ButtonFill = 'solid' | 'outline' | 'dashed' | 'none';
 export interface ButtonProps extends BasicComponent {
     color: string;
     shape: ButtonShape;
@@ -15,6 +15,7 @@ export interface ButtonProps extends BasicComponent {
     loading: boolean;
     disabled: boolean;
     icon: React.ReactNode;
+    rightIcon: React.ReactNode;
     id: string;
     nativeType: 'submit' | 'reset' | 'button';
     onClick: (e: MouseEvent<HTMLButtonElement>) => void;

package/dist/esm/types/src/packages/button/button.taro.d.ts

@@ -3,10 +3,10 @@ import type { MouseEvent } from 'react';
 import { ButtonProps as MiniProgramButtonProps } from '@tarojs/components';
 import { BasicComponent } from '@/utils/typings';
 type OmitMiniProgramButtonProps = Omit<MiniProgramButtonProps, 'size' | 'type' | 'onClick' | 'style'>;
-export type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
+export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
 export type ButtonSize = 'large' | 'normal' | 'small' | 'mini';
 export type ButtonShape = 'square' | 'round';
-export type ButtonFill = 'solid' | 'outline' | 'none';
+export type ButtonFill = 'solid' | 'outline' | 'dashed' | 'none';
 export interface ButtonProps extends BasicComponent, OmitMiniProgramButtonProps {
     color: string;
     shape: ButtonShape;
@@ -17,6 +17,7 @@ export interface ButtonProps extends BasicComponent, OmitMiniProgramButtonProps
     loading: boolean;
     disabled: boolean;
     icon: React.ReactNode;
+    rightIcon: React.ReactNode;
     onClick: (e: MouseEvent<HTMLButtonElement>) => void;
 }
 export declare const Button: React.ForwardRefExoticComponent<Omit<Partial<ButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/types/src/packages/checkbox/checkbox.d.ts

@@ -1,10 +1,12 @@
 import React, { FunctionComponent } from 'react';
 import CheckboxGroup from '@/packages/checkboxgroup';
 import { BasicComponent } from '@/utils/typings';
+export type CheckboxShape = 'button' | 'round';
 export interface CheckboxProps extends BasicComponent {
     checked: boolean;
     disabled: boolean;
     defaultChecked: boolean;
+    shape: CheckboxShape;
     labelPosition: 'left' | 'right';
     icon: React.ReactNode;
     activeIcon: React.ReactNode;

package/dist/esm/types/src/packages/checkbox/checkbox.taro.d.ts

@@ -1,10 +1,12 @@
 import React, { FunctionComponent } from 'react';
 import CheckboxGroup from '@/packages/checkboxgroup/index.taro';
 import { BasicComponent } from '@/utils/typings';
+export type CheckboxShape = 'button' | 'round';
 export interface CheckboxProps extends BasicComponent {
     checked: boolean;
     disabled: boolean;
     defaultChecked: boolean;
+    shape: CheckboxShape;
     labelPosition: 'left' | 'right';
     icon: React.ReactNode;
     activeIcon: React.ReactNode;

package/dist/esm/types/src/packages/configprovider/types.d.ts

@@ -1 +1 @@
-export type NutCSSVariables = 'nutuiBrandColor' | 'nutuiBrandColorStart' | 'nutuiBrandColorEnd' | 'nutuiBrandLinkColor' | 'nutuiBrandTextColor' | 'nutuiBrandInfoColor' | 'nutuiGray0' | 'nutuiGray1' | 'nutuiGray2' | 'nutuiGray3' | 'nutuiGray4' | 'nutuiGray5' | 'nutuiGray6' | 'nutuiGray7' | 'nutuiGray8' | 'nutuiGray9' | 'nutuiGray10' | 'nutuiFontSize0' | 'nutuiFontSize1' | 'nutuiFontSize2' | 'nutuiFontSize3' | 'nutuiFontSize4' | 'nutuiFontWeightBold' | 'nutuiLineHeightBase' | 'nutuiPaddingXs' | 'nutuiButtonBorderRadius' | 'nutuiButtonBorderWidth' | 'nutuiButtonDefaultBgColor' | 'nutuiButtonDefaultBorderColor' | 'nutuiButtonDefaultColor' | 'nutuiButtonPlainColor' | 'nutuiButtonDefaultPadding' | 'nutuiButtonMiniPadding' | 'nutuiButtonSmallPadding' | 'nutuiButtonSmallHeight' | 'nutuiButtonMiniHeight' | 'nutuiButtonDefaultHeight' | 'nutuiButtonLargeHeight' | 'nutuiButtonLargeLineHeight' | 'nutuiButtonSmallLineHeight' | 'nutuiButtonBlockHeight' | 'nutuiButtonDefaultLineHeight' | 'nutuiButtonBlockLineHeight' | 'nutuiButtonDefaultFontSize' | 'nutuiButtonLargeFontSize' | 'nutuiButtonSmallFontSize' | 'nutuiButtonMiniFontSize' | 'nutuiButtonMiniLineHeight' | 'nutuiButtonTextIconMarginLeft' | 'nutuiButtonTextIconLargeMarginLeft' | 'nutuiButtonTextIconSmallMarginLeft' | 'nutuiButtonTextIconMiniMarginLeft' | 'nutuiButtonDisabledOpacity' | 'nutuiButtonPrimaryColor' | 'nutuiButtonPrimaryBorderColor' | 'nutuiButtonInfoColor' | 'nutuiButtonInfoBorderColor' | 'nutuiButtonSuccessColor' | 'nutuiButtonSuccessBorderColor' | 'nutuiButtonDangerColor' | 'nutuiButtonDangerBorderColor' | 'nutuiButtonDangerBackgroundColor' | 'nutuiButtonWarningColor' | 'nutuiButtonWarningBorderColor' | 'nutuiCellTitleColor' | 'nutuiCellTitleFontSize' | 'nutuiCellDescriptionFontSize' | 'nutuiCellDescriptionColor' | 'nutuiCellExtraFontSize' | 'nutuiCellExtraColor' | 'nutuiCellBorderRadius' | 'nutuiCellPadding' | 'nutuiCellLineHeight' | 'nutuiCellDividerRight' | 'nutuiCellDividerLeft' | 'nutuiCellDividerBorderBottom' | 'nutuiCellBackgroundColor' | 'nutuiCellBoxShadow' | 'nutuiCellGroupTitlePadding' | 'nutuiCellGroupTitleColor' | 'nutuiCellGroupTitleFontSize' | 'nutuiCellGroupTitleLineHeight' | 'nutuiCellGroupDescriptionPadding' | 'nutuiCellGroupDescriptionColor' | 'nutuiCellGroupDescriptionFontSize' | 'nutuiCellGroupDescriptionLineHeight' | 'nutuiCellGroupBackgroundColor' | 'nutuiDividerMargin' | 'nutuiDividerTextFontSize' | 'nutuiDividerTextColor' | 'nutuiDividerLineHeight' | 'nutuiDividerBeforeMarginRight' | 'nutuiDividerAfterMarginLeft' | 'nutuiDividerVerticalHeight' | 'nutuiDividerVerticalTop' | 'nutuiDividerVerticalBorderLeft' | 'nutuiDividerVerticalMargin' | 'nutuiIconHeight' | 'nutuiIconWidth' | 'nutuiIconLineHeight' | 'nutuiUploaderPictureWidth' | 'nutuiUploaderPictureHeight' | 'nutuiUploaderPictureBorder' | 'nutuiUploaderPictureBorderRadius' | 'nutuiUploaderBackground' | 'nutuiUploaderBackgroundDisabled' | 'nutuiUploaderPictureIconOpacity' | 'nutuiUploaderPictureIconOpacityDisabled' | 'nutuiUploaderPictureIconMarginBottom' | 'nutuiUploaderPictureIconTipFontSize' | 'nutuiUploaderPictureIconTipColor' | 'nutuiUploaderPreviewProgressBackground' | 'nutuiUploaderPreviewMarginRight' | 'nutuiUploaderPreviewMarginBottom' | 'nutuiUploaderPreviewTipsHeight' | 'nutuiUploaderPreviewTipsBackground' | 'nutuiUploaderPreviewTipsPadding' | 'nutuiUploaderPreviewCloseRight' | 'nutuiUploaderPreviewCloseTop' | 'nutuiPickerCancelColor' | 'nutuiPickerOkColor' | 'nutuiPickerBarCancelFontSize' | 'nutuiPickerBarOkFontSize' | 'nutuiPickerBarButtonPadding' | 'nutuiPickerBarTitleFontSize' | 'nutuiPickerBarTitleColor' | 'nutuiPickerBarTitleFontWeight' | 'nutuiPickerListHeight' | 'nutuiPickerItemHeight' | 'nutuiPickerItemTextColor' | 'nutuiPickerItemTextFontSize' | 'nutuiPickerItemActiveLineBorder' | 'nutuiInputBorderBottom' | 'nutuiInputBorderBottomWidth' | 'nutuiInputDisabledColor' | 'nutuiInputFontSize' | 'nutuiInputPadding' | 'nutuiTextareaFont' | 'nutuiTextareaPadding' | 'nutuiTextareaLimitColor' | 'nutuiTextareaTextColor' | 'nutuiTextareaTextCurrorColor' | 'nutuiTextareaTextLineHeight' | 'nutuiTextareaDisabledColor' | 'nutuiInputnumberButtonWidth' | 'nutuiInputnumberButtonHeight' | 'nutuiInputnumberButtonBorderRadius' | 'nutuiInputnumberButtonBackgroundColor' | 'nutuiInputnumberIconColor' | 'nutuiInputnumberIconVoidColor' | 'nutuiInputnumberIconDisabledColor' | 'nutuiInputnumberIconSize' | 'nutuiInputnumberInputFontSize' | 'nutuiInputnumberInputFontColor' | 'nutuiInputnumberInputBackgroundColor' | 'nutuiInputnumberInputBorderRadius' | 'nutuiInputnumberInputWidth' | 'nutuiInputnumberInputHeight' | 'nutuiInputnumberInputMargin' | 'nutuiInputnumberInputBorder' | 'nutuiInputnumberBorder' | 'nutuiInputnumberBorderRadius' | 'nutuiInputnumberHeight' | 'nutuiInputnumberLineHeight' | 'nutuiInputnumberBorderBox' | 'nutuiInputnumberDisplay' | 'nutuiActionsheetBorderColor' | 'nutuiActionsheetItemTextAlign' | 'nutuiActionsheetItemBorderBottom' | 'nutuiActionsheetItemLineHeight' | 'nutuiActionsheetItemColor' | 'nutuiActionsheetItemDanger' | 'nutuiShortpasswordBackgroundColor' | 'nutuiShortpasswordBorderColor' | 'nutuiShortpasswordError' | 'nutuiShortpasswordForget' | 'nutuiNumberkeyboardWidth' | 'nutuiNumberkeyboardPadding' | 'nutuiNumberkeyboardBackgroundColor' | 'nutuiNumberkeyboardHeaderHeight' | 'nutuiNumberkeyboardHeaderPadding' | 'nutuiNumberkeyboardHeaderColor' | 'nutuiNumberkeyboardHeaderFontSize' | 'nutuiNumberkeyboardHeaderClosePadding' | 'nutuiNumberkeyboardHeaderCloseColor' | 'nutuiNumberkeyboardHeaderCloseFontSize' | 'nutuiNumberkeyboardHeaderCloseBackgroundColor' | 'nutuiNumberkeyboardKeyBackgroundColor' | 'nutuiNumberkeyboardKeyActiveBackgroundColor' | 'nutuiNumberkeyboardKeyHeight' | 'nutuiNumberkeyboardKeyLineHeight' | 'nutuiNumberkeyboardKeyBorderRadius' | 'nutuiNumberkeyboardKeyFontSize' | 'nutuiNumberkeyboardKeyFontColor' | 'nutuiNumberkeyboardKeyConfirmFontSize' | 'nutuiNumberkeyboardKeyConfirmFontColor' | 'nutuiNumberkeyboardKeyConfirmBackgroundColor' | 'nutuiCountdownDisplay' | 'nutuiCountdownColor' | 'nutuiCountdownFontSize' | 'nutuiPriceSymbolPaddingRight' | 'nutuiPriceSymbolBigSize' | 'nutuiPriceIntegerBigSize' | 'nutuiPriceDecimalBigSize' | 'nutuiPriceLineColor' | 'nutuiPriceLineFontSize' | 'nutuiPriceSymbolMediumSize' | 'nutuiPriceIntegerMediumSize' | 'nutuiPriceDecimalMediumSize' | 'nutuiPriceSymbolSmallSize' | 'nutuiPriceIntegerSmallSize' | 'nutuiPriceDecimalSmallSize' | 'nutuiAvatarSquare' | 'nutuiAvatarLargeWidth' | 'nutuiAvatarLargeHeight' | 'nutuiAvatarSmallWidth' | 'nutuiAvatarSmallHeight' | 'nutuiAvatarNormalWidth' | 'nutuiAvatarNormalHeight' | 'nutuiSwitchCloseBackgroundColor' | 'nutuiSwitchOpenBackgroundColor' | 'nutuiSwitchCloseLineBgColor' | 'nutuiSwitchWidth' | 'nutuiSwitchHeight' | 'nutuiSwitchLineHeight' | 'nutuiSwitchBorderRadius' | 'nutuiSwitchInsideWidth' | 'nutuiSwitchInsideHeight' | 'nutuiSwitchInsideOpenTransform' | 'nutuiSwitchInsideCloseTransform' | 'nutuiToastTitleFontSize' | 'nutuiToastTextFontSize' | 'nutuiToastFontColor' | 'nutuiToastInnerPadding' | 'nutuiToastInnerBgColor' | 'nutuiToastInnerBorderRadius' | 'nutuiToastCoverBgColor' | 'nutuiToastInnerTop' | 'nutuiToastInnerTextAlign' | 'nutuiTourMaskBorderRadius' | 'nutuiTourContentMinWidth' | 'nutuiTourContentPadding' | 'nutuiTourContentInnerMargin' | 'nutuiTourContentInnerFontSize' | 'nutuiTourContentBottomMarginTop' | 'nutuiTourContentBottomBtnMarginLeft' | 'nutuiTourContentBottomBtnPadding' | 'nutuiTourContentBottomBtnFontSize' | 'nutuiTourContentBottomBtnBorderRadius' | 'nutuiBacktopBorderColor' | 'nutuiCalendarActiveBackgroundColor' | 'nutuiCalendarChooseBackgroundColor' | 'nutuiCalendarChooseColor' | 'nutuiCalendarChooseDisableBackgroundColor' | 'nutuiCalendarChooseDisableColor' | 'nutuiCalendarDisableColor' | 'nutuiCalendarBaseFontSize' | 'nutuiCalendarTitleFontSize' | 'nutuiCalendarTitleFontWeight' | 'nutuiCalendarSubTitleFontSize' | 'nutuiCalendarDay67Color' | 'nutuiCalendarHeaderHeight' | 'nutuiCalendarDayWidth' | 'nutuiCalendarDayHeight' | 'nutuiCalendarDayFontWeight' | 'nutuiCalendarDayActiveBorderRadius' | 'nutuiOverlayBgColor' | 'nutuiOverlayZIndex' | 'nutuiOverlayContentBgColor' | 'nutuiOverlayContentColor' | 'nutuiOverlayAnimationDuration' | 'nutuiPopupCloseIconMargin' | 'nutuiPopupBorderRadius' | 'nutuiPopupCloseIconColor' | 'nutuiPopupCloseIconSize' | 'nutuiPopupTitlePadding' | 'nutuiPopupTitleFontSize' | 'nutuiPopupTitleLineHeight' | 'nutuiPopupTitleBorderBottom' | 'nutuiPopupAnimationDuration' | 'nutuiNotifyTextColor' | 'nutuiNotifyPadding' | 'nutuiNotifyFontSize' | 'nutuiNotifyHeight' | 'nutuiNotifyLineHeight' | 'nutuiNotifyBaseBackgroundColor' | 'nutuiNotifyPrimaryBackgroundColor' | 'nutuiNotifySuccessBackgroundColor' | 'nutuiNotifyDangerBackgroundColor' | 'nutuiNotifyWarningBackgroundColor' | 'nutuiRateItemMargin' | 'nutuiRateIconColor' | 'nutuiRateIconVoidColor' | 'nutuiTabbarHeight' | 'nutuiTabbarActiveColor' | 'nutuiTabbarInactiveColor' | 'nutuiTabbarBorderTop' | 'nutuiTabbarBorderBottom' | 'nutuiTabbarBoxShadow' | 'nutuiTabbarTextFontSize' | 'nutuiTabbarTextLargeFontSize' | 'nutuiTabbarTextLineHeight' | 'nutuiTabbarTextMarginTop' | 'nutuiInfiniteloadingBottomColor' | 'nutuiRangeFontColor' | 'nutuiRangeHeight' | 'nutuiRangeMargin' | 'nutuiRangeInactiveColor' | 'nutuiRangeActiveColor' | 'nutuiRangeButtonBackground' | 'nutuiRangeButtonWidth' | 'nutuiRangeButtonHeight' | 'nutuiRangeButtonBorder' | 'nutuiSwiperIndicatorBottom' | 'nutuiSwiperIndicatorItemBackgroundColor' | 'nutuiStepsBaseIconWidth' | 'nutuiStepsBaseIconHeight' | 'nutuiStepsBaseIconLineHeight' | 'nutuiStepsBaseIconMarginBottom' | 'nutuiStepsBaseIconFontSize' | 'nutuiStepsBaseLineWidth' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsWaitIconBgColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsProcessIconBgColor' | 'nutuiStepsProcessIconColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessTitleFontSize' | 'nutuiStepsProcessTitleFontWeight' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsFinishIconBgColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsFinishTitleColor' | 'nutuiStepsFinishDescriptionColor' | 'nutuiStepsFinishLineBackground' | 'nutuiStepsDotIconWidth' | 'nutuiStepsDotIconHeight' | 'nutuiStepsDotIconBorder' | 'nutuiStepsDotHeadMargin' | 'nutuiDialogWidth' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogHeaderColor' | 'nutuiDialogFooterJustifyContent' | 'nutuiDialogMinHeight' | 'nutuiDialogPadding' | 'nutuiDialogHeaderHeight' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogOverlayBackgroundColor' | 'nutuiDialogOuterZIndex' | 'nutuiDialogOuterBorderRadius' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiCheckboxLabelColor' | 'nutuiCheckboxLabelDisableColor' | 'nutuiCheckboxIconDisableColor' | 'nutuiCheckboxLabelMarginLeft' | 'nutuiCheckboxLabelFontSize' | 'nutuiCheckboxIconFontSize' | 'nutuiCheckboxIconDisableColor2' | 'nutuiRadioLabelFontColor' | 'nutuiRadioLabelFontActiveColor' | 'nutuiRadioLabelDisableColor' | 'nutuiRadioIconDisableColor' | 'nutuiRadioLabelButtonBorderColor' | 'nutuiRadioLabelButtonBackground' | 'nutuiRadioLabelMarginLeft' | 'nutuiRadioButtonBorderRadius' | 'nutuiRadioLabelFontSize' | 'nutuiRadioButtonFontSize' | 'nutuiRadioButtonPadding' | 'nutuiRadioIconFontSize' | 'nutuiRadioIconDisableColor2' | 'nutuiRadiogroupRadioMargin' | 'nutuiRadiogroupRadioLabelMargin' | 'nutuiRadioButtonDisabledActiveBackground' | 'nutuiRadioButtonDisabledActiveColor' | 'nutuiRadioButtonDisabledActiveBorderColor' | 'nutuiSignatureBorderColor' | 'nutuiSignatureBorderWidth' | 'nutuiSignatureHeight' | 'nutuiSignatureBackgroundColor' | 'nutuiSignatureFontSize' | 'nutuiFixednavBgColor' | 'nutuiFixednavFontColor' | 'nutuiFixednavIndex' | 'nutuiFixednavItemActiveColor' | 'nutuiNoticebarBackground' | 'nutuiNoticebarColor' | 'nutuiNoticebarFontSize' | 'nutuiNoticebarHeight' | 'nutuiNoticebarLineHeight' | 'nutuiNoticebarLeftIconWidth' | 'nutuiNoticebarRightIconWidth' | 'nutuiNoticebarBoxPadding' | 'nutuiNoticebarWrapablePadding' | 'nutuiNoticebarLefticonMargin' | 'nutuiNoticebarRighticonMargin' | 'nutuiTimeselectTitleHeight' | 'nutuiTimeselectTitleLineHeight' | 'nutuiTimeselectTitleColor' | 'nutuiTimeselectTitleFontSize' | 'nutuiTimeselectTitleBackground' | 'nutuiTimeselectDateWidth' | 'nutuiTimeselectDateHeight' | 'nutuiTimeselectDateLineHeight' | 'nutuiTimeselectDateColor' | 'nutuiTimeselectDateActiveColor' | 'nutuiTimeselectDateFontSize' | 'nutuiTimeselectTimeWidth' | 'nutuiTimeselectTimeHeight' | 'nutuiTimeselectTimeLineHeight' | 'nutuiTimeselectFontSize' | 'nutuiTimeselectTimeMargin' | 'nutuiTimeselectTimeColor' | 'nutuiTimeselectTimeActiveColor' | 'nutuiTimeselectTimeBackground' | 'nutuiTimeselectTimeActiveBackground' | 'nutuiTagPadding' | 'nutuiTagFontSize' | 'nutuiTagBorderRadius' | 'nutuiTagHeight' | 'nutuiTagColor' | 'nutuiTagBorderWidth' | 'nutuiTagRoundBorderRadius' | 'nutuiTagMarkBorderRadius' | 'nutuiTagBackgroundColor' | 'nutuiTagPrimaryBackgroundColor' | 'nutuiTagInfoBackgroundColor' | 'nutuiTagSuccessBackgroundColor' | 'nutuiTagWarningBackgroundColor' | 'nutuiBadgeBackgroundColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgeMinWidth' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverFontSize' | 'nutuiPopoverMenuItemHeight' | 'nutuiPopoverMenuItemHoverBackgroundColor' | 'nutuiPopoverMenuItemHoverTextColor' | 'nutuiPopoverMenuItemBorderWidth' | 'nutuiPopoverMenuItemBorderHeight' | 'nutuiPopoverMenuItemBorderLeft' | 'nutuiPopoverMenuItemBorderBottom' | 'nutuiPopoverWhiteBackgroundColor' | 'nutuiPopoverDarkBackgroundColor' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverBorderBottomColor' | 'nutuiPopoverPrimaryTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverMenuItemPadding' | 'nutuiPopoverMenuItemMargin' | 'nutuiPopoverMenuNameLineHeight' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiDarkPaginationActiveBackgroundColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiTabsTabSmileColor' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesBorderRadius' | 'nutuiTabsTitleGap' | 'nutuiTabsTitlesItemFontSize' | 'nutuiTabsTitlesItemColor' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsHorizontalTabLineColor' | 'nutuiTabsHorizontalLineBottom' | 'nutuiTabsHorizontalLineBorderRadius' | 'nutuiTabsHorizontalTabLineOpacity' | 'nutuiTabsHorizontalTitlesHeight' | 'nutuiTabsHorizontalTitlesItemMinWidth' | 'nutuiTabsHorizontalTitlesItemActiveBackgroundColor' | 'nutuiTabsHorizontalTitlesItemActiveLineWidth' | 'nutuiTabsHorizontalTitlesItemActiveLineHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTitlesItemActiveLineWidth' | 'nutuiTabsVerticalTitlesItemActiveLineHeight' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderSize' | 'nutuiIndicatorDotMargin' | 'nutuiIndicatorDotVerticalMargin' | 'nutuiMenuBarLineHeight' | 'nutuiMenuPlaceholderTop' | 'nutuiMenuItemFontSize' | 'nutuiMenuItemTextColor' | 'nutuiMenuItemActiveTextColor' | 'nutuiMenuBarBorderBottomColor' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuItemZIndex' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuTitleTextPaddingLeft' | 'nutuiMenuTitleTextPaddingRight' | 'nutuiMenuItemContentPadding' | 'nutuiMenuItemContentMaxHeight' | 'nutuiMenuItemOptionPaddingTop' | 'nutuiMenuItemOptionPaddingBottom' | 'nutuiMenuItemOptionIMarginRight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuActiveItemFontWeight' | 'nutuiMenuItemContentBgColor' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarPadding' | 'nutuiSearchbarWidth' | 'nutuiSearchbarLeftFontsize' | 'nutuiSearchbarLeftPadding' | 'nutuiSearchbarLeftColor' | 'nutuiSearchbarRightFontsize' | 'nutuiSearchbarRightPadding' | 'nutuiSearchbarRightColor' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputBackground' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputWidth' | 'nutuiSearchbarInputTextAlign' | 'nutuiSearchbarInputBorderRadius' | 'nutuiSearchbarClearIconPadding' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyDescriptionMarginTop' | 'nutuiEmptyDescriptionColor' | 'nutuiEmptyDescriptionFontSize' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiEmptyDescriptionPadding' | 'nutuiCascaderFontSize' | 'nutuiCascaderLineHeight' | 'nutuiCascaderPaneHeight' | 'nutuiCascaderPanePaddingTop' | 'nutuiCascaderIconChecklistMarginLeft' | 'nutuiCascaderTabsItemPadding' | 'nutuiCascaderBarPadding' | 'nutuiCascaderBarFontSize' | 'nutuiCascaderBarLineHeight' | 'nutuiCascaderBarColor' | 'nutuiCascaderItemHeight' | 'nutuiCascaderItemPadding' | 'nutuiCascaderItemMargin' | 'nutuiCascaderItemBorderBottom' | 'nutuiCascaderItemColor' | 'nutuiCascaderItemFontSize' | 'nutuiCascaderItemActiveColor' | 'nutuiFormItemErrorLineColor' | 'nutuiFormItemRequiredColor' | 'nutuiFormItemErrorMessageColor' | 'nutuiFormItemLabelFontSize' | 'nutuiFormItemLabelWidth' | 'nutuiFormItemLabelMarginRight' | 'nutuiFormItemLabelTextAlign' | 'nutuiFormItemRequiredMarginRight' | 'nutuiFormItemBodyFontSize' | 'nutuiFormItemBodySlotsTextAlign' | 'nutuiFormItemBodyInputTextAlign' | 'nutuiFormItemTipFontSize' | 'nutuiFormItemTipTextAlign' | 'nutuiSkeletonBackground' | 'nutuiSkeletonLineWidth' | 'nutuiSkeletonLineHeight' | 'nutuiSkeletonLineBorderRadius' | 'nutuiSkuItemBorder' | 'nutuiSkuItemDisableLine' | 'nutuiSkuItemActiveBg' | 'nutuiSkuSpecHeight' | 'nutuiSkuSpecLineHeight' | 'nutuiSkuSpecFontSize' | 'nutuiSkuSpecBackground' | 'nutuiSkuSpecColor' | 'nutuiSkuSpecMarginRight' | 'nutuiSkuSpecPadding' | 'nutuiSkuSpecTitleFontWeight' | 'nutuiSkuSpecTitleFontSize' | 'nutuiSkuSpecTitleColor' | 'nutuiSkuSpecTitleMarginBottom' | 'nutuiSkuOperateBtnHeight' | 'nutuiSkuOperateBtnBorderTop' | 'nutuiSkuOperateBtnItemHeight' | 'nutuiSkuOperateBtnItemFontSize' | 'nutuiSkuOperateBtnItemFontWeight' | 'nutuiSkuProductImgWidth' | 'nutuiSkuProductImgHeight' | 'nutuiSkuProductImgBorderRadius' | 'nutuiCardFontSize0' | 'nutuiCardLeftBorderRadius' | 'nutuiCardLeftBackgroundColor' | 'nutuiGridBorderColor' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarPadding' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidenavbarContentBgColor' | 'nutuiSidenavbarItemHeight' | 'nutuiSidenavbarHeadBgColor' | 'nutuiSidenavbarHeadPadding' | 'nutuiSidenavbarTitlePadding' | 'nutuiSidenavbarTitleBackground' | 'nutuiSidenavbarTitleColor' | 'nutuiSidenavbarSubTitlePadding' | 'nutuiSidenavbarSubTitleBackground' | 'nutuiSidenavbarSubTitleColor' | 'nutuiSidenavbarSubItemColor' | 'nutuiSidenavbarSubItemPadding' | 'nutuiSidenavbarSubListBackground' | 'nutuiElevatorListInnerBgColor' | 'nutuiElevatorListItemHighcolor' | 'nutuiElevatorListItemFontSize' | 'nutuiElevatorListItemFontColor' | 'nutuiElevatorListItemNamePadding' | 'nutuiElevatorListItemNameHeight' | 'nutuiElevatorListItemNameLineHeight' | 'nutuiElevatorListItemCodeFontSize' | 'nutuiElevatorListItemCodeFontColor' | 'nutuiElevatorListItemCodeFontWeight' | 'nutuiElevatorListItemCodePadding' | 'nutuiElevatorListItemCodeHeight' | 'nutuiElevatorListItemCodeLineHeight' | 'nutuiElevatorListItemCodeBorderBottom' | 'nutuiElevatorListItemCodeBorderBottomColor' | 'nutuiElevatorListItemCodeCurrentBgColor' | 'nutuiElevatorListItemCodeCurrentBorderRadius' | 'nutuiElevatorListItemCodeCurrentWidth' | 'nutuiElevatorListItemCodeCurrentHeight' | 'nutuiElevatorListItemCodeCurrentLineHeight' | 'nutuiElevatorListItemCodeCurrentPosition' | 'nutuiElevatorListItemCodeCurrentRight' | 'nutuiElevatorListItemCodeCurrentTop' | 'nutuiElevatorListItemCodeCurrentTransform' | 'nutuiElevatorListItemCodeCurrentTextAlign' | 'nutuiElevatorListItemBarsPosition' | 'nutuiElevatorListItemBarsRight' | 'nutuiElevatorListItemBarsTop' | 'nutuiElevatorListItemBarsTransform' | 'nutuiElevatorListItemBarsPadding' | 'nutuiElevatorListItemBarsBackgroundColor' | 'nutuiElevatorListItemBarsBorderRadius' | 'nutuiElevatorListItemBarsTextAlign' | 'nutuiElevatorListItemBarsZIndex' | 'nutuiElevatorListItemBarsInnerItemPadding' | 'nutuiElevatorListItemBarsInnerItemFontSize' | 'nutuiElevatorListFixedColor' | 'nutuiElevatorListFixedBgColor' | 'nutuiElevatorListFixedBoxShadow' | 'nutuiElevatorListItemBarsInnerItemActiveColor' | 'nutuiListItemMargin' | 'nutuiEcardBgColor' | 'nutuiAddresslistBg' | 'nutuiAddresslistBorder' | 'nutuiAddresslistFontColor' | 'nutuiAddresslistFontSize' | 'nutuiAddresslistMaskBg' | 'nutuiAddresslistAddrFontColor' | 'nutuiAddresslistAddrFontSize' | 'nutuiAddresslistSetBg' | 'nutuiAddresslistDelBg' | 'nutuiAddresslistContntsContactDefault' | 'nutuiAddresslistContntsContactColor' | 'nutuiCategoryBgColor' | 'nutuiCategoryListLeftBgColor' | 'nutuiCategoryListItemColor' | 'nutuiCategoryListItemCheckedColor' | 'nutuiCategoryListItemCheckedImgBgColor' | 'nutuiCategoryPaneGrayColor' | 'nutuiCategoryPaneBorderColor' | 'nutuiCategoryPaneTitleColor' | 'nutuiCircleprogressPrimaryColor' | 'nutuiCircleprogressPathColor' | 'nutuiCircleprogressTextColor' | 'nutuiCircleprogressTextSize' | 'nutuiCommentHeaderUserNameColor' | 'nutuiCommentHeaderTimeColor' | 'nutuiCommentBottomLabelColor' | 'nutuiCommentShopColor' | 'nutuiEllipsisExpandCollapseColor' | 'nutuiWatermarkZIndex' | 'nutuiInvoicePadding' | 'nutuiTrendarrowFontSize' | 'nutuiTrendarrowIconMargin' | 'nutuiCountupHeight' | 'nutuiCountupBaseSize' | 'nutuiCountupBorderRaduis' | 'nutuiCountupLrMargin' | 'nutuiCountupBgcolor' | 'nutuiCountupColor' | 'nutuiCountupWidth' | 'nutuiRowContentColor' | 'nutuiRowContentBackgroundColor' | 'nutuiRowContentBorderRadius' | 'nutuiRowContentHeight' | 'nutuiRowContentLineHeight' | 'nutuiColDefaultMarginBottom' | 'nutuiSpaceGap' | 'nutuiLoadingIconColor' | 'nutuiLoadingIconSize' | 'nutuiLoadingTextColor' | 'nutuiLoadingTextSize' | 'nutuiSafeAreaMultiple';
+export type NutCSSVariables = 'nutuiColorPrimary' | 'nutuiColorPrimaryStop1' | 'nutuiColorPrimaryStop2' | 'nutuiColorPrimaryPressed' | 'nutuiColorPrimaryDisabled' | 'nutuiColorPrimaryLight' | 'nutuiColorPrimaryLightPressed' | 'nutuiColorDefault' | 'nutuiColorDefaultPressed' | 'nutuiColorDefaultLight' | 'nutuiColorDefaultDisabled' | 'nutuiColorSuccess' | 'nutuiColorSuccessPressed' | 'nutuiColorSuccessDisabled' | 'nutuiColorSuccessLight' | 'nutuiColorSuccessBackground' | 'nutuiColorWarning' | 'nutuiColorWarningPressed' | 'nutuiColorWarningDisabled' | 'nutuiColorWarningLight' | 'nutuiColorWarningBackground' | 'nutuiColorDanger' | 'nutuiColorDangerPressed' | 'nutuiColorDangerDisabled' | 'nutuiColorDangerLight' | 'nutuiColorDangerBackground' | 'nutuiGray12' | 'nutuiGray0' | 'nutuiGray1' | 'nutuiWhite12' | 'nutuiBlack8' | 'nutuiGray3' | 'nutuiBlack3' | 'nutuiGray4' | 'nutuiGray7' | 'nutuiGray6' | 'nutuiGray5' | 'nutuiColorTextDisabled' | 'nutuiFontWeight' | 'nutuiFontWeightBold' | 'nutuiLineHeightBase' | 'nutuiSpacing1' | 'nutuiSpacing2' | 'nutuiSpacing3' | 'nutuiSpacing4' | 'nutuiSpacing5' | 'nutuiSpacing6' | 'nutuiSpacing7' | 'nutuiSpacing8' | 'nutuiRadius1' | 'nutuiRadius2' | 'nutuiRadius3' | 'nutuiRadius4' | 'nutuiRadius5' | 'nutuiRadius6' | 'nutuiGray2' | 'nutuiBlack10' | 'nutuiBlack2' | 'nutuiFontSize1' | 'nutuiFontSize2' | 'nutuiFontSize3' | 'nutuiFontSize4' | 'nutuiFontSize5' | 'nutuiFontSize6' | 'nutuiFontSize8' | 'nutuiFontSize10' | 'nutuiColorPrimaryText' | 'nutuiColorInfo' | 'nutuiColorTextLink' | 'nutuiPaddingXs' | 'nutuiButtonSquareBorderRadius' | 'nutuiButtonBorderRadius' | 'nutuiButtonBorderWidth' | 'nutuiButtonNormalPadding' | 'nutuiButtonDefaultHeight' | 'nutuiButtonDefaultColor' | 'nutuiButtonDefaultBackgroundColor' | 'nutuiButtonDefaultBorderColor' | 'nutuiButtonDefaultDisabled' | 'nutuiButtonDefaultPadding' | 'nutuiButtonDefaultFontSize' | 'nutuiButtonDefaultFontWeight' | 'nutuiButtonLargeWidth' | 'nutuiButtonLargeHeight' | 'nutuiButtonLargePadding' | 'nutuiButtonLargeFontSize' | 'nutuiButtonLargeFontWeight' | 'nutuiButtonSmallFontSize' | 'nutuiButtonSmallPadding' | 'nutuiButtonSmallHeight' | 'nutuiButtonMiniPadding' | 'nutuiButtonMiniHeight' | 'nutuiButtonMiniFontSize' | 'nutuiButtonPrimaryColor' | 'nutuiButtonPrimaryBorderColor' | 'nutuiButtonPrimaryDisabled' | 'nutuiButtonSuccessColor' | 'nutuiButtonSuccessBorderColor' | 'nutuiButtonSuccessBackgroundColor' | 'nutuiButtonSuccessDisabled' | 'nutuiButtonWarningColor' | 'nutuiButtonWarningBorderColor' | 'nutuiButtonWarningBackgroundColor' | 'nutuiButtonWarningDisabled' | 'nutuiButtonDangerColor' | 'nutuiButtonDangerBorderColor' | 'nutuiButtonDangerBackgroundColor' | 'nutuiButtonDangerDisabled' | 'nutuiButtonTextIconMargin' | 'nutuiCellTitleColor' | 'nutuiCellTitleFontSize' | 'nutuiCellDescriptionFontSize' | 'nutuiCellDescriptionColor' | 'nutuiCellExtraFontSize' | 'nutuiCellExtraColor' | 'nutuiCellBorderRadius' | 'nutuiCellPadding' | 'nutuiCellLineHeight' | 'nutuiCellDividerRight' | 'nutuiCellDividerLeft' | 'nutuiCellDividerBorderBottom' | 'nutuiCellBackgroundColor' | 'nutuiCellBoxShadow' | 'nutuiCellGroupTitlePadding' | 'nutuiCellGroupTitleColor' | 'nutuiCellGroupTitleFontSize' | 'nutuiCellGroupTitleLineHeight' | 'nutuiCellGroupDescriptionPadding' | 'nutuiCellGroupDescriptionColor' | 'nutuiCellGroupDescriptionFontSize' | 'nutuiCellGroupDescriptionLineHeight' | 'nutuiCellGroupBackgroundColor' | 'nutuiDividerMargin' | 'nutuiDividerTextFontSize' | 'nutuiDividerBorderColor' | 'nutuiDividerTextColor' | 'nutuiDividerLineHeight' | 'nutuiDividerSpacing' | 'nutuiDividerSideWidth' | 'nutuiDividerVerticalHeight' | 'nutuiDividerVerticalTop' | 'nutuiDividerVerticalMargin' | 'nutuiIconHeight' | 'nutuiIconWidth' | 'nutuiIconLineHeight' | 'nutuiUploaderImageWidth' | 'nutuiUploaderImageHeight' | 'nutuiUploaderImageBorder' | 'nutuiUploaderImageBorderRadius' | 'nutuiUploaderBackground' | 'nutuiUploaderBackgroundDisabled' | 'nutuiUploaderImageColor' | 'nutuiUploaderImageDisabled' | 'nutuiUploaderImageIconMarginBottom' | 'nutuiUploaderImageIconTipFontSize' | 'nutuiUploaderPreviewProgressBackground' | 'nutuiUploaderPreviewMarginRight' | 'nutuiUploaderPreviewMarginBottom' | 'nutuiUploaderPreviewTipsHeight' | 'nutuiUploaderPreviewTipsBackground' | 'nutuiBlack7' | 'nutuiUploaderPreviewTipsPadding' | 'nutuiUploaderPreviewCloseRight' | 'nutuiUploaderPreviewCloseTop' | 'nutuiPickerTitleCancelFontSize' | 'nutuiPickerTitleOkFontSize' | 'nutuiPickerListHeight' | 'nutuiPickerItemHeight' | 'nutuiPickerItemTextColor' | 'nutuiPickerItemTextFontSize' | 'nutuiPickerItemActiveLineBorder' | 'nutuiWhite7' | 'nutuiInputBorderBottom' | 'nutuiInputBorderBottomWidth' | 'nutuiInputDisabledColor' | 'nutuiInputFontSize' | 'nutuiInputBorderRadius' | 'nutuiInputColor' | 'nutuiInputBackgroundColor' | 'nutuiInputPadding' | 'nutuiTextareaFont' | 'nutuiTextareaPadding' | 'nutuiTextareaLimitColor' | 'nutuiTextareaTextColor' | 'nutuiTextareaTextCurrorColor' | 'nutuiTextareaTextLineHeight' | 'nutuiTextareaDisabledColor' | 'nutuiInputnumberInputWidth' | 'nutuiInputnumberInputHeight' | 'nutuiInputnumberInputBackgroundColor' | 'nutuiInputnumberInputFontColor' | 'nutuiInputnumberInputFontSize' | 'nutuiInputnumberInputBorder' | 'nutuiInputnumberInputBorderRadius' | 'nutuiInputnumberInputMargin' | 'nutuiInputnumberButtonWidth' | 'nutuiInputnumberButtonHeight' | 'nutuiInputnumberButtonBorderRadius' | 'nutuiInputnumberButtonBackgroundColor' | 'nutuiInputnumberIconColor' | 'nutuiInputnumberIconSize' | 'nutuiInputnumberDisabledColor' | 'nutuiActionsheetBackgroundColor' | 'nutuiActionsheetPadding' | 'nutuiActionsheetBorderColor' | 'nutuiActionsheetBorderRadius' | 'nutuiActionsheetItemTextAlign' | 'nutuiActionsheetItemBorderBottom' | 'nutuiActionsheetItemLineHeight' | 'nutuiActionsheetItemColor' | 'nutuiActionsheetItemDanger' | 'nutuiShortpasswordBackgroundColor' | 'nutuiShortpasswordBorderColor' | 'nutuiShortpasswordError' | 'nutuiShortpasswordForget' | 'nutuiNumberkeyboardPadding' | 'nutuiNumberkeyboardBackgroundColor' | 'nutuiNumberkeyboardWrapperBackgroundColor' | 'nutuiNumberkeyboardHeaderClosePadding' | 'nutuiNumberkeyboardHeaderCloseColor' | 'nutuiNumberkeyboardHeaderCloseFontSize' | 'nutuiNumberkeyboardHeaderCloseBackgroundColor' | 'nutuiNumberkeyboardKeyBackgroundColor' | 'nutuiNumberkeyboardKeyActiveBackgroundColor' | 'nutuiNumberkeyboardKeyHeight' | 'nutuiNumberkeyboardKeyLineHeight' | 'nutuiNumberkeyboardKeyBorderRadius' | 'nutuiNumberkeyboardKeyBorder' | 'nutuiNumberkeyboardKeyFontSize' | 'nutuiNumberkeyboardKeyFontColor' | 'nutuiNumberkeyboardKeyConfirmFontSize' | 'nutuiNumberkeyboardKeyConfirmFontColor' | 'nutuiNumberkeyboardKeyConfirmBackgroundColor' | 'nutuiCountdownDisplay' | 'nutuiCountdownColor' | 'nutuiCountdownFontSize' | 'nutuiPriceSymbolPaddingRight' | 'nutuiPriceSymbolBigSize' | 'nutuiPriceIntegerBigSize' | 'nutuiPriceDecimalBigSize' | 'nutuiPriceLineColor' | 'nutuiPriceLineFontSize' | 'nutuiPriceSymbolMediumSize' | 'nutuiPriceIntegerMediumSize' | 'nutuiPriceDecimalMediumSize' | 'nutuiPriceSymbolSmallSize' | 'nutuiPriceIntegerSmallSize' | 'nutuiPriceDecimalSmallSize' | 'nutuiAvatarSquare' | 'nutuiAvatarLargeWidth' | 'nutuiAvatarLargeHeight' | 'nutuiAvatarSmallWidth' | 'nutuiAvatarSmallHeight' | 'nutuiAvatarNormalWidth' | 'nutuiAvatarNormalHeight' | 'nutuiSwitchCloseBackgroundColor' | 'nutuiSwitchOpenBackgroundColor' | 'nutuiSwitchCloseDisabledBackgroundColor' | 'nutuiSwitchOpenDisabledBackgroundColor' | 'nutuiSwitchCloseLineBgColor' | 'nutuiSwitchWidth' | 'nutuiSwitchHeight' | 'nutuiSwitchLineHeight' | 'nutuiSwitchBorderRadius' | 'nutuiSwitchInsideWidth' | 'nutuiSwitchInsideHeight' | 'nutuiSwitchInsideOpenTransform' | 'nutuiSwitchInsideCloseTransform' | 'nutuiSwitchBoxShadow' | 'nutuiToastTitleFontSize' | 'nutuiToastTextFontSize' | 'nutuiToastFontColor' | 'nutuiToastInnerPadding' | 'nutuiToastInnerBgColor' | 'nutuiToastInnerBorderRadius' | 'nutuiToastInnerTop' | 'nutuiTourMaskBorderRadius' | 'nutuiTourContentMinWidth' | 'nutuiTourContentPadding' | 'nutuiTourContentInnerMargin' | 'nutuiTourContentInnerFontSize' | 'nutuiTourContentBottomMarginTop' | 'nutuiTourContentBottomBtnMarginLeft' | 'nutuiTourContentBottomBtnPadding' | 'nutuiTourContentBottomBtnFontSize' | 'nutuiTourContentBottomBtnBorderRadius' | 'nutuiBacktopBorderColor' | 'nutuiCalendarChooseBackgroundColor' | 'nutuiCalendarChooseBackgroundColorDisabled' | 'nutuiCalendarBaseFontSize' | 'nutuiCalendarTitleFontSize' | 'nutuiCalendarTitleFontWeight' | 'nutuiCalendarSubTitleFontSize' | 'nutuiCalendarHeaderHeight' | 'nutuiCalendarDayWidth' | 'nutuiCalendarDayHeight' | 'nutuiCalendarDayFontWeight' | 'nutuiCalendarDayActiveBorderRadius' | 'nutuiOverlayBgColor' | 'nutuiOverlayZIndex' | 'nutuiOverlayContentBgColor' | 'nutuiOverlayContentColor' | 'nutuiOverlayAnimationDuration' | 'nutuiPopupBorderRadius' | 'nutuiPopupIconSize' | 'nutuiPopupTitlePadding' | 'nutuiPopupTitleFontSize' | 'nutuiPopupDescriptionFontSize' | 'nutuiPopupTitleHeight' | 'nutuiPopupTitleBorderBottom' | 'nutuiPopupAnimationDuration' | 'nutuiNotifyTextColor' | 'nutuiNotifyPadding' | 'nutuiNotifyFontSize' | 'nutuiNotifyHeight' | 'nutuiNotifyBaseBackgroundColor' | 'nutuiNotifyPrimaryBackgroundColor' | 'nutuiNotifySuccessBackgroundColor' | 'nutuiNotifyDangerBackgroundColor' | 'nutuiNotifyWarningBackgroundColor' | 'nutuiRateItemMargin' | 'nutuiRateIconColor' | 'nutuiRateIconInactiveColor' | 'nutuiTabbarHeight' | 'nutuiTabbarActiveColor' | 'nutuiTabbarInactiveColor' | 'nutuiTabbarBorderTop' | 'nutuiTabbarBorderBottom' | 'nutuiTabbarBoxShadow' | 'nutuiTabbarTextFontSize' | 'nutuiTabbarTextLargeFontSize' | 'nutuiTabbarTextLargeFontWeight' | 'nutuiTabbarTextLineHeight' | 'nutuiTabbarTextMarginTop' | 'nutuiPulltorefreshTopIconWidth' | 'nutuiPulltorefreshTopIconHeight' | 'nutuiInfiniteloadingColor' | 'nutuiInfiniteloadingBottomIconSize' | 'nutuiRangeColor' | 'nutuiRangeHeight' | 'nutuiRangeMargin' | 'nutuiRangeInactiveColor' | 'nutuiRangeActiveColor' | 'nutuiRangeButtonBackground' | 'nutuiRangeButtonWidth' | 'nutuiRangeButtonHeight' | 'nutuiRangeButtonBorder' | 'nutuiSwiperIndicatorBottom' | 'nutuiStepsBaseIconWidth' | 'nutuiStepsBaseIconHeight' | 'nutuiStepsBaseIconLineHeight' | 'nutuiStepsBaseIconMarginBottom' | 'nutuiStepsBaseIconFontSize' | 'nutuiStepsBaseLineWidth' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsWaitIconBgColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsProcessIconBgColor' | 'nutuiStepsProcessIconBeforeBgColor' | 'nutuiStepsProcessIconColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessTitleFontSize' | 'nutuiStepsProcessTitleFontWeight' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsFinishIconBgColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsFinishIconBorderColor' | 'nutuiStepsFinishTitleColor' | 'nutuiStepsFinishDescriptionColor' | 'nutuiStepsFinishLineBackground' | 'nutuiStepsDotFinishIconBgColor' | 'nutuiStepsDotWaitIconBgColor' | 'nutuiStepsDotIconWidth' | 'nutuiStepsDotIconHeight' | 'nutuiStepsDotIconBorder' | 'nutuiStepsDotHeadMargin' | 'nutuiDialogZIndex' | 'nutuiDialogWidth' | 'nutuiDialogPadding' | 'nutuiDialogMinHeight' | 'nutuiDialogBorderRadius' | 'nutuiDialogFooterJustifyContent' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiCheckboxLabelMarginLeft' | 'nutuiCheckboxLabelColor' | 'nutuiCheckboxLabelFontSize' | 'nutuiCheckboxIconFontSize' | 'nutuiCheckboxButtonFontSize' | 'nutuiCheckboxButtonPadding' | 'nutuiCheckboxButtonBorderRadius' | 'nutuiCheckboxButtonActiveBorder' | 'nutuiCheckboxButtonDisabledActiveColor' | 'nutuiRadioIconFontSize' | 'nutuiRadioLabelFontSize' | 'nutuiRadioLabelColor' | 'nutuiRadioLabelMarginLeft' | 'nutuiRadioButtonFontSize' | 'nutuiRadioButtonPadding' | 'nutuiRadioButtonBorderRadius' | 'nutuiRadioButtonActiveBorder' | 'nutuiRadioButtonDisabledActiveColor' | 'nutuiRadiogroupRadioMargin' | 'nutuiRadiogroupRadioLabelMargin' | 'nutuiSignatureBorderColor' | 'nutuiSignatureBorderWidth' | 'nutuiSignatureHeight' | 'nutuiSignatureBackgroundColor' | 'nutuiSignatureFontSize' | 'nutuiFixednavBackgroundColor' | 'nutuiFixednavColor' | 'nutuiFixednavIndex' | 'nutuiFixednavButtonBackground' | 'nutuiFixednavItemActiveColor' | 'nutuiNoticebarHeight' | 'nutuiNoticebarBackground' | 'nutuiNoticebarColor' | 'nutuiNoticebarFontSize' | 'nutuiNoticebarLineHeight' | 'nutuiNoticebarBoxPadding' | 'nutuiNoticebarBorderRadius' | 'nutuiNoticebarWrapablePadding' | 'nutuiNoticebarIconGap' | 'nutuiNoticebarLeftIconWidth' | 'nutuiNoticebarRightIconWidth' | 'nutuiTimeselectDateWidth' | 'nutuiTimeselectDateHeight' | 'nutuiTimeselectDateActiveColor' | 'nutuiTimeselectTimeWidth' | 'nutuiTimeselectTimeHeight' | 'nutuiTimeselectTimeMargin' | 'nutuiTimeselectTimeBackground' | 'nutuiTagPadding' | 'nutuiTagFontSize' | 'nutuiTagBorderRadius' | 'nutuiTagHeight' | 'nutuiTagColor' | 'nutuiTagBorderWidth' | 'nutuiTagBackgroundColor' | 'nutuiTagPrimaryBackgroundColor' | 'nutuiTagInfoBackgroundColor' | 'nutuiTagSuccessBackgroundColor' | 'nutuiTagDangerBackgroundColor' | 'nutuiTagWarningBackgroundColor' | 'nutuiTagRoundBorderRadius' | 'nutuiTagMarkBorderRadius' | 'nutuiBadgeHeight' | 'nutuiBadgeBackgroundColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgeMinWidth' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverFontSize' | 'nutuiPopoverBorderColor' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverDividerColor' | 'nutuiPopoverMenuItemPadding' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiPaginationLiteWidth' | 'nutuiPaginationLiteHeight' | 'nutuiPaginationLiteRadius' | 'nutuiPaginationLiteBackgroundColor' | 'nutuiPaginationLiteActiveBackgroundColor' | 'nutuiBlack5' | 'nutuiTabsTitlesHeight' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesGap' | 'nutuiTabsTitlesFontSize' | 'nutuiTabsTitlesItemMinWidth' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsTitlesItemActiveFontSize' | 'nutuiTabsTitlesItemActiveBackgroundColor' | 'nutuiTabsTabLineWidth' | 'nutuiTabsTabLineHeight' | 'nutuiTabsTabLineColor' | 'nutuiTabsLineBottom' | 'nutuiTabsLineBorderRadius' | 'nutuiTabsTabLineOpacity' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTabLineWidth' | 'nutuiTabsVerticalTabLineHeight' | 'nutuiTabsTitlesItemSmileBottom' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderRadiusSize' | 'nutuiIndicatorDotMargin' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuBarLineHeight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuTitlePadding' | 'nutuiMenuTitleFontSize' | 'nutuiMenuTitleColor' | 'nutuiMenuContainerZIndex' | 'nutuiMenuContentPadding' | 'nutuiMenuContentMaxHeight' | 'nutuiMenuContentBackgroundColor' | 'nutuiMenuItemActiveColor' | 'nutuiMenuItemActiveFontWeight' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuItemPadding' | 'nutuiMenuItemIconMargin' | 'nutuiCollapseItemBorderBottom' | 'nutuiCollapseItemHeaderBorderBottom' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarWidth' | 'nutuiSearchbarPadding' | 'nutuiSearchbarBackground' | 'nutuiSearchbarColor' | 'nutuiSearchbarGap' | 'nutuiSearchbarFontSize' | 'nutuiSearchbarContentPadding' | 'nutuiSearchbarContentBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarContentRoundBorderRadius' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputTextAlign' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyImageSmallSize' | 'nutuiEmptyTitleMarginTop' | 'nutuiEmptyTitleMarginBottom' | 'nutuiEmptyTitleLineHeight' | 'nutuiEmptyDescriptionMarginTop' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiCascaderFontSize' | 'nutuiCascaderPaneHeight' | 'nutuiCascaderPanePaddingTop' | 'nutuiCascaderIconChecklistMarginLeft' | 'nutuiCascaderTabsItemPadding' | 'nutuiCascaderBarPadding' | 'nutuiCascaderBarFontSize' | 'nutuiCascaderBarLineHeight' | 'nutuiCascaderBarColor' | 'nutuiCascaderItemHeight' | 'nutuiCascaderItemPadding' | 'nutuiCascaderItemMargin' | 'nutuiCascaderItemBorderBottom' | 'nutuiCascaderItemColor' | 'nutuiCascaderItemFontSize' | 'nutuiCascaderItemActiveColor' | 'nutuiFormItemErrorLineColor' | 'nutuiFormItemRequiredColor' | 'nutuiFormItemErrorMessageColor' | 'nutuiFormItemLabelFontSize' | 'nutuiFormItemLabelWidth' | 'nutuiFormItemLabelMarginRight' | 'nutuiFormItemLabelTextAlign' | 'nutuiFormItemRequiredMarginRight' | 'nutuiFormItemBodyFontSize' | 'nutuiFormItemBodySlotsTextAlign' | 'nutuiFormItemBodyInputTextAlign' | 'nutuiFormItemTipFontSize' | 'nutuiFormItemTipTextAlign' | 'nutuiSkeletonBackground' | 'nutuiSkeletonLineWidth' | 'nutuiSkeletonLineHeight' | 'nutuiSkeletonLineBorderRadius' | 'nutuiCardLeftBorderRadius' | 'nutuiCardBackgroundColor' | 'nutuiGridBorderColor' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidenavbarContentBgColor' | 'nutuiSidenavbarItemHeight' | 'nutuiSidenavbarTitlePadding' | 'nutuiSidenavbarTitleBackground' | 'nutuiSidenavbarTitleColor' | 'nutuiSidenavbarSubTitlePadding' | 'nutuiSidenavbarSubTitleBackground' | 'nutuiSidenavbarSubTitleColor' | 'nutuiSidenavbarSubItemColor' | 'nutuiSidenavbarSubItemPadding' | 'nutuiSidenavbarSubListBackground' | 'nutuiElevatorListBgColor' | 'nutuiElevatorListFontSize' | 'nutuiElevatorListColor' | 'nutuiElevatorListItemPadding' | 'nutuiElevatorListItemNameHeight' | 'nutuiElevatorListItemNameLineHeight' | 'nutuiElevatorListItemCodeFontSize' | 'nutuiElevatorListItemCodeColor' | 'nutuiElevatorListItemCodeFontWeight' | 'nutuiElevatorListItemCodeHeight' | 'nutuiElevatorListItemCodeLineHeight' | 'nutuiElevatorListItemCodeBorderBottom' | 'nutuiElevatorListItemCodeBackgroundColor' | 'nutuiElevatorListItemCodeCurrentBgColor' | 'nutuiElevatorListItemCodeCurrentBorderRadius' | 'nutuiElevatorListItemCodeCurrentWidth' | 'nutuiElevatorListItemCodeCurrentHeight' | 'nutuiElevatorListItemCodeCurrentLineHeight' | 'nutuiElevatorListItemCodeCurrentRight' | 'nutuiElevatorListItemCodeCurrentTop' | 'nutuiElevatorListItemCodeCurrentTextAlign' | 'nutuiElevatorBarsRight' | 'nutuiElevatorBarsTop' | 'nutuiElevatorBarsTransform' | 'nutuiElevatorBarsPadding' | 'nutuiElevatorBarsBackgroundColor' | 'nutuiElevatorBarsBorderRadius' | 'nutuiElevatorBarsZIndex' | 'nutuiElevatorBarsInnerItemPadding' | 'nutuiElevatorBarsFontSize' | 'nutuiElevatorBarsActiveColor' | 'nutuiElevatorListFixedColor' | 'nutuiElevatorListFixedBgColor' | 'nutuiElevatorListFixedBoxShadow' | 'nutuiListItemMargin' | 'nutuiAddresslistBg' | 'nutuiAddresslistBorder' | 'nutuiAddresslistFontColor' | 'nutuiAddresslistFontSize' | 'nutuiAddresslistMaskBg' | 'nutuiAddresslistAddrFontColor' | 'nutuiAddresslistAddrFontSize' | 'nutuiAddresslistSetBg' | 'nutuiAddresslistDelBg' | 'nutuiAddresslistContntsContactDefault' | 'nutuiAddresslistContntsContactColor' | 'nutuiCircleprogressPrimaryColor' | 'nutuiCircleprogressPathColor' | 'nutuiCircleprogressTextColor' | 'nutuiCircleprogressTextSize' | 'nutuiEllipsisExpandCollapseColor' | 'nutuiWatermarkZIndex' | 'nutuiTrendarrowFontSize' | 'nutuiTrendarrowIconMargin' | 'nutuiCountupWidth' | 'nutuiCountupHeight' | 'nutuiCountupBaseSize' | 'nutuiCountupBorderRadius' | 'nutuiCountupLrMargin' | 'nutuiCountupBgColor' | 'nutuiCountupColor' | 'nutuiColDefaultMarginBottom' | 'nutuiSpaceGap' | 'nutuiLoadingIconColor' | 'nutuiLoadingIconSize' | 'nutuiLoadingColor' | 'nutuiLoadingFontSize' | 'nutuiWhite1' | 'nutuiWhite8' | 'nutuiSafeAreaMultiple' | 'nutuiBrand4' | 'nutuiBrand3' | 'nutuiBlack1';

package/dist/esm/types/src/packages/dialog/config.d.ts

@@ -9,6 +9,7 @@ export interface BasicDialogProps extends BasicComponent {
     visible?: boolean;
     title?: ReactNode;
     content?: ReactNode;
+    header?: ReactNode;
     footer?: ReactNode;
     confirmText?: ReactNode;
     cancelText?: ReactNode;

package/dist/esm/types/src/packages/dialog/content.d.ts

@@ -2,6 +2,7 @@ import { FunctionComponent, ReactNode, HTMLAttributes } from 'react';
 interface ContentProps {
     visible: boolean;
     title: ReactNode;
+    header: ReactNode;
     footer: ReactNode;
     footerDirection: string;
 }

package/dist/esm/types/src/packages/dialog/content.taro.d.ts

@@ -4,6 +4,7 @@ import { BasicComponent } from '@/utils/typings';
 interface ContentProps extends BasicComponent {
     visible: boolean;
     title: ReactNode;
+    header: ReactNode;
     footer: ReactNode;
     footerDirection: string;
     onClick: (event: ITouchEvent) => void;

package/dist/esm/types/src/packages/empty/demo.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import './demo.scss';
 declare const EmptyDemo: () => React.JSX.Element;
 export default EmptyDemo;

package/dist/esm/types/src/packages/empty/demo.taro.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import '@/packages/empty/demo.scss';
 declare const EmptyDemo: () => React.JSX.Element;
 export default EmptyDemo;

package/dist/esm/types/src/packages/empty/empty.d.ts

@@ -1,9 +1,13 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { BasicComponent } from '@/utils/typings';
+import { EmptyAction } from '@/packages/empty/index';
 export interface EmptyProps extends BasicComponent {
     image?: ReactNode;
     imageSize: number | string;
+    title: ReactNode;
     description: ReactNode;
+    size: 'small' | 'base';
     status: 'empty' | 'error' | 'network';
+    actions: Array<EmptyAction>;
 }
-export declare const Empty: FunctionComponent<Partial<EmptyProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const Empty: FunctionComponent<Partial<EmptyProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;

package/dist/esm/types/src/packages/empty/empty.taro.d.ts

@@ -1,9 +1,13 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { BasicComponent } from '@/utils/typings';
+import { EmptyAction } from '@/packages/empty/index.taro';
 export interface EmptyProps extends BasicComponent {
     image?: ReactNode;
     imageSize: number | string;
+    title: ReactNode;
     description: ReactNode;
+    size: 'small' | 'base';
     status: 'empty' | 'error' | 'network';
+    actions: Array<EmptyAction>;
 }
-export declare const Empty: FunctionComponent<Partial<EmptyProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const Empty: FunctionComponent<Partial<EmptyProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;

package/dist/esm/types/src/packages/empty/index.d.ts

@@ -1,3 +1,4 @@
 import { Empty } from './empty';
 export type { EmptyProps } from './empty';
+export type { EmptyAction } from './types';
 export default Empty;

package/dist/esm/types/src/packages/empty/index.taro.d.ts

@@ -1,3 +1,4 @@
 import { Empty } from './empty.taro';
 export type { EmptyProps } from './empty';
+export type { EmptyAction } from './types';
 export default Empty;

package/dist/esm/types/src/packages/empty/types.d.ts

@@ -0,0 +1,3 @@
+export interface EmptyAction {
+    text: string;
+}