@ray-js/smart-ui 2.3.3-beta-7 → 2.3.3-beta-9

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.
@@ -83,6 +83,12 @@ export interface SmartImageProps {
83
83
  * @default false
84
84
  */
85
85
  showMenuByLongpress?: boolean;
86
+ /**
87
+ * 改变图片颜色 通过css mask属性实现
88
+ *
89
+ * @default ''
90
+ */
91
+ tintColor?: string;
86
92
  }
87
93
  export interface SmartImageLoadEventDetail {
88
94
  width: number;
@@ -1,16 +1,16 @@
1
1
  /// <reference types="react" />
2
2
  import { SmartComponent } from '../base';
3
3
  export interface SmartCircleProps {
4
+ /**
5
+ * 类名
6
+ */
7
+ className?: string;
4
8
  /**
5
9
  * 目标进度
6
10
  *
7
11
  * @default 0
8
12
  */
9
13
  percent?: number;
10
- /**
11
- * 指定`canvas`类型
12
- */
13
- type?: '2d';
14
14
  /**
15
15
  * 圆环直径,默认单位为 `px`
16
16
  *
@@ -19,6 +19,7 @@ export interface SmartCircleProps {
19
19
  size?: number;
20
20
  /**
21
21
  * 进度条颜色,传入对象格式可以定义渐变色
22
+ * @deprecated use fillColor
22
23
  *
23
24
  * @default '#1989fa'
24
25
  */
@@ -27,42 +28,58 @@ export interface SmartCircleProps {
27
28
  * 轨道颜色
28
29
  *
29
30
  * @default '#fff'
31
+ * @deprecated use trackColor
30
32
  */
31
33
  'layer-color'?: string;
32
34
  /**
33
- * 填充颜色
35
+ * 进度条宽度
36
+ *
37
+ * @deprecated use trackWidth
38
+ * @default 10
34
39
  */
35
- fill?: string;
40
+ 'stroke-width'?: number;
36
41
  /**
37
- * 动画速度(单位为 value/s)
38
- *
39
- * @default 50
42
+ * 自定义样式
40
43
  */
41
- speed?: number;
44
+ customStyle?: React.CSSProperties;
42
45
  /**
43
- * 文字
46
+ * 自定义样式
47
+ * @deprecated
44
48
  */
45
- text?: string;
49
+ style?: React.CSSProperties;
46
50
  /**
47
- * 进度条宽度
48
- *
49
- * @default 4
51
+ * 样式风格
52
+ * @default basic
50
53
  */
51
- 'stroke-width'?: number;
54
+ mode?: 'basic' | 'angle' | 'angle2';
52
55
  /**
53
- * 是否顺时针增加
54
- *
56
+ * 是否圆角
55
57
  * @default true
56
58
  */
57
- clockwise?: boolean;
59
+ round?: boolean;
58
60
  /**
59
- * 自定义样式
61
+ * 进度条颜色
62
+ * @default #007AFF
60
63
  */
61
- customStyle?: React.CSSProperties;
64
+ fillColor?: string;
62
65
  /**
63
- * 自定义样式
64
- * @deprecated
66
+ * 进度条渐变颜色,例如 { '0%': '#2361DE', '50%': '#23DEB5' }
65
67
  */
66
- style?: React.CSSProperties;
68
+ fillColorStops?: Record<string, string>;
69
+ /**
70
+ * 滑槽宽度
71
+ * @default 10px
72
+ */
73
+ trackWidth?: string;
74
+ /**
75
+ * 遮罩颜色
76
+ * @default #ffffff
77
+ */
78
+ maskColor?: string;
79
+ /**
80
+ * 滑槽颜色
81
+ * @default #d3d3d3
82
+ */
83
+ trackColor?: string;
67
84
  }
68
85
  export type SmartCircle = SmartComponent<SmartCircleProps>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ray-js/smart-ui",
3
- "version": "2.3.3-beta-7",
3
+ "version": "2.3.3-beta-9",
4
4
  "description": "轻量、可靠的智能小程序 UI 组件库",
5
5
  "scripts": {
6
6
  "syncMiniappData": "node ./build/syncMiniappData.js",
@@ -36,7 +36,7 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "@ray-js/components-ty-slider": "^0.3.2",
39
- "@tuya-miniapp/smart-ui": "2.3.3-beta-4",
39
+ "@tuya-miniapp/smart-ui": "2.3.3-beta-6",
40
40
  "lodash-es": "^4.17.21"
41
41
  },
42
42
  "devDependencies": {