@ray-js/smart-ui 2.6.0-beta-7 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README-zh_CN.md +15 -19
  2. package/README.md +17 -19
  3. package/es/@types/action-sheet/index.d.ts +24 -2
  4. package/es/@types/config-provider/theme-vars.d.ts +6 -6
  5. package/es/@types/picker/index.d.ts +5 -0
  6. package/lib/@types/action-sheet/index.d.ts +24 -2
  7. package/lib/@types/config-provider/theme-vars.d.ts +6 -6
  8. package/lib/@types/picker/index.d.ts +5 -0
  9. package/package.json +3 -3
package/README-zh_CN.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  # @ray-js/smart-ui
4
4
 
5
- ![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)
5
+ [![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)](https://lerna.js.org/)![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)
6
6
 
7
7
  ## 介绍
8
8
 
@@ -16,7 +16,7 @@
16
16
 
17
17
  ## 使用之前
18
18
 
19
- 使用 Smart UI 前，请确保你已经学习过智能小程序官方的 [Ray 开发概述](https://developer.tuya.com/cn/miniapp/develop/ray/guide/overview) 和 [Ray 组件介绍](https://developer.tuya.com/cn/miniapp/develop/ray/framework/component)。
19
+ 使用 Smart UI 前，请确保你已经学习过智能小程序官方的 [Ray 开发概述](https://developer.tuya.com/cn/miniapp/develop/ray/guide/overview)和 [Ray 组件介绍](https://developer.tuya.com/cn/miniapp/develop/ray/framework/component)。
20
20
 
21
21
  ## 安装
22
22
 
@@ -44,12 +44,12 @@ export default function Demo() {
44
44
  考虑到项目的按需引入以及整体体积问题，上面的引入方式会导致部分组件样式文件残留影响打包产物体积，所以我们推荐使用按需引入插件，其会自动将 `import { Button } from '@ray-js/smart-ui';` 引入方式解析成 `import { Button } from '@ray-js/smart-ui/es/button';`。
45
45
 
46
46
  1. 环境要求
47
- * \>= @ray-js/cli@1.7.4
48
- * esbuild 构建模式 (不支持 webpack 模式)
47
+ * >= @ray-js/cli@1.7.4
48
+ * esbuild 构建模式（不支持 webpack 模式）
49
49
  * 使用 ESModule import 语法的导入
50
50
  * **SmartUI 版本 2.4.0 及以上**
51
51
 
52
- 2. 在项目文件 ray.config.ts 内引入 SmartUIAutoImport 即可：
52
+ 2. 在项目文件 `ray.config.ts` 内引入 `SmartUIAutoImport` 即可：
53
53
  ```ts
54
54
  import { RayConfig } from '@ray-js/types';
55
55
  import SmartUIAutoImport from '@ray-js/smart-ui/lib/auto-import';
@@ -63,7 +63,7 @@ module.exports = config;
63
63
 
64
64
  ```!warning:注意
65
65
  按需引入插件不会解析 node_modules 内的内容，所以如果引用了或者开发 SmartUI 二次封装 npm 包内部需要按需引入资源，否则会导致 SmartUI 组件库全量引入！
66
- 可以使用 ray 1.8.0-beta.12 版本，新增 ray doctor 命令用于检测项目依赖健康度！
66
+ 可以使用 Ray 1.8.0-beta.12 版本，新增 Ray doctor 命令用于检测项目依赖健康度！
67
67
  ```
68
68
 
69
69
  ## 在开发者工具中预览
@@ -77,30 +77,26 @@ $ yarn
77
77
 
78
78
  ## 基础库版本
79
79
 
80
- @ray-js/smart-ui 从智能小程序基础库 `2.19.0` 版本 `@ray-js/ray@^1.5.1` 及 IDE `0.6.5` 开始提供稳定的支持。
80
+ @ray-js/smart-ui 从智能小程序基础库 `2.19.0` 版本、`@ray-js/ray@^1.5.1` 及 IDE `0.6.5` 开始提供稳定的支持。
81
81
 
82
82
 
83
83
  ## 相关链接
84
84
 
85
- [SmartUI 组件库官网](https://developer.tuya.com/material/smartui?comId=help-getting-started)
86
- [SmartUI github](https://github.com/Tuya-Community/ray-smart-ui)
87
- [Miniapp SmartUI github](https://github.com/Tuya-Community/miniapp-smart-ui)
88
- [小程序社区论坛](https://www.tuyaos.com/viewforum.php?f=10)
85
+ [SmartUI 组件库官网](https://developer.tuya.com/material/smartui?comId=help-getting-started&lang=zh)
86
+ [SmartUI GitHub](https://github.com/Tuya-Community/ray-smart-ui)
87
+ [MiniApp SmartUI GitHub](https://github.com/Tuya-Community/miniapp-smart-ui)
88
+ [小程序社区论坛](https://www.tuyaos.com/viewforum.php?f=10)
89
89
  [Ray 官网](https://developer.tuya.com/cn/miniapp)
90
- [Ray 物料市场](https://developer.tuya.com/material/library_oHEKLjj0/)
91
- [物料&模版 对外源码集](https://github.com/Tuya-Community/tuya-ray-materials)
90
+ [Ray 物料市场](https://developer.tuya.com/material/library_oHEKLjj0/?lang=zh)
91
+ [物料和模板对外源码集](https://github.com/Tuya-Community/tuya-ray-materials)
92
92
 
93
93
 
94
94
  ## 更新日志
95
95
 
96
- [官网更新日志](https://developer.tuya.com/material/smartui?comId=help-changelog)
97
-
98
- 本项目遵从 [Angular Style Commit Message Conventions](https://gist.github.com/stephenparish/9941e89d80e2bc58a153)，更新日志请查阅 [Release](https://github.com/Tuya-Community/ray-smart-ui/releases) (从2.5.1版本开始)
96
+ > 本项目遵从 [Angular Style Commit Message Conventions](https://gist.github.com/stephenparish/9941e89d80e2bc58a153)，更新日志请查阅 [Release](https://github.com/Tuya-Community/ray-smart-ui/releases)（从 2.5.1 版本开始）
99
97
 
98
+ [官网更新日志](https://developer.tuya.com/material/smartui?comId=help-changelog)
100
99
 
101
- ## 开发交流
102
-
103
- [官方微信交流群](https://github.com/Tuya-Community/ray-smart-ui/issues/1)
104
100
 
105
101
  ## 开源协议
106
102
 
package/README.md CHANGED
@@ -2,11 +2,12 @@ English | [简体中文](./README-zh_CN.md)
2
2
 
3
3
  # @ray-js/smart-ui
4
4
 
5
- ![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)
5
+ [![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)](https://lerna.js.org/)![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)
6
+
6
7
 
7
8
  ## Introduction
8
9
 
9
- `@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.
10
+ `@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 Tuya MiniApp. By combining `Ray's` specification adaptation middleware and built-in complete TS types, we offer a full set of React components suitable for Tuya MiniApp, enabling developers to quickly build mobile applications that comply with design specifications.
10
11
 
11
12
  ## Preview
12
13
 
@@ -16,7 +17,7 @@ Scan the QR code below to experience the component library examples.
16
17
 
17
18
  ## Before Using
18
19
 
19
- 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).
20
+ Before using Smart UI, make sure you have studied the official Tuya MiniApp [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).
20
21
 
21
22
  ## Installation
22
23
 
@@ -49,7 +50,7 @@ Considering the project's on-demand introduction and overall size issues, the ab
49
50
  * Use ESModule import syntax for import
50
51
  * **SmartUI version 2.4.0 and above**
51
52
 
52
- 2. Simply introduce SmartUIAutoImport in the project file ray.config.ts:
53
+ 2. Simply introduce `SmartUIAutoImport` in the project file `ray.config.ts`:
53
54
  ```ts
54
55
  import { RayConfig } from '@ray-js/types';
55
56
  import SmartUIAutoImport from '@ray-js/smart-ui/lib/auto-import';
@@ -63,7 +64,7 @@ module.exports = config;
63
64
 
64
65
  ```!warning: 注意
65
66
  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!
66
- You can use ray version 1.8.0-beta.12, which adds the ray doctor command to check the health of project dependencies!
67
+ You can use Ray version 1.8.0-beta.12, which adds the Ray doctor command to check the health of project dependencies!
67
68
  ```
68
69
 
69
70
  ## Preview in Developer Tools
@@ -77,28 +78,25 @@ Open [Tuya MiniApp Tools](https://developer.tuya.com/cn/miniapp/devtools/tools)
77
78
 
78
79
  ## Basic Library Version
79
80
 
80
- @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`.
81
+ @ray-js/smart-ui provides stable support starting from Tuya MiniApp basic library version `2.19.0`, `@ray-js/ray@^1.5.1`, and IDE `0.6.5`.
81
82
 
82
83
  ## Related Links
83
84
 
84
- [SmartUI Component Library Official Website](https://developer.tuya.com/material/smartui?comId=help-getting-started)
85
- [SmartUI github](https://github.com/Tuya-Community/ray-smart-ui)
86
- [Miniapp SmartUI github](https://github.com/Tuya-Community/miniapp-smart-ui)
87
- [Mini Program Community Forum](https://www.tuyaos.com/viewforum.php?f=10)
88
- [Ray Official Website](https://developer.tuya.com/cn/miniapp)
89
- [Ray Material Market](https://developer.tuya.com/material/library_oHEKLjj0/)
90
- [Materials & Templates Open Source Collection](https://github.com/Tuya-Community/tuya-ray-materials)
85
+ [SmartUI Component Library Official Website](https://developer.tuya.com/material/smartui?comId=help-getting-started&lang=en)
86
+ [SmartUI GitHub](https://github.com/Tuya-Community/ray-smart-ui)
87
+ [MiniApp SmartUI GitHub](https://github.com/Tuya-Community/miniapp-smart-ui)
88
+ [MiniApp Community Forum](https://www.tuyaos.com/viewforum.php?f=37)
89
+ [Ray Official Website](https://developer.tuya.com/en/miniapp)
90
+ [Ray Material Market](https://developer.tuya.com/material/library_oHEKLjj0?lang=en)
91
+ [Public Source Collection of Materials and Templates](https://github.com/Tuya-Community/tuya-ray-materials)
91
92
 
92
93
  ## Changelog
93
94
 
94
- [Official Website Changelog](https://developer.tuya.com/material/smartui?comId=help-changelog)
95
-
96
- 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)
95
+ > 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)
97
96
 
98
- ## Development Communication
97
+ [Official Website Changelog](https://developer.tuya.com/material/smartui?comId=help-changelog)
99
98
 
100
- [Official WeChat Group](https://github.com/Tuya-Community/ray-smart-ui/issues/1)
101
99
 
102
100
  ## License
103
101
 
104
- 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.
102
+ This project is licensed under the [MIT](https://en.wikipedia.org/wiki/MIT_License) license. Please feel free to enjoy and participate in open-source.
package/es/@types/action-sheet/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- import { SmartComponent, SmartEventHandler } from '../base';
1
+ /// <reference types="react" />
2
+ import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
2
3
  import { SmartTransitionEvents } from '../transition';
3
4
  export interface SmartAction {
4
5
  /**
@@ -111,6 +112,12 @@ export interface SmartActionSheetProps {
111
112
  * @version v2.5.0
112
113
  */
113
114
  nativeDisabled?: boolean;
115
+ /**
116
+ * @description 是否启用标题 Slot
117
+ * @default false
118
+ * @version v2.6.0
119
+ */
120
+ useTitleSlot?: boolean;
114
121
  }
115
122
  export interface SmartActionSheetEvents extends SmartTransitionEvents {
116
123
  /**
@@ -134,4 +141,19 @@ export interface SmartActionSheetEvents extends SmartTransitionEvents {
134
141
  */
135
142
  onClickOverlay?: SmartEventHandler;
136
143
  }
137
- export type SmartActionSheet = SmartComponent<SmartActionSheetProps, SmartActionSheetEvents>;
144
+ export interface SmartActionSheetExternalClassName extends SmartBaseExternalClassName {
145
+ /**
146
+ * @description 每一列的样式
147
+ */
148
+ listClass?: string;
149
+ }
150
+ export interface SmartActionSheetSlots {
151
+ slot?: {
152
+ /**
153
+ * @description 标题插槽 需要设置 useTitleSlot
154
+ * @version v2.6.0
155
+ */
156
+ title?: React.ReactNode;
157
+ };
158
+ }
159
+ export type SmartActionSheet = SmartComponent<SmartActionSheetProps, SmartActionSheetEvents, SmartActionSheetExternalClassName, SmartActionSheetSlots>;
package/es/@types/config-provider/theme-vars.d.ts CHANGED
@@ -1,4 +1,6 @@
1
- type CommonThemeVars = 'M1' | 'M2' | 'M3' | 'M4' | 'M5' | 'B1' | 'B2' | 'B3' | 'B4' | 'B5' | 'B6' | 'B1N1' | 'B1N2' | 'B1N3' | 'B1N4' | 'B1N5' | 'B1N6' | 'B1N7' | 'B1N8' | 'B1N9' | 'B2N1' | 'B2N2' | 'B2N3' | 'B2N4' | 'B2N5' | 'B2N6' | 'B2N7' | 'B2N8' | 'B2N9' | 'B4N1' | 'B4N2' | 'B4N3' | 'B4N4' | 'B4N5' | 'B4N6' | 'B4N7' | 'B4N8' | 'B4N9' | 'B6N1' | 'B6N2' | 'B6N3' | 'B6N4' | 'B6N5' | 'B6N6' | 'B6N7' | 'B6N8' | 'B6N9' | 'black' | 'white' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'gray6' | 'gray7' | 'gray8' | 'red' | 'blue' | 'orange' | 'orangeDark' | 'orangeLight' | 'green' | 'gradientRed' | 'gradientOrange' | 'textColor' | 'activeColor' | 'activeOpacity' | 'disabledOpacity' | 'backgroundColor' | 'backgroundColorLight' | 'textLinkColor' | 'paddingBase' | 'paddingMb' | 'paddingXs' | 'paddingSm' | 'paddingMd' | 'paddingLg' | 'paddingXl' | 'fontSizeXs' | 'fontSizeSm' | 'fontSizeMd' | 'fontSizeLg' | 'fontWeightBold' | 'fontWeightBolder' | 'lineHeightXs' | 'lineHeightSm' | 'lineHeightMd' | 'lineHeightLg' | 'baseFontFamily' | 'priceIntegerFontFamily' | 'animationDurationBase' | 'animationDurationFast' | 'borderColor' | 'borderWidthBase' | 'borderRadiusSm' | 'borderRadiusMd' | 'borderRadiusLg' | 'borderRadiusMax' | 'goodsActionBackgroundColor' | 'goodsActionHeight' | 'goodsActionIconWidth' | 'goodsActionIconHeight' | 'goodsActionIconColor' | 'goodsActionIconSize' | 'goodsActionIconFontSize' | 'goodsActionIconTextColor' | 'goodsActionButtonHeight' | 'goodsActionButtonLineHeight' | 'goodsActionButtonBorderRadius' | 'goodsActionButtonWarningColor' | 'goodsActionButtonDangerColor' | 'goodsActionButtonPlainColor' | 'infoSize' | 'infoColor' | 'infoPadding' | 'infoFontSize' | 'infoFontWeight' | 'infoBorderWidth' | 'infoBackgroundColor' | 'infoDotColor' | 'infoDotSize' | 'infoFontFamily' | 'stepTextColor' | 'stepProcessTextColor' | 'stepFontSize' | 'stepLineColor' | 'stepFinishLineColor' | 'stepFinishTextColor' | 'stepIconSize' | 'stepCircleSize' | 'stepCircleColor' | 'stepHorizontalTitleFontSize' | 'hairlineTopWidth' | 'hairlineLeftWidth' | 'hairlineRightWidth' | 'hairlineBottomWidth' | 'hairlineSurroundWidth' | 'hairlineTopBottomWidth' | 'hairlineColor';
1
+ type CommonThemeVars = 'M1' | 'M2' | 'M3' | 'M4' | 'M5' | 'B1' | 'B2' | 'B3' | 'B4' | 'B5' | 'B6' | 'B1N1' | 'B1N2' | 'B1N3' | 'B1N4' | 'B1N5' | 'B1N6' | 'B1N7' | 'B1N8' | 'B1N9' | 'B2N1' | 'B2N2' | 'B2N3' | 'B2N4' | 'B2N5' | 'B2N6' | 'B2N7' | 'B2N8' | 'B2N9' | 'B4N1' | 'B4N2' | 'B4N3' | 'B4N4' | 'B4N5' | 'B4N6' | 'B4N7' | 'B4N8' | 'B4N9' | 'B6N1' | 'B6N2' | 'B6N3' | 'B6N4' | 'B6N5' | 'B6N6' | 'B6N7' | 'B6N8' | 'B6N9' | 'borderImage' | 'black' | 'white' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'gray6' | 'gray7' | 'gray8' | 'red' | 'blue' | 'orange' | 'orangeDark' | 'orangeLight' | 'green' | 'gradientRed' | 'gradientOrange' | 'textColor' | 'activeColor' | 'activeOpacity' | 'disabledOpacity' | 'backgroundColor' | 'backgroundColorLight' | 'textLinkColor' | 'paddingBase' | 'paddingMb' | 'paddingXs' | 'paddingSm' | 'paddingMd' | 'paddingLg' | 'paddingXl' | 'fontSizeXs' | 'fontSizeSm' | 'fontSizeMd' | 'fontSizeLg' | 'fontWeightBold' | 'fontWeightBolder' | 'lineHeightXs' | 'lineHeightSm' | 'lineHeightMd' | 'lineHeightLg' | 'baseFontFamily' | 'priceIntegerFontFamily' | 'animationDurationBase' | 'animationDurationFast' | 'borderColor' | 'borderWidthBase' | 'borderRadiusSm' | 'borderRadiusMd' | 'borderRadiusLg' | 'borderRadiusMax' | 'goodsActionBackgroundColor' | 'goodsActionHeight' | 'goodsActionIconWidth' | 'goodsActionIconHeight' | 'goodsActionIconColor' | 'goodsActionIconSize' | 'goodsActionIconFontSize' | 'goodsActionIconTextColor' | 'goodsActionButtonHeight' | 'goodsActionButtonLineHeight' | 'goodsActionButtonBorderRadius' | 'goodsActionButtonWarningColor' | 'goodsActionButtonDangerColor' | 'goodsActionButtonPlainColor' | 'infoSize' | 'infoColor' | 'infoPadding' | 'infoFontSize' | 'infoFontWeight' | 'infoBorderWidth' | 'infoBackgroundColor' | 'infoDotColor' | 'infoDotSize' | 'infoFontFamily' | 'stepTextColor' | 'stepProcessTextColor' | 'stepFontSize' | 'stepLineColor' | 'stepFinishLineColor' | 'stepFinishTextColor' | 'stepIconSize' | 'stepCircleSize' | 'stepCircleColor' | 'stepHorizontalTitleFontSize' | 'hairlineTopWidth' | 'hairlineLeftWidth' | 'hairlineRightWidth' | 'hairlineBottomWidth' | 'hairlineSurroundWidth' | 'hairlineTopBottomWidth' | 'hairlineColor' | 'hairlineBorderImageColor';
2
+ type OverlayThemeVars = 'overlay' | 'overlayBackgroundColor';
3
+ type DialogThemeVars = 'dialogBg' | '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';
2
4
  type IconThemeVars = 'iconColor';
3
5
  type ActionSheetThemeVars = 'actionSheetWidth' | 'actionSheetLeft' | 'actionSheetMaxHeight' | 'actionSheetMargin' | 'actionSheetActiveColor' | 'actionSheetActiveIconColor' | 'actionSheetItemDisabledOpacity' | 'actionSheetHeaderBorderColor' | 'actionSheetHeaderHeight' | 'actionSheetHeaderColor' | 'actionSheetHeaderFontSize' | 'actionSheetHeaderFontWeight' | 'actionSheetDescriptionColor' | 'actionSheetDescriptionFontSize' | 'actionSheetDescriptionLineHeight' | 'actionSheetItemBackground' | 'actionSheetItemBorderRadius' | 'actionSheetItemIconMargin' | 'actionSheetItemIconColor' | 'actionSheetItemIconSize' | 'actionSheetItemFontSize' | 'actionSheetItemFontWeight' | 'actionSheetItemLineHeight' | 'actionSheetItemTextColor' | 'actionSheetSubnameColor' | 'actionSheetSubnameFontSize' | 'actionSheetSubnameLineHeight' | 'actionSheetConfirmTextColor' | 'actionSheetConfirmFontWeight' | 'actionSheetCancelTextColor' | 'actionSheetFooterPaddingTop' | 'actionSheetFooterPaddingColor';
4
6
  type BottomSheetThemeVars = 'bottomSheetWidth' | 'bottomSheetMinHeight' | 'bottomSheetMaxHeight' | 'bottomSheetPadding' | 'bottomSheetHeaderPadding' | 'bottomSheetIconMargin' | 'bottomSheetHeaderHeight' | 'bottomSheetHeaderColor' | 'bottomSheetHeaderFontSize' | 'bottomSheetHeaderFontWeight' | 'bottomSheetFontColor';
@@ -9,15 +11,13 @@ type CheckboxThemeVars = 'checkboxSize' | 'checkboxBorderColor' | 'checkboxBorde
9
11
  type CircleThemeVars = 'circleTextColor';
10
12
  type CollapseThemeVars = 'collapseItemTransitionDuration' | 'collapseItemContentPadding' | 'collapseItemContentFontSize' | 'collapseItemContentLineHeight' | 'collapseItemContentTextColor' | 'collapseItemContentBackgroundColor' | 'collapseItemTitleDisabledColor';
11
13
  type CountDownThemeVars = 'countDownTextColor' | 'countDownFontSize' | 'countDownLineHeight';
12
- 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';
13
14
  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';
14
15
  type ImageThemeVars = 'imagePlaceholderTextColor' | 'imagePlaceholderFontSize' | 'imagePlaceholderBackgroundColor' | 'imageLoadingIconSize' | 'imageLoadingIconColor' | 'imageErrorSize';
15
16
  type LoadingThemeVars = 'loadingTextColor' | 'loadingTextFontSize' | 'loadingTextLineHeight' | 'loadingSpinnerColor' | 'loadingSpinnerSize' | 'loadingSpinnerAnimationDuration';
16
- type NavBarThemeVars = 'navBarHeight' | 'navBarRoundBorderRadius' | 'navBarRoundMinHeight' | 'navBarBackgroundColor' | 'navBarArrowColor' | 'navBarIconSize' | 'navBarIconColor' | 'navBarIconMargin' | 'navBarTextColor' | 'navBarTextFontSize' | 'navBarTitleFontSize' | 'navBarTitleFontWeight' | 'navBarTitleTextColor' | 'navBarRightTextColor' | 'navBarHomeFontSize' | 'navBarHomeFontWeight' | 'navBarHomeTextColor';
17
+ type NavBarThemeVars = 'navBarTitleMaxWidth' | 'navBarHeight' | 'navBarRoundBorderRadius' | 'navBarRoundMinHeight' | 'navBarBackgroundColor' | 'navBarArrowColor' | 'navBarIconSize' | 'navBarIconColor' | 'navBarIconMargin' | 'navBarTextColor' | 'navBarTextFontSize' | 'navBarTitleFontSize' | 'navBarTitleFontWeight' | 'navBarTitleTextColor' | 'navBarRightTextColor' | 'navBarHomeFontSize' | 'navBarHomeFontWeight' | 'navBarHomeTextColor';
17
18
  type NoticeBarThemeVars = 'noticeBarHeight' | 'noticeBarPadding' | 'noticeBarWrapablePadding' | 'noticeBarFontSize' | 'noticeBarTextColor' | 'noticeBarLineHeight' | 'noticeBarBackgroundColor' | 'noticeBarBackgroundWarningColor' | 'noticeBarBackgroundErrorColor' | 'noticeBarRightIconColor' | 'noticeBarInfoColor' | 'noticeBarWarningColor' | 'noticeBarErrorColor' | 'noticeBarIconSize' | 'noticeBarBtnColor' | 'noticeBarLeftIconMarginRight' | 'noticeBarRightIconMarginLeft';
18
19
  type NotifyThemeVars = 'notifyPadding' | 'notifyFontSize' | 'notifyLineHeight' | 'notifyPrimaryBackgroundColor' | 'notifySuccessBackgroundColor' | 'notifyDangerBackgroundColor' | 'notifyWarningBackgroundColor';
19
- type OverlayThemeVars = 'overlayBackgroundColor';
20
- type PickerThemeVars = 'pickerBackgroundColor' | 'pickerPadding' | 'pickerToolbarHeight' | 'pickerTitleFontSize' | 'pickerActionPadding' | 'pickerActionFontSize' | 'pickerConfirmActionColor' | 'pickerCancelActionColor' | 'pickerOptionFontSize' | 'pickerOptionUnitFontSize' | 'pickerOptionTextColor' | 'pickerOptionUnitTextColor' | 'pickerOptionUnitMidSize' | 'pickerLoadingIconColor' | 'pickerLoadingMaskColor' | 'pickerOptionDisabledOpacity' | 'pickerOptionSelectedTextColor';
20
+ type PickerThemeVars = 'pickerBackgroundColor' | 'pickerPadding' | 'pickerToolbarHeight' | 'pickerTitleFontSize' | 'pickerActionPadding' | 'pickerActionFontSize' | 'pickerConfirmActionColor' | 'pickerCancelActionColor' | 'pickerOptionFontSize' | 'pickerOptionUnitFontSize' | 'pickerOptionTextColor' | 'pickerOptionUnitTextColor' | 'pickerOptionUnitMidSize' | 'pickerLoadingIconColor' | 'pickerOptionSelectedFontWeightBold' | 'pickerLoadingMaskColor' | 'pickerOptionDisabledOpacity' | 'pickerOptionSelectedTextColor';
21
21
  type PopupThemeVars = 'popupBackgroundColor' | 'popupRoundBorderRadius' | 'popupCloseIconSize' | 'popupCloseIconColor' | 'popupCloseIconMargin' | 'popupCloseIconZIndex';
22
22
  type ProgressThemeVars = 'progressHeight' | 'progressBackgroundColor' | 'progressPivotPadding' | 'progressColor' | 'progressPivotFontSize' | 'progressPivotLineHeight' | 'progressPivotBackgroundColor' | 'progressPivotTextColor';
23
23
  type RadioThemeVars = 'radioSize' | 'radioBorderColor' | 'radioBorderRadius' | 'radioTransitionDuration' | 'radioLabelSize' | 'radioLabelMargin' | 'radioLabelColor' | 'radioCheckedIconColor' | 'radioDisabledLabelColor' | 'radioDisabledOpacity';
@@ -46,5 +46,5 @@ type PopoverThemeVars = 'popoverBackgroundColor' | 'popoverBoxShadow' | 'popover
46
46
  /**
47
47
  * 主题变量
48
48
  */
49
- export type ThemeVars = Record<CommonThemeVars | IconThemeVars | ActionSheetThemeVars | BottomSheetThemeVars | ButtonThemeVars | CalendarThemeVars | CellThemeVars | CheckboxThemeVars | CircleThemeVars | CollapseThemeVars | CountDownThemeVars | DialogThemeVars | FieldThemeVars | ImageThemeVars | LoadingThemeVars | NavBarThemeVars | NoticeBarThemeVars | NotifyThemeVars | OverlayThemeVars | PickerThemeVars | PopupThemeVars | ProgressThemeVars | RadioThemeVars | RateThemeVars | SwitchThemeVars | SearchThemeVars | SidebarThemeVars | SliderThemeVars | StepperThemeVars | StepsThemeVars | TabbarThemeVars | TabThemeVars | TagThemeVars | ToastThemeVars | GridThemeVars | DividerThemeVars | EmptyThemeVars | TreeSelectThemeVars | DropdownMenuThemeVars | IndexAnchorThemeVars | IndexBarThemeVars | SkeletonThemeVars | CascaderThemeVars | CustomKeyboardThemeVars | PopoverThemeVars, string>;
49
+ export type ThemeVars = Record<CommonThemeVars | OverlayThemeVars | DialogThemeVars | IconThemeVars | ActionSheetThemeVars | BottomSheetThemeVars | ButtonThemeVars | CalendarThemeVars | CellThemeVars | CheckboxThemeVars | CircleThemeVars | CollapseThemeVars | CountDownThemeVars | FieldThemeVars | ImageThemeVars | LoadingThemeVars | NavBarThemeVars | NoticeBarThemeVars | NotifyThemeVars | PickerThemeVars | PopupThemeVars | ProgressThemeVars | RadioThemeVars | RateThemeVars | SwitchThemeVars | SearchThemeVars | SidebarThemeVars | SliderThemeVars | StepperThemeVars | StepsThemeVars | TabbarThemeVars | TabThemeVars | TagThemeVars | ToastThemeVars | GridThemeVars | DividerThemeVars | EmptyThemeVars | TreeSelectThemeVars | DropdownMenuThemeVars | IndexAnchorThemeVars | IndexBarThemeVars | SkeletonThemeVars | CascaderThemeVars | CustomKeyboardThemeVars | PopoverThemeVars, string>;
50
50
  export {};
package/es/@types/picker/index.d.ts CHANGED
@@ -206,5 +206,10 @@ export interface SmartPickerExternalClassName extends SmartBaseExternalClassName
206
206
  * 列样式类
207
207
  */
208
208
  columnClass?: string;
209
+ /**
210
+ * @description 分割线样式
211
+ * @version 2.6.0
212
+ */
213
+ hairlineClass?: string;
209
214
  }
210
215
  export type SmartPicker = SmartComponent<SmartPickerProps, SmartPickerEvents, SmartPickerExternalClassName>;
package/lib/@types/action-sheet/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- import { SmartComponent, SmartEventHandler } from '../base';
1
+ /// <reference types="react" />
2
+ import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
2
3
  import { SmartTransitionEvents } from '../transition';
3
4
  export interface SmartAction {
4
5
  /**
@@ -111,6 +112,12 @@ export interface SmartActionSheetProps {
111
112
  * @version v2.5.0
112
113
  */
113
114
  nativeDisabled?: boolean;
115
+ /**
116
+ * @description 是否启用标题 Slot
117
+ * @default false
118
+ * @version v2.6.0
119
+ */
120
+ useTitleSlot?: boolean;
114
121
  }
115
122
  export interface SmartActionSheetEvents extends SmartTransitionEvents {
116
123
  /**
@@ -134,4 +141,19 @@ export interface SmartActionSheetEvents extends SmartTransitionEvents {
134
141
  */
135
142
  onClickOverlay?: SmartEventHandler;
136
143
  }
137
- export type SmartActionSheet = SmartComponent<SmartActionSheetProps, SmartActionSheetEvents>;
144
+ export interface SmartActionSheetExternalClassName extends SmartBaseExternalClassName {
145
+ /**
146
+ * @description 每一列的样式
147
+ */
148
+ listClass?: string;
149
+ }
150
+ export interface SmartActionSheetSlots {
151
+ slot?: {
152
+ /**
153
+ * @description 标题插槽 需要设置 useTitleSlot
154
+ * @version v2.6.0
155
+ */
156
+ title?: React.ReactNode;
157
+ };
158
+ }
159
+ export type SmartActionSheet = SmartComponent<SmartActionSheetProps, SmartActionSheetEvents, SmartActionSheetExternalClassName, SmartActionSheetSlots>;
package/lib/@types/config-provider/theme-vars.d.ts CHANGED
@@ -1,4 +1,6 @@
1
- type CommonThemeVars = 'M1' | 'M2' | 'M3' | 'M4' | 'M5' | 'B1' | 'B2' | 'B3' | 'B4' | 'B5' | 'B6' | 'B1N1' | 'B1N2' | 'B1N3' | 'B1N4' | 'B1N5' | 'B1N6' | 'B1N7' | 'B1N8' | 'B1N9' | 'B2N1' | 'B2N2' | 'B2N3' | 'B2N4' | 'B2N5' | 'B2N6' | 'B2N7' | 'B2N8' | 'B2N9' | 'B4N1' | 'B4N2' | 'B4N3' | 'B4N4' | 'B4N5' | 'B4N6' | 'B4N7' | 'B4N8' | 'B4N9' | 'B6N1' | 'B6N2' | 'B6N3' | 'B6N4' | 'B6N5' | 'B6N6' | 'B6N7' | 'B6N8' | 'B6N9' | 'black' | 'white' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'gray6' | 'gray7' | 'gray8' | 'red' | 'blue' | 'orange' | 'orangeDark' | 'orangeLight' | 'green' | 'gradientRed' | 'gradientOrange' | 'textColor' | 'activeColor' | 'activeOpacity' | 'disabledOpacity' | 'backgroundColor' | 'backgroundColorLight' | 'textLinkColor' | 'paddingBase' | 'paddingMb' | 'paddingXs' | 'paddingSm' | 'paddingMd' | 'paddingLg' | 'paddingXl' | 'fontSizeXs' | 'fontSizeSm' | 'fontSizeMd' | 'fontSizeLg' | 'fontWeightBold' | 'fontWeightBolder' | 'lineHeightXs' | 'lineHeightSm' | 'lineHeightMd' | 'lineHeightLg' | 'baseFontFamily' | 'priceIntegerFontFamily' | 'animationDurationBase' | 'animationDurationFast' | 'borderColor' | 'borderWidthBase' | 'borderRadiusSm' | 'borderRadiusMd' | 'borderRadiusLg' | 'borderRadiusMax' | 'goodsActionBackgroundColor' | 'goodsActionHeight' | 'goodsActionIconWidth' | 'goodsActionIconHeight' | 'goodsActionIconColor' | 'goodsActionIconSize' | 'goodsActionIconFontSize' | 'goodsActionIconTextColor' | 'goodsActionButtonHeight' | 'goodsActionButtonLineHeight' | 'goodsActionButtonBorderRadius' | 'goodsActionButtonWarningColor' | 'goodsActionButtonDangerColor' | 'goodsActionButtonPlainColor' | 'infoSize' | 'infoColor' | 'infoPadding' | 'infoFontSize' | 'infoFontWeight' | 'infoBorderWidth' | 'infoBackgroundColor' | 'infoDotColor' | 'infoDotSize' | 'infoFontFamily' | 'stepTextColor' | 'stepProcessTextColor' | 'stepFontSize' | 'stepLineColor' | 'stepFinishLineColor' | 'stepFinishTextColor' | 'stepIconSize' | 'stepCircleSize' | 'stepCircleColor' | 'stepHorizontalTitleFontSize' | 'hairlineTopWidth' | 'hairlineLeftWidth' | 'hairlineRightWidth' | 'hairlineBottomWidth' | 'hairlineSurroundWidth' | 'hairlineTopBottomWidth' | 'hairlineColor';
1
+ type CommonThemeVars = 'M1' | 'M2' | 'M3' | 'M4' | 'M5' | 'B1' | 'B2' | 'B3' | 'B4' | 'B5' | 'B6' | 'B1N1' | 'B1N2' | 'B1N3' | 'B1N4' | 'B1N5' | 'B1N6' | 'B1N7' | 'B1N8' | 'B1N9' | 'B2N1' | 'B2N2' | 'B2N3' | 'B2N4' | 'B2N5' | 'B2N6' | 'B2N7' | 'B2N8' | 'B2N9' | 'B4N1' | 'B4N2' | 'B4N3' | 'B4N4' | 'B4N5' | 'B4N6' | 'B4N7' | 'B4N8' | 'B4N9' | 'B6N1' | 'B6N2' | 'B6N3' | 'B6N4' | 'B6N5' | 'B6N6' | 'B6N7' | 'B6N8' | 'B6N9' | 'borderImage' | 'black' | 'white' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'gray6' | 'gray7' | 'gray8' | 'red' | 'blue' | 'orange' | 'orangeDark' | 'orangeLight' | 'green' | 'gradientRed' | 'gradientOrange' | 'textColor' | 'activeColor' | 'activeOpacity' | 'disabledOpacity' | 'backgroundColor' | 'backgroundColorLight' | 'textLinkColor' | 'paddingBase' | 'paddingMb' | 'paddingXs' | 'paddingSm' | 'paddingMd' | 'paddingLg' | 'paddingXl' | 'fontSizeXs' | 'fontSizeSm' | 'fontSizeMd' | 'fontSizeLg' | 'fontWeightBold' | 'fontWeightBolder' | 'lineHeightXs' | 'lineHeightSm' | 'lineHeightMd' | 'lineHeightLg' | 'baseFontFamily' | 'priceIntegerFontFamily' | 'animationDurationBase' | 'animationDurationFast' | 'borderColor' | 'borderWidthBase' | 'borderRadiusSm' | 'borderRadiusMd' | 'borderRadiusLg' | 'borderRadiusMax' | 'goodsActionBackgroundColor' | 'goodsActionHeight' | 'goodsActionIconWidth' | 'goodsActionIconHeight' | 'goodsActionIconColor' | 'goodsActionIconSize' | 'goodsActionIconFontSize' | 'goodsActionIconTextColor' | 'goodsActionButtonHeight' | 'goodsActionButtonLineHeight' | 'goodsActionButtonBorderRadius' | 'goodsActionButtonWarningColor' | 'goodsActionButtonDangerColor' | 'goodsActionButtonPlainColor' | 'infoSize' | 'infoColor' | 'infoPadding' | 'infoFontSize' | 'infoFontWeight' | 'infoBorderWidth' | 'infoBackgroundColor' | 'infoDotColor' | 'infoDotSize' | 'infoFontFamily' | 'stepTextColor' | 'stepProcessTextColor' | 'stepFontSize' | 'stepLineColor' | 'stepFinishLineColor' | 'stepFinishTextColor' | 'stepIconSize' | 'stepCircleSize' | 'stepCircleColor' | 'stepHorizontalTitleFontSize' | 'hairlineTopWidth' | 'hairlineLeftWidth' | 'hairlineRightWidth' | 'hairlineBottomWidth' | 'hairlineSurroundWidth' | 'hairlineTopBottomWidth' | 'hairlineColor' | 'hairlineBorderImageColor';
2
+ type OverlayThemeVars = 'overlay' | 'overlayBackgroundColor';
3
+ type DialogThemeVars = 'dialogBg' | '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';
2
4
  type IconThemeVars = 'iconColor';
3
5
  type ActionSheetThemeVars = 'actionSheetWidth' | 'actionSheetLeft' | 'actionSheetMaxHeight' | 'actionSheetMargin' | 'actionSheetActiveColor' | 'actionSheetActiveIconColor' | 'actionSheetItemDisabledOpacity' | 'actionSheetHeaderBorderColor' | 'actionSheetHeaderHeight' | 'actionSheetHeaderColor' | 'actionSheetHeaderFontSize' | 'actionSheetHeaderFontWeight' | 'actionSheetDescriptionColor' | 'actionSheetDescriptionFontSize' | 'actionSheetDescriptionLineHeight' | 'actionSheetItemBackground' | 'actionSheetItemBorderRadius' | 'actionSheetItemIconMargin' | 'actionSheetItemIconColor' | 'actionSheetItemIconSize' | 'actionSheetItemFontSize' | 'actionSheetItemFontWeight' | 'actionSheetItemLineHeight' | 'actionSheetItemTextColor' | 'actionSheetSubnameColor' | 'actionSheetSubnameFontSize' | 'actionSheetSubnameLineHeight' | 'actionSheetConfirmTextColor' | 'actionSheetConfirmFontWeight' | 'actionSheetCancelTextColor' | 'actionSheetFooterPaddingTop' | 'actionSheetFooterPaddingColor';
4
6
  type BottomSheetThemeVars = 'bottomSheetWidth' | 'bottomSheetMinHeight' | 'bottomSheetMaxHeight' | 'bottomSheetPadding' | 'bottomSheetHeaderPadding' | 'bottomSheetIconMargin' | 'bottomSheetHeaderHeight' | 'bottomSheetHeaderColor' | 'bottomSheetHeaderFontSize' | 'bottomSheetHeaderFontWeight' | 'bottomSheetFontColor';
@@ -9,15 +11,13 @@ type CheckboxThemeVars = 'checkboxSize' | 'checkboxBorderColor' | 'checkboxBorde
9
11
  type CircleThemeVars = 'circleTextColor';
10
12
  type CollapseThemeVars = 'collapseItemTransitionDuration' | 'collapseItemContentPadding' | 'collapseItemContentFontSize' | 'collapseItemContentLineHeight' | 'collapseItemContentTextColor' | 'collapseItemContentBackgroundColor' | 'collapseItemTitleDisabledColor';
11
13
  type CountDownThemeVars = 'countDownTextColor' | 'countDownFontSize' | 'countDownLineHeight';
12
- 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';
13
14
  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';
14
15
  type ImageThemeVars = 'imagePlaceholderTextColor' | 'imagePlaceholderFontSize' | 'imagePlaceholderBackgroundColor' | 'imageLoadingIconSize' | 'imageLoadingIconColor' | 'imageErrorSize';
15
16
  type LoadingThemeVars = 'loadingTextColor' | 'loadingTextFontSize' | 'loadingTextLineHeight' | 'loadingSpinnerColor' | 'loadingSpinnerSize' | 'loadingSpinnerAnimationDuration';
16
- type NavBarThemeVars = 'navBarHeight' | 'navBarRoundBorderRadius' | 'navBarRoundMinHeight' | 'navBarBackgroundColor' | 'navBarArrowColor' | 'navBarIconSize' | 'navBarIconColor' | 'navBarIconMargin' | 'navBarTextColor' | 'navBarTextFontSize' | 'navBarTitleFontSize' | 'navBarTitleFontWeight' | 'navBarTitleTextColor' | 'navBarRightTextColor' | 'navBarHomeFontSize' | 'navBarHomeFontWeight' | 'navBarHomeTextColor';
17
+ type NavBarThemeVars = 'navBarTitleMaxWidth' | 'navBarHeight' | 'navBarRoundBorderRadius' | 'navBarRoundMinHeight' | 'navBarBackgroundColor' | 'navBarArrowColor' | 'navBarIconSize' | 'navBarIconColor' | 'navBarIconMargin' | 'navBarTextColor' | 'navBarTextFontSize' | 'navBarTitleFontSize' | 'navBarTitleFontWeight' | 'navBarTitleTextColor' | 'navBarRightTextColor' | 'navBarHomeFontSize' | 'navBarHomeFontWeight' | 'navBarHomeTextColor';
17
18
  type NoticeBarThemeVars = 'noticeBarHeight' | 'noticeBarPadding' | 'noticeBarWrapablePadding' | 'noticeBarFontSize' | 'noticeBarTextColor' | 'noticeBarLineHeight' | 'noticeBarBackgroundColor' | 'noticeBarBackgroundWarningColor' | 'noticeBarBackgroundErrorColor' | 'noticeBarRightIconColor' | 'noticeBarInfoColor' | 'noticeBarWarningColor' | 'noticeBarErrorColor' | 'noticeBarIconSize' | 'noticeBarBtnColor' | 'noticeBarLeftIconMarginRight' | 'noticeBarRightIconMarginLeft';
18
19
  type NotifyThemeVars = 'notifyPadding' | 'notifyFontSize' | 'notifyLineHeight' | 'notifyPrimaryBackgroundColor' | 'notifySuccessBackgroundColor' | 'notifyDangerBackgroundColor' | 'notifyWarningBackgroundColor';
19
- type OverlayThemeVars = 'overlayBackgroundColor';
20
- type PickerThemeVars = 'pickerBackgroundColor' | 'pickerPadding' | 'pickerToolbarHeight' | 'pickerTitleFontSize' | 'pickerActionPadding' | 'pickerActionFontSize' | 'pickerConfirmActionColor' | 'pickerCancelActionColor' | 'pickerOptionFontSize' | 'pickerOptionUnitFontSize' | 'pickerOptionTextColor' | 'pickerOptionUnitTextColor' | 'pickerOptionUnitMidSize' | 'pickerLoadingIconColor' | 'pickerLoadingMaskColor' | 'pickerOptionDisabledOpacity' | 'pickerOptionSelectedTextColor';
20
+ type PickerThemeVars = 'pickerBackgroundColor' | 'pickerPadding' | 'pickerToolbarHeight' | 'pickerTitleFontSize' | 'pickerActionPadding' | 'pickerActionFontSize' | 'pickerConfirmActionColor' | 'pickerCancelActionColor' | 'pickerOptionFontSize' | 'pickerOptionUnitFontSize' | 'pickerOptionTextColor' | 'pickerOptionUnitTextColor' | 'pickerOptionUnitMidSize' | 'pickerLoadingIconColor' | 'pickerOptionSelectedFontWeightBold' | 'pickerLoadingMaskColor' | 'pickerOptionDisabledOpacity' | 'pickerOptionSelectedTextColor';
21
21
  type PopupThemeVars = 'popupBackgroundColor' | 'popupRoundBorderRadius' | 'popupCloseIconSize' | 'popupCloseIconColor' | 'popupCloseIconMargin' | 'popupCloseIconZIndex';
22
22
  type ProgressThemeVars = 'progressHeight' | 'progressBackgroundColor' | 'progressPivotPadding' | 'progressColor' | 'progressPivotFontSize' | 'progressPivotLineHeight' | 'progressPivotBackgroundColor' | 'progressPivotTextColor';
23
23
  type RadioThemeVars = 'radioSize' | 'radioBorderColor' | 'radioBorderRadius' | 'radioTransitionDuration' | 'radioLabelSize' | 'radioLabelMargin' | 'radioLabelColor' | 'radioCheckedIconColor' | 'radioDisabledLabelColor' | 'radioDisabledOpacity';
@@ -46,5 +46,5 @@ type PopoverThemeVars = 'popoverBackgroundColor' | 'popoverBoxShadow' | 'popover
46
46
  /**
47
47
  * 主题变量
48
48
  */
49
- export type ThemeVars = Record<CommonThemeVars | IconThemeVars | ActionSheetThemeVars | BottomSheetThemeVars | ButtonThemeVars | CalendarThemeVars | CellThemeVars | CheckboxThemeVars | CircleThemeVars | CollapseThemeVars | CountDownThemeVars | DialogThemeVars | FieldThemeVars | ImageThemeVars | LoadingThemeVars | NavBarThemeVars | NoticeBarThemeVars | NotifyThemeVars | OverlayThemeVars | PickerThemeVars | PopupThemeVars | ProgressThemeVars | RadioThemeVars | RateThemeVars | SwitchThemeVars | SearchThemeVars | SidebarThemeVars | SliderThemeVars | StepperThemeVars | StepsThemeVars | TabbarThemeVars | TabThemeVars | TagThemeVars | ToastThemeVars | GridThemeVars | DividerThemeVars | EmptyThemeVars | TreeSelectThemeVars | DropdownMenuThemeVars | IndexAnchorThemeVars | IndexBarThemeVars | SkeletonThemeVars | CascaderThemeVars | CustomKeyboardThemeVars | PopoverThemeVars, string>;
49
+ export type ThemeVars = Record<CommonThemeVars | OverlayThemeVars | DialogThemeVars | IconThemeVars | ActionSheetThemeVars | BottomSheetThemeVars | ButtonThemeVars | CalendarThemeVars | CellThemeVars | CheckboxThemeVars | CircleThemeVars | CollapseThemeVars | CountDownThemeVars | FieldThemeVars | ImageThemeVars | LoadingThemeVars | NavBarThemeVars | NoticeBarThemeVars | NotifyThemeVars | PickerThemeVars | PopupThemeVars | ProgressThemeVars | RadioThemeVars | RateThemeVars | SwitchThemeVars | SearchThemeVars | SidebarThemeVars | SliderThemeVars | StepperThemeVars | StepsThemeVars | TabbarThemeVars | TabThemeVars | TagThemeVars | ToastThemeVars | GridThemeVars | DividerThemeVars | EmptyThemeVars | TreeSelectThemeVars | DropdownMenuThemeVars | IndexAnchorThemeVars | IndexBarThemeVars | SkeletonThemeVars | CascaderThemeVars | CustomKeyboardThemeVars | PopoverThemeVars, string>;
50
50
  export {};
package/lib/@types/picker/index.d.ts CHANGED
@@ -206,5 +206,10 @@ export interface SmartPickerExternalClassName extends SmartBaseExternalClassName
206
206
  * 列样式类
207
207
  */
208
208
  columnClass?: string;
209
+ /**
210
+ * @description 分割线样式
211
+ * @version 2.6.0
212
+ */
213
+ hairlineClass?: string;
209
214
  }
210
215
  export type SmartPicker = SmartComponent<SmartPickerProps, SmartPickerEvents, SmartPickerExternalClassName>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ray-js/smart-ui",
3
- "version": "2.6.0-beta-7",
3
+ "version": "2.6.0",
4
4
  "description": "轻量、可靠的智能小程序 UI 组件库",
5
5
  "scripts": {
6
6
  "syncMiniappData": "node ./build/syncMiniappData.js",
@@ -42,7 +42,7 @@
42
42
  },
43
43
  "dependencies": {
44
44
  "@ray-js/components-ty-slider": "^0.3.4",
45
- "@tuya-miniapp/smart-ui": "2.6.0-beta-10",
45
+ "@tuya-miniapp/smart-ui": "^2.6.0",
46
46
  "lodash-es": "^4.17.21"
47
47
  },
48
48
  "devDependencies": {
@@ -81,4 +81,4 @@
81
81
  "email": "tuyafe@tuya.com"
82
82
  }
83
83
  ]
84
- }
84
+ }