@nutui/nutui-react-taro 2.6.13 → 3.0.0-beta.0

package/dist/es/packages/collapseitem/style/style.harmony.css

@@ -0,0 +1,100 @@
+.nut-collapse-item {
+  position: relative;
+}
+.nut-collapse-item::after {
+  position: absolute;
+  box-sizing: border-box;
+  content: " ";
+  pointer-events: none;
+  right: 16px;
+  left: 16px;
+  bottom: 0;
+  border-bottom: none;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+.nut-collapse-item:last-child::after {
+  display: none;
+}
+.nut-collapse-item-header {
+  position: relative;
+  display: flex;
+  width: 100%;
+  overflow: hidden;
+  padding: 13px 26px;
+  font-size: 14px;
+  line-height: 24px;
+  background-color: #ffffff;
+  box-sizing: border-box;
+}
+.nut-collapse-item-header::after {
+  position: absolute;
+  box-sizing: border-box;
+  content: " ";
+  pointer-events: none;
+  right: 16px;
+  left: 16px;
+  bottom: 0;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+.nut-collapse-item-title {
+  color: #1A1A1A;
+  display: flex;
+  align-items: center;
+}
+.nut-collapse-item-extra {
+  flex: 1;
+  display: flex;
+  justify-content: flex-end;
+  padding: 0px 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: #505259;
+}
+.nut-collapse-item-icon-box {
+  display: flex;
+  width: 24px;
+  position: relative;
+  color: #505259;
+}
+.nut-collapse-item-icon {
+  display: flex;
+  align-items: center;
+  position: absolute;
+  top: 50%;
+  left: 5px;
+  transform: translateY(-50%);
+  transform-origin: center;
+  transition: transform 0.3s;
+}
+.nut-collapse-item-header.disabled {
+  color: #C2C4CC;
+}
+.nut-collapse-item-header.disabled .nut-collapse-item-title {
+  color: #C2C4CC;
+}
+.nut-collapse-item-header.disabled .nut-collapse-item-icon {
+  color: #C2C4CC;
+}
+.nut-collapse-item-content {
+  overflow: hidden;
+  display: block;
+  color: #505259;
+  font-size: 14px;
+  line-height: 1.5;
+  background-color: #ffffff;
+  transition: all 0.3s linear;
+}
+.nut-collapse-item-content-text {
+  color: #505259;
+  padding: 12px 26px;
+}
+
+[dir=rtl] .nut-collapse-item-icon,
+.nut-rtl .nut-collapse-item-icon {
+  left: auto;
+  right: 5px;
+}

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

@@ -0,0 +1,18 @@
+import { FunctionComponent } from 'react';
+import { BasicComponent } from "../../utils/typings";
+import { BaseLang } from "../../locales/base";
+import type { NutCSSVariables } from './types';
+export interface ConfigProviderProps extends BasicComponent {
+    locale: BaseLang;
+    direction?: ConfigProviderDirection;
+    theme?: Record<string | NutCSSVariables, string>;
+}
+export type ConfigProviderDirection = 'ltr' | 'rtl' | undefined;
+export declare const defaultConfigRef: {
+    current: ConfigProviderProps;
+};
+export declare const setDefaultConfig: (config: ConfigProviderProps) => void;
+export declare const getDefaultConfig: () => ConfigProviderProps;
+export declare const useConfig: () => ConfigProviderProps;
+export declare const useRtl: () => boolean;
+export declare const ConfigProvider: FunctionComponent<Partial<ConfigProviderProps & BasicComponent>>;

package/dist/es/packages/configprovider/configprovider.js

@@ -0,0 +1,75 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import React, { createContext, useContext } from "react";
+import classNames from "classnames";
+import kebabCase from "lodash.kebabcase";
+import isequal from "lodash.isequal";
+import { View } from "@tarojs/components";
+import useMemo from "../../utils/use-memo";
+import zhCN from "../../locales/zh-CN";
+var classPrefix = 'nut-configprovider';
+export var defaultConfigRef = {
+    current: {
+        locale: zhCN,
+        direction: 'ltr'
+    }
+};
+export var setDefaultConfig = function(config) {
+    defaultConfigRef.current = config;
+};
+export var getDefaultConfig = function() {
+    return defaultConfigRef.current;
+};
+// 创建一个 Context 对象
+var ConfigContext = /*#__PURE__*/ createContext(null);
+export var useConfig = function() {
+    var _useContext;
+    return (_useContext = useContext(ConfigContext)) !== null && _useContext !== void 0 ? _useContext : getDefaultConfig();
+};
+function convertThemeVarsToCSSVars(themeVars) {
+    var cssVars = {};
+    Object.keys(themeVars).forEach(function(key) {
+        cssVars["--".concat(kebabCase(key))] = themeVars[key];
+    });
+    return cssVars;
+}
+export var useRtl = function() {
+    var direction = useConfig().direction;
+    return direction === 'rtl';
+};
+export var ConfigProvider = function(props) {
+    var style = props.style, className = props.className, children = props.children, direction = props.direction, config = _object_without_properties(props, [
+        "style",
+        "className",
+        "children",
+        "direction"
+    ]);
+    var mergedConfig = useMemo(function() {
+        return _object_spread_props(_object_spread({}, getDefaultConfig(), config), {
+            direction: direction
+        });
+    }, [
+        config,
+        direction
+    ], function(prev, next) {
+        return prev.some(function(prevTheme, index) {
+            var nextTheme = next[index];
+            return !isequal(prevTheme, nextTheme);
+        });
+    });
+    var cssVarStyle = React.useMemo(function() {
+        return convertThemeVarsToCSSVars(mergedConfig.theme || {});
+    }, [
+        mergedConfig.theme
+    ]);
+    return /*#__PURE__*/ React.createElement(ConfigContext.Provider, {
+        value: mergedConfig
+    }, /*#__PURE__*/ React.createElement(View, {
+        className: classNames(classPrefix, className, "nut-".concat(direction)),
+        style: _object_spread_props(_object_spread({}, cssVarStyle, style), {
+            direction: direction
+        })
+    }, children));
+};
+ConfigProvider.displayName = 'NutConfigProvider';

package/dist/es/packages/configprovider/index.d.ts

@@ -0,0 +1,5 @@
+import { ConfigProvider, useConfig, setDefaultConfig, getDefaultConfig, useRtl } from "./configprovider";
+export type { ConfigProviderProps, ConfigProviderDirection, } from "./configprovider";
+export type { NutCSSVariables } from './types';
+export { useConfig, setDefaultConfig, getDefaultConfig, useRtl };
+export default ConfigProvider;

package/dist/es/packages/configprovider/index.js

@@ -0,0 +1,3 @@
+import { ConfigProvider, useConfig, setDefaultConfig, getDefaultConfig, useRtl } from "./configprovider";
+export { useConfig, setDefaultConfig, getDefaultConfig, useRtl };
+export default ConfigProvider;

package/dist/es/packages/configprovider/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/es/packages/configprovider/style/index.js

@@ -0,0 +1 @@
+import './configprovider.scss';

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

@@ -0,0 +1 @@
+export type NutCSSVariables = 'nutuiColorPrimary' | 'nutuiColorPrimaryStop1' | 'nutuiColorPrimaryStop2' | 'nutuiColorPrimaryPressed' | 'nutuiColorPrimaryDisabled' | 'nutuiColorPrimaryLight' | 'nutuiColorPrimaryLightPressed' | 'nutuiColorDefault' | 'nutuiColorDefaultPressed' | 'nutuiColorDefaultLight' | 'nutuiColorDefaultDisabled' | 'nutuiColorInfo' | 'nutuiColorInfoPressed' | 'nutuiColorInfoDisabled' | 'nutuiColorInfoLight' | 'nutuiColorInfoBackground' | 'nutuiColorSuccess' | 'nutuiColorSuccessPressed' | 'nutuiColorSuccessDisabled' | 'nutuiColorSuccessLight' | 'nutuiColorSuccessBackground' | 'nutuiColorWarning' | 'nutuiColorWarningPressed' | 'nutuiColorWarningDisabled' | 'nutuiColorWarningLight' | 'nutuiColorWarningBackground' | 'nutuiColorDanger' | 'nutuiColorDangerPressed' | 'nutuiColorDangerDisabled' | 'nutuiColorDangerLight' | 'nutuiColorDangerBackground' | 'nutuiGray12' | 'nutuiGray0' | 'nutuiGray1' | 'nutuiWhite12' | 'nutuiBlack8' | 'nutuiBlack3' | 'nutuiGray4' | 'nutuiGray7' | 'nutuiGray6' | 'nutuiGray5' | 'nutuiColorTextDisabled' | 'nutuiFontWeight' | 'nutuiFontWeightBold' | 'nutuiLineHeightBase' | 'nutuiSpacing2' | 'nutuiSpacing4' | 'nutuiSpacing6' | 'nutuiSpacing8' | 'nutuiSpacing10' | 'nutuiSpacing12' | 'nutuiSpacing14' | 'nutuiSpacing16' | 'nutuiRadius3' | 'nutuiRadius4' | 'nutuiRadius6' | 'nutuiRadius8' | 'nutuiRadius12' | 'nutuiRadius16' | 'nutuiRadius20' | 'nutuiRadius24' | 'nutuiGray3' | 'nutuiGray2' | 'nutuiBlack10' | 'nutuiBlack2' | 'nutuiFontSize1' | 'nutuiFontSize2' | 'nutuiFontSize3' | 'nutuiFontSize4' | 'nutuiFontSize6' | 'nutuiFontSize8' | 'nutuiFontSize10' | 'nutuiFontSize11' | 'nutuiColorPrimaryText' | 'nutuiColorTextLink' | 'nutuiPaddingXs' | 'nutuiButtonSquareBorderRadius' | 'nutuiButtonBorderRadius' | 'nutuiButtonBorderWidth' | 'nutuiButtonNormalPadding' | 'nutuiButtonDefaultHeight' | 'nutuiButtonDefaultColor' | 'nutuiButtonDefaultBackgroundColor' | 'nutuiButtonDefaultBorderColor' | 'nutuiButtonDefaultDisabled' | 'nutuiButtonDefaultDisabledColor' | 'nutuiButtonDefaultPadding' | 'nutuiButtonDefaultFontSize' | 'nutuiButtonDefaultFontWeight' | 'nutuiButtonXlargeHeight' | 'nutuiButtonXlargePadding' | 'nutuiButtonXlargeFontSize' | 'nutuiButtonLargeHeight' | 'nutuiButtonLargePadding' | 'nutuiButtonLargeFontSize' | 'nutuiButtonLargeFontWeight' | 'nutuiButtonLargeBorderRadius' | 'nutuiButtonSmallFontSize' | 'nutuiButtonSmallPadding' | 'nutuiButtonSmallHeight' | 'nutuiButtonSmallBorderRadius' | 'nutuiButtonMiniPadding' | 'nutuiButtonMiniHeight' | 'nutuiButtonMiniFontSize' | 'nutuiButtonMiniBorderRadius' | 'nutuiButtonPrimaryColor' | 'nutuiButtonPrimaryBorderColor' | 'nutuiButtonPrimaryDisabled' | 'nutuiButtonSuccessColor' | 'nutuiButtonSuccessBorderColor' | 'nutuiButtonSuccessBackgroundColor' | 'nutuiButtonSuccessDisabled' | 'nutuiButtonInfoColor' | 'nutuiButtonInfoBorderColor' | 'nutuiButtonInfoBackgroundColor' | 'nutuiButtonInfoDisabled' | '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' | 'nutuiCellGroupWrapMargin' | 'nutuiDividerMargin' | 'nutuiDividerTextFontSize' | 'nutuiDividerBorderColor' | 'nutuiDividerTextColor' | 'nutuiDividerLineHeight' | 'nutuiDividerSpacing' | 'nutuiDividerSideWidth' | 'nutuiDividerVerticalHeight' | 'nutuiDividerVerticalMargin' | 'nutuiIconHeight' | 'nutuiIconWidth' | 'nutuiIconLineHeight' | 'nutuiUploaderImageWidth' | 'nutuiUploaderImageHeight' | 'nutuiUploaderImageBorder' | 'nutuiUploaderImageBorderRadius' | 'nutuiUploaderBackground' | 'nutuiUploaderBackgroundDisabled' | 'nutuiUploaderImageColor' | 'nutuiUploaderImageDisabled' | 'nutuiUploaderImageIconMarginBottom' | 'nutuiUploaderImageIconTipFontSize' | 'nutuiUploaderPreviewProgressBackground' | 'nutuiUploaderPreviewMarginRight' | 'nutuiUploaderPreviewMarginBottom' | 'nutuiUploaderPreviewTipsHeight' | 'nutuiUploaderPreviewTipsBackground' | 'nutuiBlack7' | 'nutuiUploaderPreviewTipsPadding' | 'nutuiUploaderPreviewCloseRight' | 'nutuiUploaderPreviewCloseTop' | 'nutuiPickerTitleCancelColor' | 'nutuiPickerTitleCancelFontSize' | 'nutuiPickerTitleOkColor' | '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' | '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' | 'nutuiNumberkeyboardKeyColor' | 'nutuiNumberkeyboardKeyConfirmFontSize' | 'nutuiNumberkeyboardKeyConfirmColor' | 'nutuiNumberkeyboardKeyConfirmBackgroundColor' | 'nutuiCountdownDisplay' | 'nutuiCountdownColor' | 'nutuiCountdownFontSize' | 'nutuiCountdownFontWeight' | 'nutuiCountdownHeight' | 'nutuiCountdownWidth' | 'nutuiCountdownNumberPadding' | 'nutuiCountdownNumberBorderRadius' | 'nutuiCountdownNumberMargin' | 'nutuiCountdownNumberBorderColor' | 'nutuiCountdownNumberColor' | 'nutuiCountdownNumberBackgroundColor' | 'nutuiCountdownNumberPrimaryBorderColor' | 'nutuiCountdownNumberPrimaryColor' | 'nutuiCountdownNumberPrimaryBackgroundColor' | 'nutuiPriceSymbolPaddingRight' | 'nutuiPriceSymbolBigSize' | 'nutuiPriceIntegerBigSize' | 'nutuiPriceDecimalBigSize' | 'nutuiPriceLineColor' | 'nutuiPriceLineFontSize' | 'nutuiPriceSymbolMediumSize' | 'nutuiPriceIntegerMediumSize' | 'nutuiPriceDecimalMediumSize' | 'nutuiPriceSymbolSmallSize' | 'nutuiPriceIntegerSmallSize' | 'nutuiPriceDecimalSmallSize' | 'nutuiAvatarSquare' | 'nutuiAvatarLargeWidth' | 'nutuiAvatarLargeHeight' | 'nutuiAvatarSmallWidth' | 'nutuiAvatarSmallHeight' | 'nutuiAvatarNormalWidth' | 'nutuiAvatarNormalHeight' | 'nutuiSwitchCloseBackgroundColor' | 'nutuiSwitchOpenBackgroundColor' | 'nutuiSwitchCloseDisabledBackgroundColor' | 'nutuiSwitchOpenDisabledBackgroundColor' | 'nutuiSwitchCloseLineBackgroundColor' | 'nutuiSwitchWidth' | 'nutuiSwitchHeight' | 'nutuiSwitchLineHeight' | 'nutuiSwitchBorderRadius' | 'nutuiSwitchInsideWidth' | 'nutuiSwitchInsideHeight' | 'nutuiSwitchInsideBorderRadius' | 'nutuiSwitchInsideOpenTransform' | 'nutuiSwitchInsideCloseTransform' | 'nutuiSwitchBoxShadow' | 'nutuiToastInnerTextAlign' | 'nutuiToastTitleFontSize' | 'nutuiToastTextFontSize' | 'nutuiToastFontColor' | 'nutuiToastInnerPadding' | 'nutuiToastInnerBgColor' | 'nutuiToastInnerBorderRadius' | 'nutuiToastInnerTop' | 'nutuiTourMaskBorderRadius' | 'nutuiTourContentMinWidth' | 'nutuiTourContentPadding' | 'nutuiTourContentInnerMargin' | 'nutuiTourContentInnerFontSize' | 'nutuiTourContentBottomMarginTop' | 'nutuiTourContentBottomBtnMarginLeft' | 'nutuiTourContentBottomBtnPadding' | 'nutuiTourContentBottomBtnFontSize' | 'nutuiTourContentBottomBtnBorderRadius' | 'nutuiBacktopBorderColor' | 'nutuiCalendarActiveBackgroundColor' | 'nutuiCalendarChooseBackgroundColor' | 'nutuiCalendarChooseColor' | 'nutuiCalendarChooseDisableBackgroundColor' | 'nutuiCalendarDisableColor' | 'nutuiCalendarBaseFontSize' | 'nutuiCalendarTitleFontSize' | 'nutuiCalendarTitleFontWeight' | 'nutuiCalendarSubTitleFontSize' | 'nutuiCalendarHeaderHeight' | 'nutuiCalendarDayWidth' | 'nutuiCalendarDayHeight' | 'nutuiCalendarDayFontWeight' | 'nutuiCalendarDayActiveBorderRadius' | 'nutuiHoverbuttonSpacing' | 'nutuiHoverbuttonPositionBottom' | 'nutuiHoverbuttonPositionRight' | 'nutuiHoverbuttonItemBorderColor' | 'nutuiHoverbuttonItemBackground' | 'nutuiHoverbuttonItemBackgroundActive' | 'nutuiHoverbuttonItemIconColor' | 'nutuiHoverbuttonItemIconColorActive' | 'nutuiOverlayBgColor' | 'nutuiOverlayZIndex' | 'nutuiOverlayContentBgColor' | 'nutuiOverlayContentColor' | 'nutuiOverlayAnimationDuration' | 'nutuiPopupBorderRadius' | 'nutuiPopupIconSize' | 'nutuiPopupTitlePadding' | 'nutuiPopupTitleFontSize' | 'nutuiPopupDescriptionFontSize' | 'nutuiPopupTitleHeight' | 'nutuiPopupTitleBorderBottom' | 'nutuiPopupAnimationDuration' | 'nutuiPopupTitleFontWeight' | 'nutuiNotifyTextColor' | 'nutuiNotifyPadding' | 'nutuiNotifyFontSize' | 'nutuiNotifyHeight' | 'nutuiNotifyBaseBackgroundColor' | 'nutuiNotifyPrimaryBackgroundColor' | 'nutuiNotifySuccessBackgroundColor' | 'nutuiNotifyDangerBackgroundColor' | 'nutuiNotifyWarningBackgroundColor' | 'nutuiRateItemMargin' | 'nutuiRateIconColor' | 'nutuiRateIconInactiveColor' | 'nutuiTabbarHeight' | 'nutuiTabbarActiveColor' | 'nutuiTabbarInactiveColor' | 'nutuiTabbarBorderTop' | 'nutuiTabbarBorderBottom' | 'nutuiTabbarBoxShadow' | 'nutuiTabbarTextFontSize' | 'nutuiTabbarTextLargeFontSize' | 'nutuiTabbarTextLargeFontWeight' | 'nutuiTabbarTextLineHeight' | 'nutuiTabbarTextMarginTop' | 'nutuiPulltorefreshIconWidth' | 'nutuiPulltorefreshIconHeight' | 'nutuiPulltorefreshColorPrimary' | 'nutuiInfiniteloadingColor' | 'nutuiInfiniteloadingIconSize' | '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' | 'nutuiDialogHeaderFontSize' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiDialogCloseColor' | 'nutuiDialogCloseWidth' | 'nutuiDialogCloseHeight' | 'nutuiDialogCloseTop' | 'nutuiDialogCloseLeft' | 'nutuiDialogCloseRight' | 'nutuiCheckboxLabelDisableColor' | 'nutuiCheckboxIconDisableColor' | 'nutuiCheckboxLabelMarginLeft' | 'nutuiCheckboxLabelColor' | 'nutuiCheckboxLabelFontSize' | 'nutuiCheckboxIconFontSize' | 'nutuiCheckboxButtonFontSize' | 'nutuiCheckboxButtonPadding' | 'nutuiCheckboxButtonBorderRadius' | 'nutuiCheckboxButtonActiveBorder' | 'nutuiCheckboxButtonDisabledActiveColor' | 'nutuiCheckboxListBackgroundColor' | 'nutuiCheckboxListItemBorder' | 'nutuiCheckboxListPadding' | 'nutuiCheckboxListItemPadding' | 'nutuiRadioIconFontSize' | 'nutuiRadioLabelColor' | 'nutuiRadioLabelDisableColor' | 'nutuiRadioLabelFontSize' | 'nutuiRadioLabelMarginLeft' | 'nutuiRadioButtonFontSize' | 'nutuiRadioButtonPadding' | 'nutuiRadioButtonBorderRadius' | 'nutuiRadioButtonBackground' | 'nutuiRadioButtonActiveBorder' | 'nutuiRadioButtonDisabledActiveColor' | 'nutuiRadiogroupRadioMargin' | 'nutuiRadiogroupRadioMarginBottom' | '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' | 'nutuiBadgeIconSize' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiBadgeDotBorder' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverFontSize' | 'nutuiPopoverBorderColor' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverTextColor' | 'nutuiPopoverHoverBackgroundColor' | 'nutuiPopoverHoverTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverDividerColor' | 'nutuiPopoverMenuItemPadding' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationLiteColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiPaginationLiteWidth' | 'nutuiPaginationLiteHeight' | 'nutuiPaginationLiteRadius' | 'nutuiPaginationLiteBackgroundColor' | 'nutuiPaginationLiteActiveBackgroundColor' | 'nutuiBlack5' | 'nutuiTabsTitlesHeight' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesGap' | 'nutuiTabsTitlesFontSize' | 'nutuiTabsTitlesItemMinWidth' | 'nutuiTabsTitlesItemColor' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsTitlesItemActiveFontSize' | 'nutuiTabsTitlesItemActiveBackgroundColor' | 'nutuiTabsTabLineWidth' | 'nutuiTabsTabLineHeight' | 'nutuiTabsTabLineColor' | 'nutuiTabsLineBottom' | 'nutuiTabsLineBorderRadius' | 'nutuiTabsTabLineOpacity' | 'nutuiTabsButtonBorderRadius' | 'nutuiTabsButtonActiveBackgroundColor' | 'nutuiTabsButtonActiveBorder' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTabLineWidth' | 'nutuiTabsVerticalTabLineHeight' | 'nutuiTabsTitlesItemSmileBottom' | 'nutuiTabsTabpanePadding' | 'nutuiTabsTabpaneBackgroundColor' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderRadius' | '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' | 'nutuiCardBorderRadius' | 'nutuiGridBorderColor' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiTableStickyLeftShadow' | 'nutuiTableStickyRightShadow' | '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' | 'nutuiRowContentColor' | 'nutuiRowContentBackgroundColor' | 'nutuiRowContentBorderRadius' | 'nutuiRowContentHeight' | 'nutuiRowContentLineHeight' | 'nutuiColDefaultMarginBottom' | 'nutuiSpaceGap' | 'nutuiLoadingIconColor' | 'nutuiLoadingIconSize' | 'nutuiLoadingColor' | 'nutuiLoadingFontSize' | 'nutuiResultpageWidth' | 'nutuiResultpageIconSize' | 'nutuiResultpageIconMarginBottom' | 'nutuiResultpageTitleMarginBottom' | 'nutuiResultpageTitleFontSize' | 'nutuiResultpageTitleColor' | 'nutuiResultpageDescriptionFontSize' | 'nutuiResultpageDescriptionColor' | 'nutuiResultpageDescriptionLineHeight' | 'nutuiResultpageActionsMarginTop' | 'nutuiSafeAreaMultiple' | 'nutuiBlack1';

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

@@ -0,0 +1 @@
+export { };

package/dist/es/packages/countdown/countdown.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode } from 'react';
+import { BasicComponent } from "../../utils/typings";
+export interface CountDownTimeProps {
+    d: number;
+    h: number;
+    m: number;
+    s: number;
+    ms: number;
+}
+export type CountDownType = 'default' | 'primary';
+export interface CountDownProps extends BasicComponent {
+    type: CountDownType;
+    paused: boolean;
+    startTime: number;
+    endTime: number;
+    remainingTime: number;
+    millisecond: boolean;
+    format: string;
+    autoStart: boolean;
+    time: number;
+    destroy: boolean;
+    onEnd: () => void;
+    onPaused: (restTime: number) => void;
+    onRestart: (restTime: number) => void;
+    onUpdate: (restTime: any) => void;
+    children: ReactNode;
+}
+export declare const CountDown: React.ForwardRefExoticComponent<Partial<CountDownProps> & React.RefAttributes<unknown>>;

package/dist/es/packages/countdown/countdown.js

@@ -0,0 +1,264 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+import React, { useState, useRef, useEffect, useImperativeHandle } from "react";
+import { View } from "@tarojs/components";
+import { ComponentDefaults } from "../../utils/typings";
+import { padZero } from "../../utils/pad-zero";
+import { web } from "../../utils/platform-taro";
+var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
+    type: 'default',
+    paused: false,
+    startTime: Date.now(),
+    endTime: Date.now(),
+    remainingTime: 0,
+    millisecond: false,
+    format: 'HH:mm:ss',
+    autoStart: true,
+    time: 0,
+    destroy: false
+});
+var InternalCountDown = function(props, ref) {
+    var _ref = _object_spread({}, defaultProps, props), type = _ref.type, paused = _ref.paused, startTime = _ref.startTime, endTime = _ref.endTime, remainingTime = _ref.remainingTime, millisecond = _ref.millisecond, format = _ref.format, autoStart = _ref.autoStart, time = _ref.time, destroy = _ref.destroy, className = _ref.className, style = _ref.style, onEnd = _ref.onEnd, onPaused = _ref.onPaused, onRestart = _ref.onRestart, onUpdate = _ref.onUpdate, children = _ref.children, rest = _object_without_properties(_ref, [
+        "type",
+        "paused",
+        "startTime",
+        "endTime",
+        "remainingTime",
+        "millisecond",
+        "format",
+        "autoStart",
+        "time",
+        "destroy",
+        "className",
+        "style",
+        "onEnd",
+        "onPaused",
+        "onRestart",
+        "onUpdate",
+        "children"
+    ]);
+    var classPrefix = 'nut-countdown';
+    var _useState = _sliced_to_array(useState(0), 2), restTimeStamp = _useState[0], setRestTime = _useState[1];
+    var stateRef = useRef({
+        pauseTime: 0,
+        curr: 0,
+        isPaused: paused,
+        isIninted: false,
+        timer: 0,
+        restTime: 0,
+        counting: !paused && autoStart,
+        handleEndTime: Date.now(),
+        diffTime: 0
+    });
+    // 时间戳转换 或 获取当前时间的时间戳
+    var getTimeStamp = function(timeStr) {
+        if (!timeStr) return Date.now();
+        var t = timeStr;
+        t = Number(t) > 0 ? +t : t.toString().replace(/-/g, '/');
+        return new Date(t).getTime();
+    };
+    // 倒计时 interval
+    var initTime = function() {
+        if (remainingTime) {
+            stateRef.current.handleEndTime = Date.now() + Number(remainingTime);
+        } else {
+            stateRef.current.handleEndTime = endTime;
+            if (web()) {
+                stateRef.current.diffTime = Date.now() - getTimeStamp(startTime) // 时间差
+                ;
+            }
+        }
+        if (!stateRef.current.counting) stateRef.current.counting = true;
+        tick();
+    };
+    var tick = function() {
+        stateRef.current.timer = requestAnimationFrame(function() {
+            if (stateRef.current.counting) {
+                var currentTime = Date.now() - stateRef.current.diffTime;
+                var remainTime = Math.max(stateRef.current.handleEndTime - currentTime, 0);
+                stateRef.current.restTime = remainTime;
+                setRestTime(remainTime);
+                if (!remainTime) {
+                    stateRef.current.counting = false;
+                    pause();
+                    onEnd && onEnd();
+                }
+                if (remainTime > 0) {
+                    tick();
+                }
+            }
+        });
+    };
+    // 将倒计时剩余时间格式化   参数：t时间戳 type custom 自定义类型
+    var formatRemainTime = function(t, type) {
+        var ts = t;
+        var rest = {
+            d: 0,
+            h: 0,
+            m: 0,
+            s: 0,
+            ms: 0
+        };
+        var SECOND = 1000;
+        var MINUTE = 60 * SECOND;
+        var HOUR = 60 * MINUTE;
+        var DAY = 24 * HOUR;
+        if (ts > 0) {
+            rest.d = ts >= SECOND ? Math.floor(ts / DAY) : 0;
+            rest.h = Math.floor(ts % DAY / HOUR);
+            rest.m = Math.floor(ts % HOUR / MINUTE);
+            rest.s = Math.floor(ts % MINUTE / SECOND);
+            rest.ms = Math.floor(ts % SECOND);
+        }
+        return type === 'custom' ? rest : parseFormat(_object_spread({}, rest));
+    };
+    var parseFormat = function(time) {
+        var d = time.d;
+        var h = time.h, m = time.m, s = time.s, ms = time.ms;
+        var formatCache = format;
+        if (formatCache.includes('DD')) {
+            formatCache = formatCache.replace('DD', padZero(d));
+        } else {
+            h += Number(d) * 24;
+        }
+        if (formatCache.includes('HH')) {
+            formatCache = formatCache.replace('HH', padZero(h));
+        } else {
+            m += Number(h) * 60;
+        }
+        if (formatCache.includes('mm')) {
+            formatCache = formatCache.replace('mm', padZero(m));
+        } else {
+            s += Number(m) * 60;
+        }
+        if (formatCache.includes('ss')) {
+            formatCache = formatCache.replace('ss', padZero(s));
+        } else {
+            ms += Number(s) * 1000;
+        }
+        if (formatCache.includes('S')) {
+            var msC = padZero(ms, 3).toString();
+            if (formatCache.includes('SSS')) {
+                formatCache = formatCache.replace('SSS', msC);
+            } else if (formatCache.includes('SS')) {
+                formatCache = formatCache.replace('SS', msC.slice(0, 2));
+            } else if (formatCache.includes('S')) {
+                formatCache = formatCache.replace('SS', msC.slice(0, 1));
+            }
+        }
+        return formatCache;
+    };
+    // 暂定
+    var pause = function() {
+        cancelAnimationFrame(stateRef.current.timer);
+        stateRef.current.counting = false;
+        onPaused && onPaused(stateRef.current.restTime);
+    };
+    useImperativeHandle(ref, function() {
+        return {
+            start: function() {
+                if (!stateRef.current.counting && !autoStart) {
+                    stateRef.current.counting = true;
+                    stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
+                    tick();
+                    onRestart && onRestart(stateRef.current.restTime);
+                }
+            },
+            pause: function() {
+                cancelAnimationFrame(stateRef.current.timer);
+                stateRef.current.counting = false;
+                onPaused && onPaused(stateRef.current.restTime);
+            },
+            reset: function() {
+                if (!autoStart) {
+                    pause();
+                    stateRef.current.restTime = time;
+                    setRestTime(time);
+                }
+            }
+        };
+    });
+    // 监听值变更
+    useEffect(function() {
+        var tranTime = formatRemainTime(stateRef.current.restTime, 'custom');
+        onUpdate && onUpdate(tranTime);
+    }, [
+        restTimeStamp
+    ]);
+    // 监听暂停
+    useEffect(function() {
+        if (stateRef.current.isIninted) {
+            if (paused) {
+                if (stateRef.current.counting) {
+                    pause();
+                }
+            } else {
+                if (!stateRef.current.counting) {
+                    stateRef.current.counting = true;
+                    stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
+                    tick();
+                }
+                onRestart && onRestart(stateRef.current.restTime);
+            }
+        }
+    }, [
+        paused
+    ]);
+    // 监听开始结束时间变更
+    useEffect(function() {
+        if (stateRef.current.isIninted) {
+            initTime();
+        }
+    }, [
+        endTime,
+        startTime,
+        remainingTime
+    ]);
+    // 初始化
+    useEffect(function() {
+        if (autoStart) {
+            initTime();
+        } else {
+            stateRef.current.restTime = time;
+            setRestTime(time);
+        }
+        if (!stateRef.current.isIninted) {
+            stateRef.current.isIninted = true;
+        }
+        return componentWillUnmount;
+    }, []);
+    var componentWillUnmount = function() {
+        destroy && cancelAnimationFrame(stateRef.current.timer);
+    };
+    var getUnit = function(unit) {
+        var formatArr = format.split(/(DD|HH|mm|ss|S)/);
+        var index = formatArr.indexOf(unit);
+        return index > -1 ? formatArr[index + 1] : ':';
+    };
+    var renderTimeItem = function(formatUnit, time) {
+        var unit = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : '';
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, format.includes(formatUnit) ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(View, {
+            className: "".concat(classPrefix, "-number").concat(type === 'primary' ? '-primary' : '')
+        }, padZero(time)), unit ? /*#__PURE__*/ React.createElement(View, {
+            className: "".concat(classPrefix, "-unit")
+        }, getUnit(unit)) : null) : null);
+    };
+    var renderTaroTime = function() {
+        var _format_match;
+        var formatCache = formatRemainTime(stateRef.current.restTime, 'custom');
+        var d = formatCache.d, h = formatCache.h, m = formatCache.m, s = formatCache.s, ms = formatCache.ms;
+        var digit = (_format_match = format.match(/S/g)) === null || _format_match === void 0 ? void 0 : _format_match.length;
+        // format可能是DD天HH时mm分SSS秒或者DD天HH时mm分S秒或是DD：HH：mm：ss
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, renderTimeItem('DD', d, 'DD'), renderTimeItem('HH', h, 'HH'), renderTimeItem('mm', m, 'mm'), renderTimeItem('ss', s), (format.includes('S') || getUnit('ss') !== ':') && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(View, {
+            className: "".concat(classPrefix, "-unit")
+        }, getUnit('ss'))), renderTimeItem('S', padZero(ms, 3).toString().slice(0, digit || 2)));
+    };
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, children || /*#__PURE__*/ React.createElement(View, _object_spread({
+        className: "".concat(classPrefix, " ").concat(className),
+        style: _object_spread({}, style)
+    }, rest), renderTaroTime()));
+};
+export var CountDown = /*#__PURE__*/ React.forwardRef(InternalCountDown);
+CountDown.displayName = 'NutCountDown';

