@tarojs/components 4.2.1-beta.0 → 4.2.1-beta.2

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 (86) hide show
  1. package/dist/cjs/image-315b9040.js +61 -0
  2. package/dist/cjs/index.cjs.js +3 -3
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/{scroll-view-65cb8d5f.js → scroll-view-f1361b2b.js} +3 -2
  5. package/dist/cjs/taro-components.cjs.js +1 -1
  6. package/dist/cjs/taro-image-core.cjs.entry.js +1 -1
  7. package/dist/cjs/taro-scroll-view-core.cjs.entry.js +1 -1
  8. package/dist/cjs/taro-web-view-core.cjs.entry.js +1 -1
  9. package/dist/cjs/web-view-1ec276e7.js +74 -0
  10. package/dist/collection/components/image/image.js +32 -11
  11. package/dist/collection/components/image/style/index.css +1 -1
  12. package/dist/collection/components/scroll-view/scroll-view.js +3 -2
  13. package/dist/collection/components/web-view/web-view.js +62 -1
  14. package/dist/components/taro-image-core.js +13 -12
  15. package/dist/components/taro-scroll-view-core.js +3 -2
  16. package/dist/components/taro-web-view-core.js +48 -1
  17. package/dist/esm/image-a2d81773.js +59 -0
  18. package/dist/esm/index.js +3 -3
  19. package/dist/esm/loader.js +1 -1
  20. package/dist/esm/{scroll-view-43e9acfc.js → scroll-view-7f9988b3.js} +3 -2
  21. package/dist/esm/taro-components.js +1 -1
  22. package/dist/esm/taro-image-core.entry.js +1 -1
  23. package/dist/esm/taro-scroll-view-core.entry.js +1 -1
  24. package/dist/esm/taro-web-view-core.entry.js +1 -1
  25. package/dist/esm/web-view-abc07992.js +72 -0
  26. package/dist/hydrate/index.js +64 -15
  27. package/dist/taro-components/index.esm.js +1 -1
  28. package/dist/taro-components/p-3e521c50.entry.js +1 -0
  29. package/dist/taro-components/{p-58a709ad.js → p-5108ba78.js} +1 -1
  30. package/dist/taro-components/p-85e84cde.entry.js +1 -0
  31. package/dist/taro-components/p-8635925e.js +1 -0
  32. package/dist/taro-components/p-a5f2ce14.entry.js +1 -0
  33. package/dist/taro-components/p-b28231cc.js +1 -0
  34. package/dist/taro-components/taro-components.esm.js +1 -1
  35. package/dist/types/components/image/image.d.ts +5 -1
  36. package/dist/types/components/web-view/web-view.d.ts +5 -0
  37. package/dist/types/components.d.ts +11 -0
  38. package/lib/vue3/components.js +3 -1
  39. package/lib/vue3/components.js.map +1 -1
  40. package/package.json +5 -5
  41. package/types/Audio.d.ts +13 -13
  42. package/types/Button.d.ts +50 -16
  43. package/types/Camera.d.ts +7 -7
  44. package/types/Canvas.d.ts +10 -10
  45. package/types/Checkbox.d.ts +5 -5
  46. package/types/CheckboxGroup.d.ts +2 -2
  47. package/types/CoverImage.d.ts +42 -4
  48. package/types/CoverView.d.ts +21 -1
  49. package/types/CustomWrapper.d.ts +1 -1
  50. package/types/Editor.d.ts +20 -8
  51. package/types/Form.d.ts +3 -3
  52. package/types/Icon.d.ts +4 -4
  53. package/types/Image.d.ts +12 -6
  54. package/types/Input.d.ts +16 -16
  55. package/types/Label.d.ts +2 -2
  56. package/types/Map.d.ts +21 -17
  57. package/types/MovableArea.d.ts +2 -2
  58. package/types/MovableView.d.ts +16 -16
  59. package/types/Navigator.d.ts +8 -8
  60. package/types/Picker.d.ts +26 -26
  61. package/types/PickerView.d.ts +7 -7
  62. package/types/PickerViewColumn.d.ts +1 -1
  63. package/types/Progress.d.ts +13 -13
  64. package/types/Radio.d.ts +5 -5
  65. package/types/RadioGroup.d.ts +2 -2
  66. package/types/RichText.d.ts +4 -4
  67. package/types/ScrollView.d.ts +16 -16
  68. package/types/Slider.d.ts +14 -14
  69. package/types/Swiper.d.ts +14 -14
  70. package/types/SwiperItem.d.ts +2 -2
  71. package/types/Switch.d.ts +7 -7
  72. package/types/Text.d.ts +4 -4
  73. package/types/Textarea.d.ts +13 -13
  74. package/types/Video.d.ts +37 -37
  75. package/types/View.d.ts +5 -5
  76. package/types/WebView.d.ts +4 -4
  77. package/types/common.d.ts +24 -1
  78. package/dist/cjs/image-4303ed3a.js +0 -60
  79. package/dist/cjs/web-view-be5a2d1d.js +0 -27
  80. package/dist/esm/image-b0b222bc.js +0 -58
  81. package/dist/esm/web-view-8f780a19.js +0 -25
  82. package/dist/taro-components/p-00e72620.entry.js +0 -1
  83. package/dist/taro-components/p-1f81d4f4.js +0 -1
  84. package/dist/taro-components/p-5570a53e.entry.js +0 -1
  85. package/dist/taro-components/p-beae3fe0.js +0 -1
  86. package/dist/taro-components/p-cb7e1d6e.entry.js +0 -1
