fix: 无障碍访问api

* feat: 支持无障碍访问api * fix: 支付宝小程序支持无障碍访问api Co-authored-by: mushan <[email protected]>
remaxjs · Sep 6, 2021 · 35a1af6 · 35a1af6
1 parent 6590642
commit 35a1af6
Show file tree

Hide file tree

Showing 84 changed files with 3,736 additions and 38 deletions.
diff --git a/packages/remax-ali/src/__tests__/components/View.test.tsx b/packages/remax-ali/src/__tests__/components/View.test.tsx
@@ -7,7 +7,7 @@ describe('View', () => {
  const callback = () => void 0;
 
  const testRenderer = TestRenderer.create(
- <View onAnimationStart={callback} catchClick={callback} className="class">
+ <View ariaLabel="view" onAnimationStart={callback} catchClick={callback} className="class">
  view
  </View>
  );

diff --git a/packages/remax-ali/src/__tests__/components/__snapshots__/View.test.tsx.snap b/packages/remax-ali/src/__tests__/components/__snapshots__/View.test.tsx.snap
@@ -2,6 +2,7 @@
 
 exports[`View render correctly 1`] = `
 <view
+ ariaLabel="view"
  catchClick={[Function]}
  className="class"
  onAnimationStart={[Function]}

diff --git a/packages/remax-ali/src/hostComponents/View/index.ts b/packages/remax-ali/src/hostComponents/View/index.ts
@@ -1,7 +1,35 @@
 import * as React from 'react';
 import { createHostComponent } from '@remax/runtime';
 
-export interface ViewProps {
+/** 无障碍属性 */
+// reference: https://opendocs.alipay.com/mini/component/accessibility
+export interface AriaProps {
+ ariaHidden?: string;
+ ariaRole?: string;
+ ariaLabel?: string;
+ ariaChecked?: string;
+ ariaDisabled?: string;
+ ariaDescribedby?: string;
+ ariaExpanded?: string;
+ ariaHaspopup?: string;
+ ariaSelected?: string;
+ ariaRequired?: string;
+ ariaOrientation?: string;
+ ariaValuemin?: string;
+ ariaValuemax?: string;
+ ariaValuenow?: string;
+ ariaReadonly?: string;
+ ariaMultiselectable?: string;
+ ariaControls?: string;
+ tabindex?: string;
+ ariaLabelledby?: string;
+ ariaModal?: string;
+ ariaLive?: string;
+ ariaAtomic?: string;
+ ariaRelevant?: string;
+}
+
+export interface ViewProps extends AriaProps {
  readonly dataset?: DOMStringMap;
  id?: string;
  className?: string;

diff --git a/packages/remax-ali/src/hostComponents/View/node.ts b/packages/remax-ali/src/hostComponents/View/node.ts
@@ -27,6 +27,30 @@ export const alias = {
  onAppear: 'onAppear',
  onDisappear: 'onDisappear',
  onFirstAppear: 'onFirstAppear',
+ /** 无障碍属性 */
+ ariaHidden: 'aria-hidden',
+ ariaRole: 'aria-role',
+ ariaLabel: 'aria-label',
+ ariaChecked: 'aria-checked',
+ ariaDisabled: 'aria-disabled',
+ ariaDescribedby: 'aria-describedby',
+ ariaExpanded: 'aria-expanded',
+ ariaHaspopup: 'aria-haspopup',
+ ariaSelected: 'aria-selected',
+ ariaRequired: 'aria-required',
+ ariaOrientation: 'aria-orientation',
+ ariaValuemin: 'aria-valuemin',
+ ariaValuemax: 'aria-valuemax',
+ ariaValuenow: 'aria-valuenow',
+ ariaReadonly: 'aria-readonly',
+ ariaMultiselectable: 'aria-multiselectable',
+ ariaControls: 'aria-controls',
+ tabindex: 'tabindex',
+ ariaLabelledby: 'aria-labelledby',
+ ariaModal: 'aria-modal',
+ ariaLive: 'aria-live',
+ ariaAtomic: 'aria-atomic',
+ ariaRelevant: 'aria-relevant',
 };
 
 export const props = unique(Object.values(alias));
diff --git a/...es/remax-cli/src/__tests__/integration/fixtures/ali/expected/__remax_runtime_options__.js b/...es/remax-cli/src/__tests__/integration/fixtures/ali/expected/__remax_runtime_options__.js
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/ali/expected/packageA/pages/index.axml b/packages/remax-cli/src/__tests__/integration/fixtures/ali/expected/packageA/pages/index.axml
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/ali/expected/pages/classPage.axml b/packages/remax-cli/src/__tests__/integration/fixtures/ali/expected/pages/classPage.axml
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/ali/expected/pages/index.axml b/packages/remax-cli/src/__tests__/integration/fixtures/ali/expected/pages/index.axml
diff --git a/...remax-cli/src/__tests__/integration/fixtures/assets/expected/__remax_runtime_options__.js b/...remax-cli/src/__tests__/integration/fixtures/assets/expected/__remax_runtime_options__.js
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/assets/expected/pages/index.axml b/packages/remax-cli/src/__tests__/integration/fixtures/assets/expected/pages/index.axml
diff --git a/.../__tests__/integration/fixtures/babel-plugin-import/expected/__remax_runtime_options__.js b/.../__tests__/integration/fixtures/babel-plugin-import/expected/__remax_runtime_options__.js
diff --git a/...emax-cli/src/__tests__/integration/fixtures/babel-plugin-import/expected/pages/index.axml b/...emax-cli/src/__tests__/integration/fixtures/babel-plugin-import/expected/pages/index.axml
diff --git a/...emax-cli/src/__tests__/integration/fixtures/babelrc/expected/__remax_runtime_options__.js b/...emax-cli/src/__tests__/integration/fixtures/babelrc/expected/__remax_runtime_options__.js