@ray-js/smart-ui 2.5.1-beta-2 → 2.5.1

package/README-zh_CN.md

@@ -2,6 +2,8 @@
 
 # @ray-js/smart-ui
 
+![npm](https://img.shields.io/npm/v/@ray-js/smart-ui)![down](https://img.shields.io/npm/dt/@ray-js/smart-ui)![ray-js](https://img.shields.io/badge/maintained%20with-Ray-cc00ff.svg)![lodash](https://img.shields.io/badge/-lodash-f16728?style=flat-square&logo=lodash&labelColor=ffffff&color=f16728)![TS](https://img.shields.io/badge/TS-TypeScript-1C6FBB)
+
 ## 介绍
 
 `@ray-js/smart-ui` 是一个基于 `Ray` 框架和 `@tuya-miniapp/smart-ui` 的 React 组件库，旨在提供符合智能小程序移动端设计规范的轻量、可靠的 UI 组件。通过结合 `Ray` 的规范适配中间层和内置的完善 TS 类型，我们提供了一整套适用于智能小程序的 React 组件，让开发者能够快速构建符合设计规范的移动端应用。
@@ -60,7 +62,8 @@ module.exports = config;
 ```
 
 ```!warning:注意
-按需引入插件不会解析 node_modules 内的内容，所以如果引用了或者开发 SmartUI 二次封装 npm 包内部需要按需引入资源，否则会导致 SmartUI 组件库全量引入！
+按需引入插件不会解析 node_modules 内的内容，所以如果引用了或者开发 SmartUI 二次封装 npm 包内部需要按需引入资源，否则会导致 SmartUI 组件库全量引入！  
+可以使用 ray 1.8.0-beta.12 版本，新增 ray doctor 命令用于检测项目依赖健康度！
 ```
 
 ## 在开发者工具中预览
@@ -76,6 +79,29 @@ $ yarn
 
 @ray-js/smart-ui 从智能小程序基础库 `2.19.0` 版本 `@ray-js/ray@^1.5.1` 及 IDE `0.6.5` 开始提供稳定的支持。
 
+
+## 相关链接
+
+[SmartUI 组件库官网](https://developer.tuya.com/material/smartui?comId=help-getting-started)  
+[SmartUI github](https://github.com/Tuya-Community/ray-smart-ui)  
+[Miniapp SmartUI github](https://github.com/Tuya-Community/miniapp-smart-ui)  
+[小程序社区论坛](https://www.tuyaos.com/viewforum.php?f=10)   
+[Ray 官网](https://developer.tuya.com/cn/miniapp)  
+[Ray 物料市场](https://developer.tuya.com/material/library_oHEKLjj0/)   
+[物料&模版 对外源码集](https://github.com/Tuya-Community/tuya-ray-materials)  
+
+
+## 更新日志
+
+[官网更新日志](https://developer.tuya.com/material/smartui?comId=help-changelog)  
+
+本项目遵从 [Angular Style Commit Message Conventions](https://gist.github.com/stephenparish/9941e89d80e2bc58a153)，更新日志请查阅 [Release](https://github.com/Tuya-Community/ray-smart-ui/releases) (从2.5.1版本开始)   
+
+
+## 开发交流
+
+[官方微信交流群](https://github.com/Tuya-Community/ray-smart-ui/issues/1)
+
 ## 开源协议
 
 本项目基于 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89) 协议，请自由地享受和参与开源。

package/README.md

@@ -2,19 +2,21 @@ English | [简体中文](./README-zh_CN.md)
 
 # @ray-js/smart-ui
 
+![npm](https://img.shields.io/npm/v/@ray-js/smart-ui)![down](https://img.shields.io/npm/dt/@ray-js/smart-ui)![ray-js](https://img.shields.io/badge/maintained%20with-Ray-cc00ff.svg)![lodash](https://img.shields.io/badge/-lodash-f16728?style=flat-square&logo=lodash&labelColor=ffffff&color=f16728)![TS](https://img.shields.io/badge/TS-TypeScript-1C6FBB)
+
 ## Introduction
 
-`@ray-js/smart-ui` is a React component library based on the `Ray` framework and `@tuya-miniapp/smart-ui`, designed to provide lightweight and reliable UI components that comply with the mobile design specifications for smart mini programs. By integrating Ray's specification adaptation intermediary layer and built-in perfect TS types, we offer a full set of React components suitable for smart mini programs, enabling developers to quickly build mobile applications that meet design specifications.
+`@ray-js/smart-ui` is a React component library based on the `Ray` framework and `@tuya-miniapp/smart-ui`, designed to provide lightweight and reliable UI components that meet the mobile design specifications of smart mini programs. By combining `Ray's` specification adaptation middleware and built-in complete TS types, we offer a full set of React components suitable for smart mini programs, enabling developers to quickly build mobile applications that comply with design specifications.
 
 ## Preview
 
-Scan the QR code below for the smart mini program to experience the component library demo.
+Scan the QR code below to experience the component library examples.
 
 <img src="https://images.tuyacn.com/content-platform/hestia/1716260412b7f2ae02271.png" width="200" height="200">
 
 ## Before Using
 
-Before using Smart UI, please ensure you have studied the official [Ray Development Overview](https://developer.tuya.com/cn/miniapp/develop/ray/guide/overview) and [Ray Component Introduction](https://developer.tuya.com/cn/miniapp/develop/ray/framework/component) for smart mini programs.
+Before using Smart UI, make sure you have studied the official smart mini program [Ray Development Overview](https://developer.tuya.com/cn/miniapp/develop/ray/guide/overview) and [Ray Component Introduction](https://developer.tuya.com/cn/miniapp/develop/ray/framework/component).
 
 ## Installation
 
@@ -28,7 +30,7 @@ npm i @ray-js/smart-ui
 
 ## Using Components
 
-Taking the button component as an example
+Take the Button component as an example
 
 ```jsx
 import { Button } from '@ray-js/smart-ui';
@@ -38,16 +40,16 @@ export default function Demo() {
 }
 ```
 
-## Dynamic Import on Demand (Recommended)
-Considering the project’s demand for dynamic import and overall package size concerns, the above import method might leave some component style files that impact the package size. Therefore, we recommend using the on-demand import plugin, which will automatically parse `import { Button } from '@ray-js/smart-ui';` into `import { Button } from '@ray-js/smart-ui/es/button';`.
+## Dynamic On-Demand Import (Recommended)
+Considering the project's on-demand introduction and overall size issues, the above import method will lead to some component style file residuals affecting the package size. Therefore, we recommend using the on-demand import plugin, which will automatically parse `import { Button } from '@ray-js/smart-ui';` into `import { Button } from '@ray-js/smart-ui/es/button';`.
 
 1. Environment Requirements
    * \>= @ray-js/cli@1.7.4
    * esbuild build mode (does not support webpack mode)
-   * Use of ESModule import syntax for importing
+   * Use ESModule import syntax for import
    * **SmartUI version 2.4.0 and above**
 
-2. Simply import SmartUIAutoImport within the ray.config.ts project file:
+2. Simply introduce SmartUIAutoImport in the project file ray.config.ts:
 ```ts
 import { RayConfig } from '@ray-js/types';
 import SmartUIAutoImport from '@ray-js/smart-ui/lib/auto-import';
@@ -59,8 +61,9 @@ const config: RayConfig = {
 module.exports = config;
 ```
 
-```!warning:Attention
-On-demand plugin import will not parse contents inside node_modules. Therefore, if you reference or develop a SmartUI secondary packaging npm package, you need to import resources on demand internally; otherwise, it will lead to the full import of the SmartUI component library!
+```!warning: 注意
+The on-demand import plugin will not parse content inside node_modules, so if you reference or develop SmartUI secondary encapsulation npm packages, you need on-demand import resources internally; otherwise, it will cause a full import of the SmartUI component library!
+You can use ray version 1.8.0-beta.12, which adds the ray doctor command to check the health of project dependencies!
 ```
 
 ## Preview in Developer Tools
@@ -70,12 +73,32 @@ On-demand plugin import will not parse contents inside node_modules. Therefore,
 $ yarn
 ```
 
-Open [Tuya MiniApp Tools](https://developer.tuya.com/cn/miniapp/devtools/tools), add the `example` directory, and you can preview the demo.
+Open [Tuya MiniApp Tools](https://developer.tuya.com/cn/miniapp/devtools/tools) and add the `example` directory to preview the examples.
+
+## Basic Library Version
+
+@ray-js/smart-ui provides stable support starting from smart mini program basic library version `2.19.0`, `@ray-js/ray@^1.5.1`, and IDE `0.6.5`.
+
+## Related Links
+
+[SmartUI Component Library Official Website](https://developer.tuya.com/material/smartui?comId=help-getting-started)  
+[SmartUI github](https://github.com/Tuya-Community/ray-smart-ui)  
+[Miniapp SmartUI github](https://github.com/Tuya-Community/miniapp-smart-ui)  
+[Mini Program Community Forum](https://www.tuyaos.com/viewforum.php?f=10)   
+[Ray Official Website](https://developer.tuya.com/cn/miniapp)  
+[Ray Material Market](https://developer.tuya.com/material/library_oHEKLjj0/)   
+[Materials & Templates Open Source Collection](https://github.com/Tuya-Community/tuya-ray-materials)  
+
+## Changelog
+
+[Official Website Changelog](https://developer.tuya.com/material/smartui?comId=help-changelog)
+
+This project follows the [Angular Style Commit Message Conventions](https://gist.github.com/stephenparish/9941e89d80e2bc58a153). For the update log, please refer to [Release](https://github.com/Tuya-Community/ray-smart-ui/releases) (starting from version 2.5.1)
 
-## Base Library Version
+## Development Communication
 
-@ray-js/smart-ui provides stable support from the smart mini program base library version `2.19.0` `@ray-js/ray@^1.5.1` and IDE `0.6.5`.
+[Official WeChat Group](https://github.com/Tuya-Community/ray-smart-ui/issues/1)
 
-## Open Source License
+## License
 
-This project is based on the [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89) license. Please feel free to enjoy and participate in open source.
+This project is based on the [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89) license. Feel free to enjoy and participate in open source.

package/es/@types/config-provider/theme-vars.d.ts

@@ -9,11 +9,11 @@ type CheckboxThemeVars = 'checkboxSize' | 'checkboxBorderColor' | 'checkboxBorde
 type CircleThemeVars = 'circleTextColor';
 type CollapseThemeVars = 'collapseItemTransitionDuration' | 'collapseItemContentPadding' | 'collapseItemContentFontSize' | 'collapseItemContentLineHeight' | 'collapseItemContentTextColor' | 'collapseItemContentBackgroundColor' | 'collapseItemTitleDisabledColor';
 type CountDownThemeVars = 'countDownTextColor' | 'countDownFontSize' | 'countDownLineHeight';
-type DialogThemeVars = 'dialogWidth' | 'dialogSmallScreenWidth' | 'dialogFontSize' | 'dialogBorderRadius' | 'dialogBackgroundColor' | 'dialogHeaderFontColor' | 'dialogHeaderFontWeight' | 'dialogHeaderLineHeight' | 'dialogHeaderPaddingTop' | 'dialogHeaderPadding' | 'dialogHeaderIsolatedPadding' | 'dialogMessagePadding' | 'dialogMessageFontSize' | 'dialogMessageLineHeight' | 'dialogMessageMaxHeight' | 'dialogMessageTextColor' | 'dialogHasTitleMessageFontSize' | 'dialogHasTitleMessageTextColor' | 'dialogHasTitleMessagePaddingTop' | 'dialogHeaderIconSize' | 'dialogInputHeight' | 'dialogInputBackgroundColor' | 'dialogInputMargin' | 'dialogInputPadding' | 'dialogInputBorderRadius' | 'dialogInputFontSize' | 'dialogRoundButtonBorderRadius';
+type DialogThemeVars = 'dialogWidth' | 'dialogSmallScreenWidth' | 'dialogFontSize' | 'dialogBorderRadius' | 'dialogBackgroundColor' | 'dialogHeaderFontColor' | 'dialogHeaderFontWeight' | 'dialogHeaderLineHeight' | 'dialogHeaderPaddingTop' | 'dialogHeaderPadding' | 'dialogHeaderIsolatedPadding' | 'dialogMessagePadding' | 'dialogMessageFontSize' | 'dialogMessageLineHeight' | 'dialogConfirmColor' | 'dialogCancelColor' | 'dialogConfirmFontWeight' | 'dialogCancelFontWeight' | 'dialogMessageMaxHeight' | 'dialogMessageTextColor' | 'dialogHasTitleMessageFontSize' | 'dialogHasTitleMessageTextColor' | 'dialogHasTitleMessagePaddingTop' | 'dialogHeaderIconSize' | 'dialogInputHeight' | 'dialogInputBackgroundColor' | 'dialogInputMargin' | 'dialogInputPadding' | 'dialogInputBorderRadius' | 'dialogInputFontSize' | 'dialogRoundButtonBorderRadius';
 type FieldThemeVars = 'fieldLabelColor' | 'fieldInputTextColor' | 'fieldInputErrorTextColor' | 'fieldPlaceholderTextColor' | 'fieldIconSize' | 'fieldClearIconSize' | 'fieldClearIconColor' | 'fieldIconContainerColor' | 'fieldErrorMessageColor' | 'fieldErrorMessageTextFontSize' | 'fieldDisabledOpacity' | 'fieldInputTextFontSize' | 'fieldLabelFontSize' | 'fieldLabelLineHeight' | 'fieldSubLabelFontSize' | 'fieldSubLabelLineHeight' | 'fieldErrorMessageTextLineHeight' | 'fieldSubtitleTextColor' | 'fieldLeftIconMarginRight' | 'fieldLeftBodyPaddingRight' | 'fieldCardBorderRadius' | 'fieldCardBackground' | 'fieldCardWidth' | 'fieldCardHeight' | 'fieldCardPadding' | 'fieldTextareaBackground' | 'fieldTextareaBorderRadius' | 'fieldTextareaPadding' | 'fieldTextareaLimitPaddingBottom' | 'fieldTextareaMinHeight' | 'fieldWordLimitColor' | 'fieldWordLimitFontSize' | 'fieldWordLimitLineHeight' | 'fieldWordNumFullColor';
 type ImageThemeVars = 'imagePlaceholderTextColor' | 'imagePlaceholderFontSize' | 'imagePlaceholderBackgroundColor' | 'imageLoadingIconSize' | 'imageLoadingIconColor' | 'imageErrorSize';
 type LoadingThemeVars = 'loadingTextColor' | 'loadingTextFontSize' | 'loadingTextLineHeight' | 'loadingSpinnerColor' | 'loadingSpinnerSize' | 'loadingSpinnerAnimationDuration';
-type NavBarThemeVars = 'navBarHeight' | 'navBarRoundBorderRadius' | 'navBarRoundMinHeight' | 'navBarBackgroundColor' | 'navBarArrowColor' | 'navBarIconSize' | 'navBarIconColor' | 'navBarIconMargin' | 'navBarTextColor' | 'navBarTextFontSize' | 'navBarTitleFontSize' | 'navBarTitleFontWeight' | 'navBarTitleTextColor' | 'navBarHomeFontSize' | 'navBarHomeFontWeight' | 'navBarHomeTextColor';
+type NavBarThemeVars = 'navBarHeight' | 'navBarRoundBorderRadius' | 'navBarRoundMinHeight' | 'navBarBackgroundColor' | 'navBarArrowColor' | 'navBarIconSize' | 'navBarIconColor' | 'navBarIconMargin' | 'navBarTextColor' | 'navBarTextFontSize' | 'navBarTitleFontSize' | 'navBarTitleFontWeight' | 'navBarTitleTextColor' | 'navBarRightTextColor' | 'navBarHomeFontSize' | 'navBarHomeFontWeight' | 'navBarHomeTextColor';
 type NoticeBarThemeVars = 'noticeBarHeight' | 'noticeBarPadding' | 'noticeBarWrapablePadding' | 'noticeBarFontSize' | 'noticeBarTextColor' | 'noticeBarLineHeight' | 'noticeBarBackgroundColor' | 'noticeBarBackgroundWarningColor' | 'noticeBarBackgroundErrorColor' | 'noticeBarRightIconColor' | 'noticeBarInfoColor' | 'noticeBarWarningColor' | 'noticeBarErrorColor' | 'noticeBarIconSize' | 'noticeBarBtnColor' | 'noticeBarLeftIconMarginRight' | 'noticeBarRightIconMarginLeft';
 type NotifyThemeVars = 'notifyPadding' | 'notifyFontSize' | 'notifyLineHeight' | 'notifyPrimaryBackgroundColor' | 'notifySuccessBackgroundColor' | 'notifyDangerBackgroundColor' | 'notifyWarningBackgroundColor';
 type OverlayThemeVars = 'overlayBackgroundColor';
@@ -22,13 +22,13 @@ type PopupThemeVars = 'popupBackgroundColor' | 'popupRoundBorderRadius' | 'popup
 type ProgressThemeVars = 'progressHeight' | 'progressBackgroundColor' | 'progressPivotPadding' | 'progressColor' | 'progressPivotFontSize' | 'progressPivotLineHeight' | 'progressPivotBackgroundColor' | 'progressPivotTextColor';
 type RadioThemeVars = 'radioSize' | 'radioBorderColor' | 'radioBorderRadius' | 'radioTransitionDuration' | 'radioLabelSize' | 'radioLabelMargin' | 'radioLabelColor' | 'radioCheckedIconColor' | 'radioDisabledLabelColor' | 'radioDisabledOpacity';
 type RateThemeVars = 'rateHorizontalPadding' | 'rateIconSize' | 'rateIconVoidColor' | 'rateIconFullColor' | 'rateIconDisabledColor' | 'rateIconGutter';
-type SwitchThemeVars = 'switchWidth' | 'switchHeight' | 'switchNodeSize' | 'switchNodeZIndex' | 'switchNodeBackgroundColor' | 'switchNodeOnBackgroundColor' | 'switchNodeBoxShadow' | 'switchBackgroundColor' | 'switchOnBackgroundColor' | 'switchTransitionDuration' | 'switchDisabledOpacity' | 'switchPadding';
+type SwitchThemeVars = 'switchWidth' | 'switchHeight' | 'switchNodeSize' | 'switchNodeZIndex' | 'switchNodeBackgroundColor' | 'switchNodeOnBackgroundColor' | 'switchNodeBoxShadow' | 'switchBackgroundColor' | 'switchOnBackgroundColor' | 'switchTransitionDuration' | 'switchDisabledOpacity' | 'switchPadding' | 'switchBorder';
 type SearchThemeVars = 'searchBackgroundColor' | 'searchBodyBackgroundColor' | 'searchPadding' | 'searchInputHeight' | 'searchLabelPadding' | 'searchLabelColor' | 'searchLabelFontSize' | 'searchValueFontSize' | 'searchLeftIconColor' | 'searchActionPadding' | 'searchActionTextColor' | 'searchActionFontSize' | 'searchSubmitFontSize' | 'searchSubmitColor' | 'searchBtnHoverColor' | 'searchSubmitLineWidth' | 'searchSubmitLineHeight' | 'searchBtnHoverOpacity';
 type SidebarThemeVars = 'sidebarWidth' | 'sidebarFontSize' | 'sidebarLineHeight' | 'sidebarTextColor' | 'sidebarDisabledTextColor' | 'sidebarPadding' | 'sidebarActiveColor' | 'sidebarBackgroundColor' | 'sidebarSelectedFontWeight' | 'sidebarSelectedTextColor' | 'sidebarSelectedBorderColor' | 'sidebarSelectedBackgroundColor';
 type SliderThemeVars = 'sliderActiveBackgroundColor' | 'sliderInactiveBackgroundColor' | 'sliderDisabledOpacity' | 'sliderBarHeight' | 'sliderButtonWidth' | 'sliderButtonHeight' | 'sliderButtonBorderRadius' | 'sliderButtonBackgroundColor' | 'sliderButtonBoxShadow' | 'sliderThumbColor';
 type StepperThemeVars = 'stepperContainerBackgroundColor' | 'stepperBackgroundBorderRadius' | 'stepperPadding' | 'stepperActiveColor' | 'stepperBackgroundColor' | 'stepperButtonIconColor' | 'stepperButtonBorder' | 'stepperButtonDisabledColor' | 'stepperButtonDisabledIconColor' | 'stepperButtonRoundThemeColor' | 'stepperBtnWidth' | 'stepperBtnHeight' | 'stepperInputWidth' | 'stepperInputHeight' | 'stepperInputFontSize' | 'stepperInputLineHeight' | 'stepperInputTextColor' | 'stepperInputDisabledTextColor' | 'stepperBorderRadius' | 'stepperButtonIconFontSize';
 type StepsThemeVars = 'stepsBackgroundColor';
-type TabbarThemeVars = 'tabbarHeight' | 'tabbarBackgroundColor' | 'tabbarBorderColor' | 'tabbarItemFontSize' | 'tabbarItemDisabledOpacity' | 'tabbarItemTextColor' | 'tabbarItemActiveColor' | 'tabbarItemLineHeight' | 'tabbarItemIconSize' | 'tabbarItemMarginBottom';
+type TabbarThemeVars = 'tabbarHeight' | 'tabbarBackgroundColor' | 'tabbarBorderColor' | 'tabbarItemFontSize' | 'tabbarItemDisabledOpacity' | 'tabbarItemTextColor' | 'tabbarItemActiveColor' | 'tabbarItemLineHeight' | 'tabbarItemIconSize' | 'tabbarItemMarginBottom' | 'tabbarItemInfoMarginTop';
 type TabThemeVars = 'tabPanelBackgroundColor' | 'tabPanelTextColor' | 'tabTextColor' | 'tabActiveTextColor' | 'tabDisabledTextColor' | 'tabFontSize' | 'tabsCardBackgroundColor' | 'tabsBackgroundColor' | 'tabsDefaultColor' | 'tabsLineHeight' | 'tabsSubLineHeight' | 'tabsBottomBarHeight' | 'tabsBottomBarColor' | 'tabsCardTextColor' | 'tabsCardTextActiveColor' | 'tabsCardHeight' | 'tabsCardBorderRadius' | 'tabsCardActiveBorderRadius' | 'tabsCardActiveBackgroundColor' | 'tabsCardActiveTop' | 'tabsCardActiveLeft' | 'tabsCardPadding';
 type TagThemeVars = 'tagPadding' | 'tagTextColor' | 'tagBorderRadius' | 'tagLineHeight' | 'tagMediumLineHeight' | 'tagLargeLineHeight' | 'tagFontSize' | 'tagMediumFontSize' | 'tagLargeFontSize' | 'tagRoundBorderRadius' | 'tagDangerColor' | 'tagPrimaryColor' | 'tagSuccessColor' | 'tagWarningColor' | 'tagDefaultColor' | 'tagPlainBackgroundColor';
 type ToastThemeVars = 'toastMaxWidth' | 'toastFontSize' | 'toastTextColor' | 'toastLineHeight' | 'toastBorderRadius' | 'toastBackgroundColor' | 'toastIconSize' | 'toastTextMinWidth' | 'toastTextPadding' | 'toastDefaultPadding' | 'toastDefaultWidth' | 'toastDefaultMinHeight';

package/es/@types/datetime-picker/index.d.ts

@@ -178,7 +178,7 @@ export interface SmartDateTimePickerEvents {
     /**
      * 当值变化时触发的事件
      */
-    onInput?: SmartEventHandler<number>;
+    onInput?: SmartEventHandler<string | number>;
     /**
      * 当值变化时触发的事件
      */

package/es/@types/tabbar/index.d.ts

@@ -48,6 +48,13 @@ export interface SmartTabbarProps {
      * @default true
      */
     safeAreaInsetBottom?: boolean;
+    /**
+     * 标题和图标上下颠倒
+     *
+     * @default false
+     * @version 2.5.1
+     */
+    upsideDown?: boolean;
 }
 /**
  * 切换标签时触发事件

package/lib/@types/config-provider/theme-vars.d.ts

@@ -9,11 +9,11 @@ type CheckboxThemeVars = 'checkboxSize' | 'checkboxBorderColor' | 'checkboxBorde
 type CircleThemeVars = 'circleTextColor';
 type CollapseThemeVars = 'collapseItemTransitionDuration' | 'collapseItemContentPadding' | 'collapseItemContentFontSize' | 'collapseItemContentLineHeight' | 'collapseItemContentTextColor' | 'collapseItemContentBackgroundColor' | 'collapseItemTitleDisabledColor';
 type CountDownThemeVars = 'countDownTextColor' | 'countDownFontSize' | 'countDownLineHeight';
-type DialogThemeVars = 'dialogWidth' | 'dialogSmallScreenWidth' | 'dialogFontSize' | 'dialogBorderRadius' | 'dialogBackgroundColor' | 'dialogHeaderFontColor' | 'dialogHeaderFontWeight' | 'dialogHeaderLineHeight' | 'dialogHeaderPaddingTop' | 'dialogHeaderPadding' | 'dialogHeaderIsolatedPadding' | 'dialogMessagePadding' | 'dialogMessageFontSize' | 'dialogMessageLineHeight' | 'dialogMessageMaxHeight' | 'dialogMessageTextColor' | 'dialogHasTitleMessageFontSize' | 'dialogHasTitleMessageTextColor' | 'dialogHasTitleMessagePaddingTop' | 'dialogHeaderIconSize' | 'dialogInputHeight' | 'dialogInputBackgroundColor' | 'dialogInputMargin' | 'dialogInputPadding' | 'dialogInputBorderRadius' | 'dialogInputFontSize' | 'dialogRoundButtonBorderRadius';
+type DialogThemeVars = 'dialogWidth' | 'dialogSmallScreenWidth' | 'dialogFontSize' | 'dialogBorderRadius' | 'dialogBackgroundColor' | 'dialogHeaderFontColor' | 'dialogHeaderFontWeight' | 'dialogHeaderLineHeight' | 'dialogHeaderPaddingTop' | 'dialogHeaderPadding' | 'dialogHeaderIsolatedPadding' | 'dialogMessagePadding' | 'dialogMessageFontSize' | 'dialogMessageLineHeight' | 'dialogConfirmColor' | 'dialogCancelColor' | 'dialogConfirmFontWeight' | 'dialogCancelFontWeight' | 'dialogMessageMaxHeight' | 'dialogMessageTextColor' | 'dialogHasTitleMessageFontSize' | 'dialogHasTitleMessageTextColor' | 'dialogHasTitleMessagePaddingTop' | 'dialogHeaderIconSize' | 'dialogInputHeight' | 'dialogInputBackgroundColor' | 'dialogInputMargin' | 'dialogInputPadding' | 'dialogInputBorderRadius' | 'dialogInputFontSize' | 'dialogRoundButtonBorderRadius';
 type FieldThemeVars = 'fieldLabelColor' | 'fieldInputTextColor' | 'fieldInputErrorTextColor' | 'fieldPlaceholderTextColor' | 'fieldIconSize' | 'fieldClearIconSize' | 'fieldClearIconColor' | 'fieldIconContainerColor' | 'fieldErrorMessageColor' | 'fieldErrorMessageTextFontSize' | 'fieldDisabledOpacity' | 'fieldInputTextFontSize' | 'fieldLabelFontSize' | 'fieldLabelLineHeight' | 'fieldSubLabelFontSize' | 'fieldSubLabelLineHeight' | 'fieldErrorMessageTextLineHeight' | 'fieldSubtitleTextColor' | 'fieldLeftIconMarginRight' | 'fieldLeftBodyPaddingRight' | 'fieldCardBorderRadius' | 'fieldCardBackground' | 'fieldCardWidth' | 'fieldCardHeight' | 'fieldCardPadding' | 'fieldTextareaBackground' | 'fieldTextareaBorderRadius' | 'fieldTextareaPadding' | 'fieldTextareaLimitPaddingBottom' | 'fieldTextareaMinHeight' | 'fieldWordLimitColor' | 'fieldWordLimitFontSize' | 'fieldWordLimitLineHeight' | 'fieldWordNumFullColor';
 type ImageThemeVars = 'imagePlaceholderTextColor' | 'imagePlaceholderFontSize' | 'imagePlaceholderBackgroundColor' | 'imageLoadingIconSize' | 'imageLoadingIconColor' | 'imageErrorSize';
 type LoadingThemeVars = 'loadingTextColor' | 'loadingTextFontSize' | 'loadingTextLineHeight' | 'loadingSpinnerColor' | 'loadingSpinnerSize' | 'loadingSpinnerAnimationDuration';
-type NavBarThemeVars = 'navBarHeight' | 'navBarRoundBorderRadius' | 'navBarRoundMinHeight' | 'navBarBackgroundColor' | 'navBarArrowColor' | 'navBarIconSize' | 'navBarIconColor' | 'navBarIconMargin' | 'navBarTextColor' | 'navBarTextFontSize' | 'navBarTitleFontSize' | 'navBarTitleFontWeight' | 'navBarTitleTextColor' | 'navBarHomeFontSize' | 'navBarHomeFontWeight' | 'navBarHomeTextColor';
+type NavBarThemeVars = 'navBarHeight' | 'navBarRoundBorderRadius' | 'navBarRoundMinHeight' | 'navBarBackgroundColor' | 'navBarArrowColor' | 'navBarIconSize' | 'navBarIconColor' | 'navBarIconMargin' | 'navBarTextColor' | 'navBarTextFontSize' | 'navBarTitleFontSize' | 'navBarTitleFontWeight' | 'navBarTitleTextColor' | 'navBarRightTextColor' | 'navBarHomeFontSize' | 'navBarHomeFontWeight' | 'navBarHomeTextColor';
 type NoticeBarThemeVars = 'noticeBarHeight' | 'noticeBarPadding' | 'noticeBarWrapablePadding' | 'noticeBarFontSize' | 'noticeBarTextColor' | 'noticeBarLineHeight' | 'noticeBarBackgroundColor' | 'noticeBarBackgroundWarningColor' | 'noticeBarBackgroundErrorColor' | 'noticeBarRightIconColor' | 'noticeBarInfoColor' | 'noticeBarWarningColor' | 'noticeBarErrorColor' | 'noticeBarIconSize' | 'noticeBarBtnColor' | 'noticeBarLeftIconMarginRight' | 'noticeBarRightIconMarginLeft';
 type NotifyThemeVars = 'notifyPadding' | 'notifyFontSize' | 'notifyLineHeight' | 'notifyPrimaryBackgroundColor' | 'notifySuccessBackgroundColor' | 'notifyDangerBackgroundColor' | 'notifyWarningBackgroundColor';
 type OverlayThemeVars = 'overlayBackgroundColor';
@@ -22,13 +22,13 @@ type PopupThemeVars = 'popupBackgroundColor' | 'popupRoundBorderRadius' | 'popup
 type ProgressThemeVars = 'progressHeight' | 'progressBackgroundColor' | 'progressPivotPadding' | 'progressColor' | 'progressPivotFontSize' | 'progressPivotLineHeight' | 'progressPivotBackgroundColor' | 'progressPivotTextColor';
 type RadioThemeVars = 'radioSize' | 'radioBorderColor' | 'radioBorderRadius' | 'radioTransitionDuration' | 'radioLabelSize' | 'radioLabelMargin' | 'radioLabelColor' | 'radioCheckedIconColor' | 'radioDisabledLabelColor' | 'radioDisabledOpacity';
 type RateThemeVars = 'rateHorizontalPadding' | 'rateIconSize' | 'rateIconVoidColor' | 'rateIconFullColor' | 'rateIconDisabledColor' | 'rateIconGutter';
-type SwitchThemeVars = 'switchWidth' | 'switchHeight' | 'switchNodeSize' | 'switchNodeZIndex' | 'switchNodeBackgroundColor' | 'switchNodeOnBackgroundColor' | 'switchNodeBoxShadow' | 'switchBackgroundColor' | 'switchOnBackgroundColor' | 'switchTransitionDuration' | 'switchDisabledOpacity' | 'switchPadding';
+type SwitchThemeVars = 'switchWidth' | 'switchHeight' | 'switchNodeSize' | 'switchNodeZIndex' | 'switchNodeBackgroundColor' | 'switchNodeOnBackgroundColor' | 'switchNodeBoxShadow' | 'switchBackgroundColor' | 'switchOnBackgroundColor' | 'switchTransitionDuration' | 'switchDisabledOpacity' | 'switchPadding' | 'switchBorder';
 type SearchThemeVars = 'searchBackgroundColor' | 'searchBodyBackgroundColor' | 'searchPadding' | 'searchInputHeight' | 'searchLabelPadding' | 'searchLabelColor' | 'searchLabelFontSize' | 'searchValueFontSize' | 'searchLeftIconColor' | 'searchActionPadding' | 'searchActionTextColor' | 'searchActionFontSize' | 'searchSubmitFontSize' | 'searchSubmitColor' | 'searchBtnHoverColor' | 'searchSubmitLineWidth' | 'searchSubmitLineHeight' | 'searchBtnHoverOpacity';
 type SidebarThemeVars = 'sidebarWidth' | 'sidebarFontSize' | 'sidebarLineHeight' | 'sidebarTextColor' | 'sidebarDisabledTextColor' | 'sidebarPadding' | 'sidebarActiveColor' | 'sidebarBackgroundColor' | 'sidebarSelectedFontWeight' | 'sidebarSelectedTextColor' | 'sidebarSelectedBorderColor' | 'sidebarSelectedBackgroundColor';
 type SliderThemeVars = 'sliderActiveBackgroundColor' | 'sliderInactiveBackgroundColor' | 'sliderDisabledOpacity' | 'sliderBarHeight' | 'sliderButtonWidth' | 'sliderButtonHeight' | 'sliderButtonBorderRadius' | 'sliderButtonBackgroundColor' | 'sliderButtonBoxShadow' | 'sliderThumbColor';
 type StepperThemeVars = 'stepperContainerBackgroundColor' | 'stepperBackgroundBorderRadius' | 'stepperPadding' | 'stepperActiveColor' | 'stepperBackgroundColor' | 'stepperButtonIconColor' | 'stepperButtonBorder' | 'stepperButtonDisabledColor' | 'stepperButtonDisabledIconColor' | 'stepperButtonRoundThemeColor' | 'stepperBtnWidth' | 'stepperBtnHeight' | 'stepperInputWidth' | 'stepperInputHeight' | 'stepperInputFontSize' | 'stepperInputLineHeight' | 'stepperInputTextColor' | 'stepperInputDisabledTextColor' | 'stepperBorderRadius' | 'stepperButtonIconFontSize';
 type StepsThemeVars = 'stepsBackgroundColor';
-type TabbarThemeVars = 'tabbarHeight' | 'tabbarBackgroundColor' | 'tabbarBorderColor' | 'tabbarItemFontSize' | 'tabbarItemDisabledOpacity' | 'tabbarItemTextColor' | 'tabbarItemActiveColor' | 'tabbarItemLineHeight' | 'tabbarItemIconSize' | 'tabbarItemMarginBottom';
+type TabbarThemeVars = 'tabbarHeight' | 'tabbarBackgroundColor' | 'tabbarBorderColor' | 'tabbarItemFontSize' | 'tabbarItemDisabledOpacity' | 'tabbarItemTextColor' | 'tabbarItemActiveColor' | 'tabbarItemLineHeight' | 'tabbarItemIconSize' | 'tabbarItemMarginBottom' | 'tabbarItemInfoMarginTop';
 type TabThemeVars = 'tabPanelBackgroundColor' | 'tabPanelTextColor' | 'tabTextColor' | 'tabActiveTextColor' | 'tabDisabledTextColor' | 'tabFontSize' | 'tabsCardBackgroundColor' | 'tabsBackgroundColor' | 'tabsDefaultColor' | 'tabsLineHeight' | 'tabsSubLineHeight' | 'tabsBottomBarHeight' | 'tabsBottomBarColor' | 'tabsCardTextColor' | 'tabsCardTextActiveColor' | 'tabsCardHeight' | 'tabsCardBorderRadius' | 'tabsCardActiveBorderRadius' | 'tabsCardActiveBackgroundColor' | 'tabsCardActiveTop' | 'tabsCardActiveLeft' | 'tabsCardPadding';
 type TagThemeVars = 'tagPadding' | 'tagTextColor' | 'tagBorderRadius' | 'tagLineHeight' | 'tagMediumLineHeight' | 'tagLargeLineHeight' | 'tagFontSize' | 'tagMediumFontSize' | 'tagLargeFontSize' | 'tagRoundBorderRadius' | 'tagDangerColor' | 'tagPrimaryColor' | 'tagSuccessColor' | 'tagWarningColor' | 'tagDefaultColor' | 'tagPlainBackgroundColor';
 type ToastThemeVars = 'toastMaxWidth' | 'toastFontSize' | 'toastTextColor' | 'toastLineHeight' | 'toastBorderRadius' | 'toastBackgroundColor' | 'toastIconSize' | 'toastTextMinWidth' | 'toastTextPadding' | 'toastDefaultPadding' | 'toastDefaultWidth' | 'toastDefaultMinHeight';

package/lib/@types/datetime-picker/index.d.ts

@@ -178,7 +178,7 @@ export interface SmartDateTimePickerEvents {
     /**
      * 当值变化时触发的事件
      */
-    onInput?: SmartEventHandler<number>;
+    onInput?: SmartEventHandler<string | number>;
     /**
      * 当值变化时触发的事件
      */

package/lib/@types/tabbar/index.d.ts

@@ -48,6 +48,13 @@ export interface SmartTabbarProps {
      * @default true
      */
     safeAreaInsetBottom?: boolean;
+    /**
+     * 标题和图标上下颠倒
+     *
+     * @default false
+     * @version 2.5.1
+     */
+    upsideDown?: boolean;
 }
 /**
  * 切换标签时触发事件

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/smart-ui",
-  "version": "2.5.1-beta-2",
+  "version": "2.5.1",
   "description": "轻量、可靠的智能小程序 UI 组件库",
   "scripts": {
     "syncMiniappData": "node ./build/syncMiniappData.js",
@@ -43,7 +43,7 @@
   "dependencies": {
     "@ray-js/components-ty-slider": "^0.3.4",
     "@ray-js/smart-ui": "2.5.1-beta-1",
-    "@tuya-miniapp/smart-ui": "2.5.1-beta-4",
+    "@tuya-miniapp/smart-ui": "^2.5.1",
     "lodash-es": "^4.17.21"
   },
   "devDependencies": {