feat(progress): support progress aria (#1156)

* feat(progress): support progress aria fix #1049 * fix(progress): add props add props
Tencent · Dec 5, 2022 · 34d9fcc · 34d9fcc
1 parent d45fa21
commit 34d9fcc
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/common/src/instantiationDecorator.ts b/src/common/src/instantiationDecorator.ts
@@ -42,6 +42,9 @@ export const toComponent = function toComponent(options: Record<string, any>) {
       { key: 'ariaHidden', type: Boolean },
       { key: 'ariaRole', type: String },
       { key: 'ariaLabel', type: String },
+      { key: 'ariaLabelledby', type: String },
+      { key: 'ariaDescribedby', type: String },
+      { key: 'ariaBusy', type: Boolean },
     ];
     ariaProps.forEach(({ key, type }) => {
       options.properties[key] = {

diff --git a/src/progress/progress.wxml b/src/progress/progress.wxml
@@ -1,6 +1,15 @@
 <view style="{{ customStyle }}" class="{{ classPrefix }} {{classPrefix}}--status--{{status || computedStatus}}">
   <view class="{{ classPrefix }}__inner {{prefix}}-class">
     <view
+      aria-role="progressbar"
+      role="progressbar"
+      aria-valuenow="{{computedProgress}}"
+      aria-valuemin="0"
+      aria-valuemax="100"
+      aria-label="{{ ariaLabel }}"
+      aria-labelledby="{{ ariaLabelledby }}"
+      aria-describedby="{{ ariaDescribedby }}"
+      aria-busy="{{ ariaBusy }}"
       class="{{ classPrefix }}__bar {{prefix}}-class-bar"
       style="height: {{ heightBar }}; background: {{ trackColor }}"
     >