@@ -2,21 +2,21 @@ import { ComponentType } from 'react'
2
2
  import { StandardProps, CommonEventFunction, FormItemProps } from './common'
3
3
  interface CheckboxProps extends StandardProps {
4
4
  /** `<Checkbox/>`标识,选中时触发`<CheckboxGroup/>`的 change 事件,并携带 `<Checkbox/>` 的 value
5
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
5
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
6
6
  */
7
7
  value: string
8
8
  /** 是否禁用
9
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
9
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
10
10
  * @default false
11
11
  */
12
12
  disabled?: boolean
13
13
  /** 当前是否选中,可用来设置默认选中
14
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
14
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
15
15
  * @default false
16
16
  */
17
17
  checked?: boolean
18
18
  /** checkbox的颜色,同 css 的 color
19
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
19
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
20
20
  */
21
21
  color?: string
22
22
  /**
@@ -41,7 +41,7 @@ interface CheckboxProps extends StandardProps {
41
41
  }
42
42
  /** 多选项目
43
43
  * @classification forms
44
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
44
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
45
45
  * @example_react
46
46
  * ```tsx
47
47
  * export default class PageCheckbox extends Component {
@@ -6,7 +6,7 @@ interface CheckboxGroupProps extends StandardProps, FormItemProps {
6
6
  */
7
7
  name?: string
8
8
  /** `<CheckboxGroup/>` 中选中项发生改变是触发 change 事件
9
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
9
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
10
10
  */
11
11
  onChange?: CommonEventFunction<{
12
12
  value: string[]
@@ -14,7 +14,7 @@ interface CheckboxGroupProps extends StandardProps, FormItemProps {
14
14
  }
15
15
  /** 多项选择器,内部由多个checkbox组成
16
16
  * @classification forms
17
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
17
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
18
18
  * @example
19
19
  * ```tsx
20
20
  * export default class PageCheckbox extends Component {
@@ -2,9 +2,14 @@ import { ComponentType } from 'react'
2
2
  import { StandardProps, CommonEventFunction } from './common'
3
3
  interface CoverImageProps extends StandardProps {
4
4
  /** 图标路径,支持临时路径、网络地址、云文件ID。暂不支持base64格式。
5
- * @supported weapp, alipay, swan, qq, jd, h5, harmony_hybrid
5
+ * @supported weapp, alipay, swan, qq, jd, h5, harmony_hybrid, ascf
6
6
  */
7
7
  src: string
8
+ /** 图片裁剪、缩放的模式
9
+ * @default "scaleToFill"
10
+ * @supported ascf
11
+ */
12
+ mode?: keyof CoverImageProps.Mode
8
13
  /** 格式固定为 https://servicewechat.com/{appid}/{version}/page-frame.html,其中 {appid} 为小程序的 appid,{version} 为小程序的版本号,版本号为 0 表示为开发版、体验版以及审核版本,版本号为 devtools 表示为开发者工具,其余为正式版本;
9
14
  * @supported weapp
10
15
  */
@@ -34,11 +39,11 @@ interface CoverImageProps extends StandardProps {
34
39
  */
35
40
  ariaLabel?: string
36
41
  /** 图片加载成功时触发
37
- * @supported weapp, swan, qq, jd, h5, harmony_hybrid
42
+ * @supported weapp, swan, qq, jd, h5, harmony_hybrid, ascf
38
43
  */
39
44
  onLoad?: CommonEventFunction
40
45
  /** 图片加载失败时触发
41
- * @supported weapp, swan, qq, jd, h5, harmony_hybrid
46
+ * @supported weapp, swan, qq, jd, h5, harmony_hybrid, ascf
42
47
  */
43
48
  onError?: CommonEventFunction
44
49
  /** 点击事件回调。
@@ -46,9 +51,42 @@ interface CoverImageProps extends StandardProps {
46
51
  */
47
52
  onTap?: CommonEventFunction
48
53
  }
54
+ declare namespace CoverImageProps {
55
+ /** mode 的合法值 */
56
+ interface Mode {
57
+ /** 缩放模式,不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素 */
58
+ scaleToFill
59
+ /** 缩放模式,保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来。 */
60
+ aspectFit
61
+ /** 缩放模式,保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取。 */
62
+ aspectFill
63
+ /** 缩放模式,宽度不变,高度自动变化,保持原图宽高比不变 */
64
+ widthFix
65
+ /** 缩放模式,高度不变,宽度自动变化,保持原图宽高比不变 */
66
+ heightFix
67
+ /** 裁剪模式,不缩放图片,只显示图片的顶部区域 */
68
+ top
69
+ /** 裁剪模式,不缩放图片,只显示图片的底部区域 */
70
+ bottom
71
+ /** 裁剪模式,不缩放图片,只显示图片的中间区域 */
72
+ center
73
+ /** 裁剪模式,不缩放图片,只显示图片的左边区域 */
74
+ left
75
+ /** 裁剪模式,不缩放图片,只显示图片的右边区域 */
76
+ right
77
+ /** 裁剪模式,不缩放图片,只显示图片的左上边区域 */
78
+ 'top left'
79
+ /** 裁剪模式,不缩放图片,只显示图片的右上边区域 */
80
+ 'top right'
81
+ /** 裁剪模式,不缩放图片,只显示图片的左下边区域 */
82
+ 'bottom left'
83
+ /** 裁剪模式,不缩放图片,只显示图片的右下边区域 */
84
+ 'bottom right'
85
+ }
86
+ }
49
87
  /** 覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view,支持嵌套在cover-view里。
50
88
  * @classification viewContainer
51
- * @supported weapp, alipay, swan, qq, jd, h5, harmony_hybrid
89
+ * @supported weapp, alipay, swan, qq, jd, h5, harmony_hybrid, ascf
52
90
  * @example_react
53
91
  * ```tsx
54
92
  * // js
@@ -130,10 +130,30 @@ interface CoverViewProps extends ViewProps {
130
130
  * <CoverView slot="header" />
131
131
  */
132
132
  slot?: string
133
+ /** 指定按下去的样式类。当 `hover-class="none"` 时,没有点击态效果
134
+ * @default none
135
+ * @supported ascf
136
+ */
137
+ hoverClass?: string
138
+ /** 指定是否阻止本节点的祖先节点出现点击态
139
+ * @default false
140
+ * @supported ascf
141
+ */
142
+ hoverStopPropagation?: boolean
143
+ /** 按住后多久出现点击态,单位毫秒
144
+ * @default 50
145
+ * @supported ascf
146
+ */
147
+ hoverStartTime?: number
148
+ /** 手指松开后点击态保留时间,单位毫秒
149
+ * @default 400
150
+ * @supported ascf
151
+ */
152
+ hoverStayTime?: number
133
153
  }
134
154
  /** 覆盖在原生组件之上的文本视图。可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher 只支持嵌套 cover-view、cover-image,可在 cover-view 中使用 button。
135
155
  * @classification viewContainer
136
- * @supported weapp, alipay, swan, qq, jd, h5, harmony_hybrid
156
+ * @supported weapp, alipay, swan, qq, jd, h5, harmony_hybrid, ascf
137
157
  * @example_react
138
158
  * ```tsx
139
159
  * // js
@@ -7,7 +7,7 @@ interface CustomWrapperProps extends StandardProps {
7
7
  /** custom-wrapper 自定义组件包裹器
8
8
  * 当数据更新层级较深时,可用此组件将需要更新的区域包裹起来,这样更新层级将大大减少
9
9
  * @classification viewContainer
10
- * @supported weapp, swan, alipay, tt, jd, qq, h5, harmony_hybrid
10
+ * @supported weapp, swan, alipay, tt, jd, qq, h5, harmony_hybrid, ascf
11
11
  * @example
12
12
  * ```tsx
13
13
  * import { Component } from 'react'
package/types/Editor.d.ts CHANGED
@@ -3,11 +3,11 @@ import { StandardProps, CommonEventFunction } from './common'
3
3
  interface EditorProps extends StandardProps {
4
4
  /** 设置编辑器为只读
5
5
  * @default false
6
- * @supported weapp, jd
6
+ * @supported weapp, jd, ascf
7
7
  */
8
8
  readOnly?: boolean
9
9
  /** 提示信息
10
- * @supported weapp, jd
10
+ * @supported weapp, jd, ascf
11
11
  */
12
12
  placeholder?: string
13
13
  /** 点击图片时显示图片大小控件
@@ -25,26 +25,38 @@ interface EditorProps extends StandardProps {
25
25
  * @supported weapp, jd
26
26
  */
27
27
  showImgResize?: boolean
28
+ /** 编辑器允许的名单内的格式。
29
+ * @supported ascf
30
+ */
31
+ enableFormats?: string[]
32
+ /** 点击编辑器拉起输入法后,输入法键盘右下角文字类型。
33
+ * @supported ascf
34
+ */
35
+ enterkeyhint?: 'send' | 'search' | 'next' | 'previous' | 'go' | 'done' | 'enter'
36
+ /** 点击键盘回车键时是否保持键盘不收起。
37
+ * @supported ascf
38
+ */
39
+ confirmHold?: boolean
28
40
  /** 编辑器初始化完成时触发
29
- * @supported weapp, jd
41
+ * @supported weapp, jd, ascf
30
42
  */
31
43
  onReady?: CommonEventFunction
32
44
  /** 编辑器聚焦时触发
33
- * @supported weapp, jd
45
+ * @supported weapp, jd, ascf
34
46
  */
35
47
  onFocus?: CommonEventFunction<EditorProps.editorEventDetail>
36
48
  /** 编辑器失去焦点时触发
37
49
  * detail = { html, text, delta }
38
- * @supported weapp, jd
50
+ * @supported weapp, jd, ascf
39
51
  */
40
52
  onBlur?: CommonEventFunction<EditorProps.editorEventDetail>
41
53
  /** 编辑器内容改变时触发
42
54
  * detail = { html, text, delta }
43
- * @supported weapp, jd
55
+ * @supported weapp, jd, ascf
44
56
  */
45
57
  onInput?: CommonEventFunction<EditorProps.editorEventDetail>
46
58
  /** 通过 Context 方法改变编辑器内样式时触发,返回选区已设置的样式
47
- * @supported weapp, jd
59
+ * @supported weapp, jd, ascf
48
60
  */
49
61
  onStatusChange?: CommonEventFunction
50
62
  }
