fix: 修复小程序自定义组件无法设置 className 的问题

remaxjs · Nov 24, 2020 · d253627 · d253627 · vercel · Nov 24, 2020
1 parent 3fb31e5
commit d253627
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 25 deletions.
diff --git a/packages/remax-runtime/src/__tests__/__snapshots__/index.test.tsx.snap b/packages/remax-runtime/src/__tests__/__snapshots__/index.test.tsx.snap
@@ -631,7 +631,7 @@ Object {
  ],
  "id": 2,
  "props": Object {
- "class": "foo",
+ "className": "foo",
  },
  "text": undefined,
  "type": "view",
@@ -654,7 +654,7 @@ Array [
  "children": Array [],
  "id": 1,
  "props": Object {
- "class": "class",
+ "className": "class",
  "fooBar": "fooBar",
  "onClick": "$$REMAX_METHOD_1_onClick",
  },
@@ -890,7 +890,7 @@ Object {
  "children": Array [],
  "id": 1,
  "props": Object {
- "class": "className",
+ "className": "className",
  "disabled": false,
  "style": "display:flex;flex:1;",
  },
@@ -920,7 +920,7 @@ Object {
  "children": Array [],
  "id": 1,
  "props": Object {
- "class": "updateClassName",
+ "className": "updateClassName",
  "disabled": true,
  "style": "display:flex;flex:2;",
  },

diff --git a/packages/remax-runtime/src/__tests__/__snapshots__/index.toutiao.test.tsx.snap b/packages/remax-runtime/src/__tests__/__snapshots__/index.toutiao.test.tsx.snap
@@ -378,7 +378,7 @@ Object {
  },
  },
  "props": Object {
- "class": "foo",
+ "className": "foo",
  },
  "text": undefined,
  "type": "view",
@@ -400,7 +400,7 @@ Array [
  "children": Array [],
  "id": 1,
  "props": Object {
- "class": "class",
+ "className": "class",
  "fooBar": "fooBar",
  "onClick": "$$REMAX_METHOD_1_onClick",
  },

diff --git a/packages/remax-runtime/src/__tests__/__snapshots__/index.wechat.test.tsx.snap b/packages/remax-runtime/src/__tests__/__snapshots__/index.wechat.test.tsx.snap
@@ -378,7 +378,7 @@ Object {
  },
  },
  "props": Object {
- "class": "foo",
+ "className": "foo",
  },
  "text": undefined,
  "type": "view",
@@ -400,7 +400,7 @@ Array [
  "children": Array [],
  "id": 1,
  "props": Object {
- "class": "class",
+ "className": "class",
  "fooBar": "fooBar",
  "onClick": "$$REMAX_METHOD_1_onClick",
  },

diff --git a/packages/remax-runtime/src/__tests__/propsAlias.test.ts b/packages/remax-runtime/src/__tests__/propsAlias.test.ts
@@ -21,21 +21,6 @@ describe('props alias', () => {
  RuntimeOptions.reset();
  });
 
- it('transform className prop correctly', () => {
- expect(getAlias('className', 'any')).toBe('class');
-
- expect(
- propsAlias(
- {
- className: 'class-name',
- },
- 'any'
- )
- ).toEqual({
- class: 'class-name',
- });
- });
-
  it('transform style prop correctly', () => {
  expect(
  propsAlias(

diff --git a/packages/remax-runtime/src/propsAlias.ts b/packages/remax-runtime/src/propsAlias.ts
@@ -2,8 +2,6 @@ import plainStyle from './utils/plainStyle';
 import { RuntimeOptions } from '@remax/framework-shared';
 
 export function getAlias(prop: string, type: string) {
- prop = prop.replace('className', 'class');
-
  const hostComponent = RuntimeOptions.get('hostComponents')[type];
 
  const prefix = `${RuntimeOptions.get('platform')}-`;