@nutui/nutui-react 2.2.0 → 2.3.0-beta.1

package/dist/esm/griditem2.js

@@ -61,8 +61,7 @@ var GridItem = function GridItem2(props) {
     return styles;
   };
   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"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-content-border"), true), "".concat(classPrefix, "-content-surround"), gap), "".concat(classPrefix, "-content-center"), center), "".concat(classPrefix, "-content-square"), square), "".concat(classPrefix, "-content-reverse"), reverse), "".concat(classPrefix, "-content-").concat(direction), !!direction));
   };
   var handleClick = function handleClick2(e) {
     onClick2 && onClick2(e);
@@ -85,7 +84,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

@@ -70,8 +70,7 @@ var MenuItem = forwardRef(function(props, ref) {
     };
   });
   var getIconCName = function getIconCName2(optionVal, value2) {
-    var _classNames;
-    return classNames((_classNames = {}, _defineProperty(_classNames, activeTitleClass, optionVal === value2), _defineProperty(_classNames, inactiveTitleClass, optionVal !== value2), _classNames));
+    return classNames(_defineProperty(_defineProperty({}, activeTitleClass, optionVal === value2), inactiveTitleClass, optionVal !== value2));
   };
   var setTitle = function setTitle2(text) {
     if (!title) {
@@ -141,10 +140,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 +153,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

@@ -54,8 +54,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 }, defaultOverlayProps);
 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 +70,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(_defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix), true), "".concat(classPrefix, "-round"), round || position === "bottom"), "".concat(classPrefix, "-").concat(position), true), className);
+  var closeClasses = classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-title-right"), true), "".concat(classPrefix, "-title-right-").concat(closeIconPosition), true));
   var open = function open2() {
     if (!innerVisible) {
       setInnerVisible(true);
@@ -127,24 +124,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 +160,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,24 @@ 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"), _defineProperty(_defineProperty({}, "".concat(classPrefix, "-button-active"), checkedStatement), "".concat(classPrefix, "-button-disabled"), disabled))
     }, 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 _defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-icon-disabled"), disabled), "".concat(classPrefix, "-icon"), !checkedStatement), "".concat(classPrefix, "-icon-checked"), checkedStatement);
   };
   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 +112,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

@@ -40,7 +40,6 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 });
 var classPrefix = "nut-tabs";
 var Tabs = function Tabs2(props) {
-  var _classNames;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), activeColor = _defaultProps$props.activeColor, tabStyle = _defaultProps$props.tabStyle, direction = _defaultProps$props.direction, activeType = _defaultProps$props.activeType, duration = _defaultProps$props.duration, align = _defaultProps$props.align, title = _defaultProps$props.title, children = _defaultProps$props.children, onClick = _defaultProps$props.onClick, onChange = _defaultProps$props.onChange, className = _defaultProps$props.className, autoHeight = _defaultProps$props.autoHeight, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _usePropsValue = usePropsValue({
     value: props.value,
@@ -105,7 +104,7 @@ var Tabs = function Tabs2(props) {
     titles.current = getTitles();
     var current = "";
     titles.current.forEach(function(title2) {
-      if (title2.value == value) {
+      if (title2.value === value) {
         current = value;
       }
     });
@@ -115,8 +114,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"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-titles-").concat(activeType), activeType), "".concat(classPrefix, "-titles-scrollable"), true), "".concat(classPrefix, "-titles-").concat(align), align));
   var tabsActiveStyle = {
     color: activeType === "smile" ? activeColor : "",
     background: activeType === "line" ? activeColor : ""
@@ -147,21 +146,20 @@ var Tabs = function Tabs2(props) {
     style: _objectSpread({}, tabStyle),
     ref: navRef
   }, !!title && typeof title === "function" ? title() : titles.current.map(function(item) {
-    var _classNames2;
     return React__default.createElement("div", {
       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"), _defineProperty(_defineProperty(_defineProperty({}, "nut-tabs-titles-item-active", !item.disabled && String(item.value) === String(value)), "nut-tabs-titles-item-disabled", item.disabled), "nut-tabs-titles-item-".concat(align), align)),
       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 +168,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/locales/zh-TW.d.ts

@@ -1,3 +1,3 @@
 import { BaseLang } from './base';
-declare const zhTW: BaseLang;
-export default zhTW;
+declare const zhCN: BaseLang;
+export default zhCN;

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

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

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

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

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

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

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

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

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

@@ -4,7 +4,7 @@ import { BasicComponent } from '@/utils/typings';
 export type ButtonType = 'default' | 'primary' | 'info' | '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

@@ -6,7 +6,7 @@ type OmitMiniProgramButtonProps = Omit<MiniProgramButtonProps, 'size' | 'type' |
 export type ButtonType = 'default' | 'primary' | 'info' | '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/button/demo.d.ts

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

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

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

package/dist/esm/types/src/packages/calendarcard/icon.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-export declare const Left: FC;
-export declare const Right: FC;
+export declare const ArrowLeft: FC;
+export declare const ArrowRight: FC;
 export declare const DoubleLeft: FC;
 export declare const DoubleRight: FC;

package/dist/esm/types/src/packages/calendarcard/icon.taro.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-export declare const Left: FC;
-export declare const Right: FC;
+export declare const ArrowLeft: FC;
+export declare const ArrowRight: FC;
 export declare const DoubleLeft: FC;
 export declare const DoubleRight: FC;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { PopupProps } from '@/packages/popup/popup';
 import { CascaderOption, CascaderValue, CascaderOptionKey } from './types';
 export interface CascaderProps extends Pick<PopupProps, 'className' | 'style' | 'closeIcon' | 'closeable' | 'title' | 'left' | 'closeIconPosition' | 'onClose'> {
@@ -14,7 +14,7 @@ export interface CascaderProps extends Pick<PopupProps, 'className' | 'style' |
     format: Record<string, string | number | null>;
     closeable: boolean;
     closeIconPosition: string;
-    closeIcon: string;
+    closeIcon: ReactNode;
     lazy: boolean;
     onLoad: (node: any, resolve: any) => void;
     onChange: (value: CascaderValue, params?: any) => void;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { PopupProps } from '@/packages/popup/popup.taro';
 import { CascaderOption, CascaderValue, CascaderOptionKey } from './types';
 export interface CascaderProps extends Pick<PopupProps, 'className' | 'style' | 'closeIcon' | 'closeable' | 'title' | 'left' | 'closeIconPosition' | 'onClose'> {
@@ -14,7 +14,7 @@ export interface CascaderProps extends Pick<PopupProps, 'className' | 'style' |
     format: Record<string, string | number | null>;
     closeable: boolean;
     closeIconPosition: string;
-    closeIcon: string;
+    closeIcon: ReactNode;
     lazy: boolean;
     onLoad: (node: any, resolve: any) => void;
     onChange: (value: CascaderValue, params?: any) => void;

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;