@@ -67,7 +79,7 @@ declare namespace EditorProps {
67
79
  *
68
80
  * *编辑器内支持部分 HTML 标签和内联样式,不支持 **class** 和 **id***
69
81
  * @classification forms
70
- * @supported weapp, jd
82
+ * @supported weapp, jd, ascf
71
83
  * @example_react
72
84
  * ```tsx
73
85
  * class App extends Components {
package/types/Form.d.ts CHANGED
@@ -43,11 +43,11 @@ interface FormProps extends StandardProps {
43
43
  */
44
44
  clueComponentId?: string
45
45
  /** 携带 form 中的数据触发 submit 事件
46
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
46
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
47
47
  */
48
48
  onSubmit?: CommonEventFunction<FormProps.onSubmitEventDetail>
49
49
  /** 表单重置时会触发 reset 事件
50
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
50
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
51
51
  */
52
52
  onReset?: CommonEventFunction
53
53
  }
@@ -69,7 +69,7 @@ declare namespace FormProps {
69
69
  *
70
70
  * 当点击 form 表单中 form-type 为 submit 的 button 组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。
71
71
  * @classification forms
72
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
72
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
73
73
  * @example_react
74
74
  * ```tsx
75
75
  * class App extends Component {
package/types/Icon.d.ts CHANGED
@@ -2,16 +2,16 @@ import { ComponentType } from 'react'
2
2
  import { StandardProps } from './common'
3
3
  interface IconProps extends StandardProps {
4
4
  /** icon 的类型
5
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
5
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
6
6
  */
7
7
  type: keyof IconProps.TIconType
8
8
  /** icon 的大小,单位px
9
9
  * @default 23
10
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
10
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
11
11
  */
12
12
  size?: number
13
13
  /** icon 的颜色,同 css 的 color
14
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
14
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
15
15
  */
16
16
  color?: string
17
17
  /** 无障碍访问,(属性)元素的额外描述
@@ -48,7 +48,7 @@ declare namespace IconProps {
48
48
  }
49
49
  /** 图标。组件属性的长度单位默认为 px
50
50
  * @classification base
51
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
51
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
52
52
  * @example_react
53
53
  * ```tsx
54
54
  * export default class PageView extends Component {
package/types/Image.d.ts CHANGED
@@ -2,12 +2,12 @@ import { ComponentType, ImgHTMLAttributes } from 'react'
2
2
  import { StandardProps, CommonEventFunction } from './common'
3
3
  interface ImageProps extends StandardProps {
4
4
  /** 图片资源地址
5
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
5
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
6
6
  */
7
7
  src: string
8
8
  /** 图片裁剪、缩放的模式
9
9
  * @default "scaleToFill"
10
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
10
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
11
11
  * @rn 部分支持 scaleToFill, aspectFit, aspectFill, widthFix
12
12
  * @harmony 部分支持 scaleToFill, aspectFit, aspectFill, widthFix, heightFix
13
13
  */
@@ -24,7 +24,7 @@ interface ImageProps extends StandardProps {
24
24
  svg?: boolean
25
25
  /** 图片懒加载。只针对 page 与 scroll-view 下的 image 有效
26
26
  * @default false
27
- * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
27
+ * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid, ascf
28
28
  */
29
29
  lazyLoad?: boolean
30
30
  /** 开启长按图片显示识别小程序码菜单
@@ -41,6 +41,12 @@ interface ImageProps extends StandardProps {
41
41
  * @supported h5, harmony_hybrid
42
42
  */
43
43
  nativeProps?: Record<string, unknown>
44
+ /**
45
+ * H5 / WebComponents 为 true 时关闭默认占位,`taro-image-core` 外层宽高均为 `auto`(默认 false 仍为 320×240)。
46
+ * @default false
47
+ * @supported h5, harmony_hybrid
48
+ */
49
+ disableDefaultSize?: boolean
44
50
  /** 默认图片地址,若设置默认图片地址,会先显示默认图片,等 src 对应的图片加载成功后,再渲染对应的图片。
45
51
  * @supported alipay
46
52
  */
@@ -67,11 +73,11 @@ interface ImageProps extends StandardProps {
67
73
  */
68
74
  fadeIn?: boolean
69
75
  /** 当错误发生时,发布到 AppService 的事件名,事件对象
70
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
76
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
71
77
  */
72
78
  onError?: CommonEventFunction<ImageProps.onErrorEventDetail>
73
79
  /** 当图片载入完毕时,发布到 AppService 的事件名,事件对象
74
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
80
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
75
81
  */
76
82
  onLoad?: CommonEventFunction<ImageProps.onLoadEventDetail>
77
83
  /** 点击图片时触发。
@@ -130,7 +136,7 @@ declare namespace ImageProps {
130
136
  *
131
137
  * **Note:** 为实现小程序的 `mode` 特性,在 H5 组件中使用一个 `div` 容器来对内部的 `img` 进行展示区域的裁剪,因此请勿使用元素选择器来重置 `img` 的样式!
132
138
  * @classification media
133
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
139
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
134
140
  * @example_react
135
141
  * ```tsx
136
142
  * export default class PageView extends Component {
package/types/Input.d.ts CHANGED
@@ -2,35 +2,35 @@ import { ComponentType } from 'react'
2
2
  import { StandardProps, CommonEventFunction, FormItemProps } from './common'
3
3
  interface InputProps extends StandardProps, FormItemProps {
4
4
  /** 输入框的初始内容
5
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
5
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
6
6
  */
7
7
  value?: string
8
8
  /** 设置 React 非受控输入框的初始内容
9
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
9
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
10
10
  * @unique
11
11
  */
12
12
  defaultValue?: string
13
13
  /** input 的类型
14
14
  * @default "text"
15
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
15
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
16
16
  */
17
17
  type?: keyof InputProps.Type
18
18
  /** 是否是密码类型
19
19
  * @default false
20
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
20
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
21
21
  */
22
22
  password?: boolean
23
23
  /** 输入框为空时占位符
24
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
24
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
25
25
  */
26
26
  placeholder?: string
27
27
  /** 指定 placeholder 的样式
28
- * @supported weapp, alipay, swan, tt, qq, jd, rn, harmony
28
+ * @supported weapp, alipay, swan, tt, qq, jd, rn, harmony, ascf
29
29
  */
30
30
  placeholderStyle?: string
31
31
  /** 指定 placeholder 的样式类
32
32
  * @default "input-placeholder"
33
- * @supported weapp, alipay, swan, tt, qq, jd
33
+ * @supported weapp, alipay, swan, tt, qq, jd, ascf
34
34
  */
35
35
  placeholderClass?: string
36
36
  /** 指定 placeholder 的文本颜色
@@ -39,12 +39,12 @@ interface InputProps extends StandardProps, FormItemProps {
39
39
  placeholderTextColor?: string
40
40
  /** 是否禁用
41
41
  * @default false
42
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
42
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
43
43
  */
44
44
  disabled?: boolean
45
45
  /** 最大输入长度,设置为 -1 的时候不限制最大长度
46
46
  * @default 140
47
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
47
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
48
48
  */
49
49
  maxlength?: number
50
50
  /** 指定光标与键盘的距离,单位 px 。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离
@@ -60,13 +60,13 @@ interface InputProps extends StandardProps, FormItemProps {
60
60
  autoFocus?: boolean
61
61
  /** 获取焦点
62
62
  * @default false
63
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
63
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
64
64
  */
65
65
  focus?: boolean
66
66
  /** 设置键盘右下角按钮的文字,仅在type='text'时生效
67
67
  * @alipay confirm-type 与 enableNative 属性冲突,若希望 confirm-type 生效,enableNative 不能设定为 false,而且不能设定 always-system
68
68
  * @default done
69
- * @supported weapp, alipay, swan, tt, qq, jd, rn, harmony
69
+ * @supported weapp, alipay, swan, tt, qq, jd, rn, harmony, ascf
70
70
  */
71
71
  confirmType?: keyof InputProps.ConfirmType
72
72
  /** 点击键盘右下角按钮时是否保持键盘不收起
@@ -175,19 +175,19 @@ interface InputProps extends StandardProps, FormItemProps {
175
175
  */
176
176
  clueType?: number
177
177
  /** 当键盘输入时,触发input事件,event.detail = {value, cursor, keyCode},处理函数可以直接 return 一个字符串,将替换输入框的内容。
178
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
178
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
179
179
  */
180
180
  onInput?: CommonEventFunction<InputProps.inputEventDetail>
181
181
  /** 输入框聚焦时触发,event.detail = { value, height },height 为键盘高度
182
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
182
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
183
183
  */
184
184
  onFocus?: CommonEventFunction<InputProps.inputForceEventDetail>
185
185
  /** 输入框失去焦点时触发
186
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
186
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
187
187
  */
188
188
  onBlur?: CommonEventFunction<InputProps.inputValueEventDetail>
189
189
  /** 点击完成按钮时触发
190
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
190
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
191
191
  */
192
192
  onConfirm?: CommonEventFunction<InputProps.inputValueEventDetail>
193
193
  /** 键盘高度发生变化的时候触发此事件
@@ -300,7 +300,7 @@ declare namespace InputProps {
300
300
  }
301
301
  /** 输入框。该组件是原生组件,使用时请注意相关限制
302
302
  * @classification forms
303
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
303
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
304
304
  * @example_react
305
305
  * ```tsx
306
306
  * class App extends Component {
package/types/Label.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ComponentType } from 'react'
2
2
  import { StandardProps } from './common'
3
3
  interface LabelProps extends StandardProps {
4
4
  /** 绑定控件的 id
5
- * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony, harmony_hybrid
5
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony, harmony_hybrid, ascf
6
6
  */
7
7
  for?: string
8
8
  }
@@ -10,7 +10,7 @@ interface LabelProps extends StandardProps {
10
10
  *
11
11
  * 使用for属性找到对应的id,或者将控件放在该标签下,当点击时,就会触发对应的控件。 for优先级高于内部控件,内部有多个控件的时候默认触发第一个控件。 目前可以绑定的控件有:button, checkbox, radio, switch。
12
12
  * @classification forms
13
- * @supported weapp, swan, alipay, tt, h5, rn, harmony, harmony_hybrid
13
+ * @supported weapp, swan, alipay, tt, h5, rn, harmony, harmony_hybrid, ascf
14
14
  * @example_react
15
15
  * ```tsx
16
16
  * class App extends Components {
package/types/Map.d.ts CHANGED
@@ -2,16 +2,16 @@ import { ComponentType } from 'react'
2
2
  import { StandardProps, CommonEventFunction } from './common'
3
3
  interface MapProps extends StandardProps {
4
4
  /** 中心经度
5
- * @supported weapp, alipay, swan, tt, qq, jd
5
+ * @supported weapp, alipay, swan, tt, qq, jd, ascf
6
6
  */
7
7
  longitude: number
8
8
  /** 中心纬度
9
- * @supported weapp, alipay, swan, tt, qq, jd
9
+ * @supported weapp, alipay, swan, tt, qq, jd, ascf
10
10
  */
11
11
  latitude: number
12
12
  /** 缩放级别,取值范围为 3-20
13
13
  * @default 16
14
- * @supported weapp, alipay, swan, tt, qq, jd
14
+ * @supported weapp, alipay, swan, tt, qq, jd, ascf
15
15
  * @swan 取值范围为4-21
16
16
  * @alipay 取值范围为5-18
17
17
  */
@@ -27,7 +27,7 @@ interface MapProps extends StandardProps {
27
27
  */
28
28
  maxScale?: number
29
29
  /** 标记点
30
- * @supported weapp, alipay, swan, tt, qq, jd
30
+ * @supported weapp, alipay, swan, tt, qq, jd, ascf
31
31
  */
32
32
  markers?: MapProps.marker[]
33
33
  /** **即将移除,请使用 markers**
@@ -36,11 +36,11 @@ interface MapProps extends StandardProps {
36
36
  */
37
37
  covers?: any[]
38
38
  /** 路线
39
- * @supported weapp, alipay, swan, tt, qq, jd
39
+ * @supported weapp, alipay, swan, tt, qq, jd, ascf
40
40
  */
41
41
  polyline?: MapProps.polyline[]
42
42
  /** 圆
43
- * @supported weapp, alipay, swan, tt, qq, jd
43
+ * @supported weapp, alipay, swan, tt, qq, jd, ascf
44
44
  */
45
45
  circles?: MapProps.circle[]
46
46
  /** 控件(即将废弃,建议使用 cover-view 代替)
@@ -54,13 +54,17 @@ interface MapProps extends StandardProps {
54
54
  includePoints?: MapProps.point[]
55
55
  /** 显示带有方向的当前定位点
56
56
  * @default false
57
- * @supported weapp, alipay, swan, tt, qq, jd
57
+ * @supported weapp, alipay, swan, tt, qq, jd, ascf
58
58
  */
59
59
  showLocation?: boolean
60
60
  /** 多边形
61
- * @supported weapp, swan, tt, qq
61
+ * @supported weapp, swan, tt, qq, ascf
62
62
  */
63
63
  polygons?: MapProps.polygon[]
64
+ /** 指定中心点缩放地图。true表示使用组件中心点。
65
+ * @supported ascf
66
+ */
67
+ enableCenterScale?: boolean
64
68
  /** 个性化地图使用的 key
65
69
  * @supported weapp, qq
66
70
  */
@@ -82,7 +86,7 @@ interface MapProps extends StandardProps {
82
86
  skew?: number
83
87
  /** 显示指南针
84
88
  * @default false
85
- * @supported weapp, alipay, swan, tt, qq
89
+ * @supported weapp, alipay, swan, tt, qq, ascf
86
90
  */
87
91
  showCompass?: boolean
88
92
  /** 显示比例尺
@@ -97,17 +101,17 @@ interface MapProps extends StandardProps {
97
101
  enableOverlooking?: boolean
98
102
  /** 是否支持缩放
99
103
  * @default true
100
- * @supported weapp, alipay, swan, tt, qq
104
+ * @supported weapp, alipay, swan, tt, qq, ascf
101
105
  */
102
106
  enableZoom?: boolean
103
107
  /** 是否支持拖动
104
108
  * @default true
105
- * @supported weapp, alipay, swan, tt, qq
109
+ * @supported weapp, alipay, swan, tt, qq, ascf
106
110
  */
107
111
  enableScroll?: boolean
108
112
  /** 是否支持旋转
109
113
  * @default false
110
- * @supported weapp, alipay, swan, tt, qq
114
+ * @supported weapp, alipay, swan, tt, qq, ascf
111
115
  */
112
116
  enableRotate?: boolean
113
117
  /** 是否开启卫星图
@@ -187,11 +191,11 @@ interface MapProps extends StandardProps {
187
191
  */
188
192
  enable3D?: boolean
189
193
  /** 点击地图时触发
190
- * @supported weapp, alipay, swan, tt, qq, jd
194
+ * @supported weapp, alipay, swan, tt, qq, jd, ascf
191
195
  */
192
196
  onTap?: CommonEventFunction
193
197
  /** 点击标记点时触发,e.detail = {markerId}
194
- * @supported weapp, alipay, swan, tt, qq, jd
198
+ * @supported weapp, alipay, swan, tt, qq, jd, ascf
195
199
  */
196
200
  onMarkerTap?: CommonEventFunction<MapProps.onMarkerTapEventDetail>
197
201
  /** 点击label时触发,e.detail = {markerId}
@@ -203,15 +207,15 @@ interface MapProps extends StandardProps {
203
207
  */
204
208
  onControlTap?: CommonEventFunction<MapProps.onControlTapEventDetail>
205
209
  /** 点击标记点对应的气泡时触发,e.detail = {markerId}
206
- * @supported alipay
210
+ * @supported alipay, ascf
207
211
  */
208
212
  onCalloutTap?: CommonEventFunction<MapProps.onCalloutTapEventDetail>
209
213
  /** 在地图渲染更新完成时触发
210
- * @supported weapp, swan, tt, qq
214
+ * @supported weapp, swan, tt, qq, ascf
211
215
  */
212
216
  onUpdated?: CommonEventFunction
213
217
  /** 视野发生变化时触发
214
- * @supported weapp, alipay, swan, tt, qq, jd
218
+ * @supported weapp, alipay, swan, tt, qq, jd, ascf
215
219
  */
216
220
  onRegionChange?: CommonEventFunction<MapProps.onRegionEventDetail<'begin'> | MapProps.onRegionEventDetail<'end'>>
217
221
  /** 点击地图poi点时触发,e.detail = {name, longitude, latitude}
@@ -3,13 +3,13 @@ import { StandardProps } from './common'
3
3
  interface MovableAreaProps extends StandardProps {
4
4
  /** 当里面的 movable-view 设置为支持双指缩放时,设置此值可将缩放手势生效区域修改为整个 movable-area
5
5
  * @default false
6
- * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid
6
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid, ascf
7
7
  */
8
8
  scaleArea?: boolean
9
9
  }
10
10
  /** movable-view 的可移动区域
11
11
  * @classification viewContainer
12
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
12
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
13
13
  * @example_react
14
14
  * ```tsx
15
15
  * class App extends Components {