package/dist/es/packages/countdown/index.d.ts

@@ -0,0 +1,3 @@
+import { CountDown } from "./countdown";
+export type { CountDownProps } from "./countdown";
+export default CountDown;

package/dist/es/packages/countdown/index.js

@@ -0,0 +1,2 @@
+import { CountDown } from "./countdown";
+export default CountDown;

package/dist/es/packages/countdown/style/countdown.scss

@@ -0,0 +1,38 @@
+.nut-countdown {
+  display: $countdown-display;
+  flex-direction: row;
+  align-items: center;
+  color: $countdown-color;
+  font-size: $countdown-font-size;
+  &-number-primary,
+  &-number,
+  &-unit {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: $countdown-height;
+    font-weight: $coutdown-font-weight;
+    font-size: $countdown-font-size;
+  }
+  &-number,
+  &-number-primary {
+    min-width: $countdown-width;
+    padding: $countdown-number-padding;
+    border-radius: $countdown-number-border-radius;
+    margin: $countdown-number-margin;
+  }
+  &-number {
+    border: 1px solid $countdown-number-border-color;
+    background-color: $countdown-number-background-color;
+    color: $countdown-number-color;
+    text-align: center;
+  }
+  &-number-primary {
+    border: 1px solid $countdown-number-primary-border-color;
+    background-color: $countdown-number-primary-background-color;
+    color: $countdown-number-primary-color;
+  }
+  &-unit {
+    color: $color-primary;
+  }
+}

package/dist/es/packages/countdown/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/es/packages/countdown/style/index.js

@@ -0,0 +1 @@
+import './countdown.scss';