github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2025-12-10 18:03:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add styleImport plugin which handles style import of some fundamental materials

Browse Source
This commit is contained in:
LeoYuan 袁力皓 2023-03-30 11:35:09 +08:00 committed by 刘菊萍(絮黎)
parent 48bc8d7659
commit d0c3c0f13c
16 changed files with 172 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
modules/code-generator/example-schema.json
View File

@ -62,12 +62,12 @@
"router": "/"
},
"props": {
"ref": "outterView",
"ref": "outerView",
"autoLoading": true
},
"fileName": "test",
"state": {
"text": "outter"
"text": "outer"
},
"lifeCycles": {
"componentDidMount": {

4
modules/code-generator/example-schema.json5
View File

@ -62,12 +62,12 @@
router: '/',
},
props: {
ref: 'outterView',
ref: 'outerView',
autoLoading: true,
},
fileName: 'test',
state: {
text: 'outter',
text: 'outer',
},
lifeCycles: {
componentDidMount: {

23
modules/code-generator/src/index.ts
View File

@ -8,7 +8,7 @@ import { createProjectBuilder } from './generator/ProjectBuilder';
import { createModuleBuilder } from './generator/ModuleBuilder';
import { createDiskPublisher } from './publisher/disk';
import { createZipPublisher } from './publisher/zip';
import createIceJsProjectBuilder, { plugins as reactPlugins } from './solutions/icejs';
import createIceJsProjectBuilder, { plugins as icejsPlugins } from './solutions/icejs';
import createIce3JsProjectBuilder, { plugins as icejs3Plugins } from './solutions/icejs3';
import createRaxAppProjectBuilder, { plugins as raxPlugins } from './solutions/rax-app';
@ -19,6 +19,7 @@ import { COMMON_CHUNK_NAME, CLASS_DEFINE_CHUNK_NAME, DEFAULT_LINK_AFTER } from '
// 引入通用插件组
import esmodule from './plugins/common/esmodule';
import requireUtils from './plugins/common/requireUtils';
import styleImport from './plugins/common/styleImport';
import css from './plugins/component/style/css';
import constants from './plugins/project/constants';
@ -63,12 +64,7 @@ export default {
esmodule,
esModule: esmodule,
requireUtils,
},
react: {
...reactPlugins,
},
rax: {
...raxPlugins,
styleImport,
},
style: {
css,
@ -78,9 +74,22 @@ export default {
i18n,
utils,
},
icejs: {
...icejsPlugins,
},
icejs3: {
...icejs3Plugins,
},
rax: {
...raxPlugins,
},
/**
* @deprecated please use icejs
*/
react: {
...icejsPlugins,
},
},
postprocessor: {
prettier,

54
modules/code-generator/src/plugins/common/styleImport.ts Normal file
View File

@ -0,0 +1,54 @@
import changeCase from 'change-case';
import {
FileType,
BuilderComponentPluginFactory,
BuilderComponentPlugin,
ICodeStruct,
IWithDependency,
ChunkType,
} from '../../types';
import { COMMON_CHUNK_NAME } from '../../const/generator';
const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
const next: ICodeStruct = {
...pre,
};
const ir = next.ir as IWithDependency;
const { chunks } = next;
if (ir && ir.deps && ir.deps.length > 0) {
let lowcodeMaterialsStyleAdded = false;
let nextStyleAddedMap: Record<string, boolean> = {};
ir.deps.forEach((dep: any) => {
if (dep.package === '@alifd/next' && !nextStyleAddedMap[dep.exportName]) {
chunks.push({
type: ChunkType.STRING,
fileType: FileType.JSX,
name: COMMON_CHUNK_NAME.InternalDepsImport,
content: `import '@alifd/next/lib/${changeCase.paramCase(dep.exportName)}/style';`,
linkAfter: [COMMON_CHUNK_NAME.ExternalDepsImport],
});
nextStyleAddedMap[dep.exportName] = true;
} else if (dep.package === '@alilc/lowcode-materials' && !lowcodeMaterialsStyleAdded) {
chunks.push({
type: ChunkType.STRING,
fileType: FileType.JSX,
name: COMMON_CHUNK_NAME.InternalDepsImport,
content: 'import \'@alilc/lowcode-materials/lib/style\';',
linkAfter: [COMMON_CHUNK_NAME.ExternalDepsImport],
});
lowcodeMaterialsStyleAdded = true;
}
});
}
return next;
};
return plugin;
};
export default pluginFactory;

3
modules/code-generator/src/solutions/icejs.ts
View File

@ -3,6 +3,7 @@ import { IProjectBuilder, IProjectBuilderOptions } from '../types';
import { createProjectBuilder } from '../generator/ProjectBuilder';
import esmodule from '../plugins/common/esmodule';
import styleImport from '../plugins/common/styleImport';
import containerClass from '../plugins/component/react/containerClass';
import containerInitState from '../plugins/component/react/containerInitState';
import containerInjectContext from '../plugins/component/react/containerInjectContext';
@ -38,6 +39,7 @@ export default function createIceJsProjectBuilder(
esmodule({
fileType: 'jsx',
}),
styleImport(),
containerClass(),
containerInjectContext(),
containerInjectUtils(),
@ -61,6 +63,7 @@ export default function createIceJsProjectBuilder(
esmodule({
fileType: 'jsx',
}),
styleImport(),
containerClass(),
containerInjectContext(),
containerInjectUtils(),

3
modules/code-generator/src/solutions/icejs3.ts
View File

@ -3,6 +3,7 @@ import { IProjectBuilder, IProjectBuilderOptions } from '../types';
import { createProjectBuilder } from '../generator/ProjectBuilder';
import esmodule from '../plugins/common/esmodule';
import styleImport from '../plugins/common/styleImport';
import containerClass from '../plugins/component/react/containerClass';
import containerInitState from '../plugins/component/react/containerInitState';
import containerInjectContext from '../plugins/component/react/containerInjectContext';
@ -38,6 +39,7 @@ export default function createIceJsProjectBuilder(
esmodule({
fileType: 'jsx',
}),
styleImport(),
containerClass(),
containerInjectContext(),
containerInjectUtils(),
@ -61,6 +63,7 @@ export default function createIceJsProjectBuilder(
esmodule({
fileType: 'jsx',
}),
styleImport(),
containerClass(),
containerInjectContext(),
containerInjectUtils(),

10
modules/code-generator/tests/fixtures/test-cases/icejs3-app/demo1/expected/demo-project/src/pages/Test/index.jsx vendored
View File

@ -10,6 +10,16 @@ import { createFetchHandler as __$$createFetchRequestHandler } from '@alilc/lowc
import { create as __$$createDataSourceEngine } from '@alilc/lowcode-datasource-engine/runtime';
import '@alifd/next/lib/form/style';
import '@alifd/next/lib/input/style';
import '@alifd/next/lib/number-picker/style';
import '@alifd/next/lib/select/style';
import '@alifd/next/lib/button/style';
import utils, { RefsManager } from '../../utils';
import * as __$$i18n from '../../i18n';

10
modules/code-generator/tests/fixtures/test-cases/icejs3-app/demo2/expected/demo-project/src/pages/Test/index.jsx vendored
View File

@ -4,6 +4,16 @@ import React from 'react';
import { Form, Input, NumberPicker, Select, Button } from '@alifd/next';
import '@alifd/next/lib/form/style';
import '@alifd/next/lib/input/style';
import '@alifd/next/lib/number-picker/style';
import '@alifd/next/lib/select/style';
import '@alifd/next/lib/button/style';
import utils, { RefsManager } from '../../utils';
import * as __$$i18n from '../../i18n';

14
modules/code-generator/tests/fixtures/test-cases/icejs3-app/demo3/expected/demo-project/src/pages/Test/index.jsx vendored
View File

@ -13,6 +13,20 @@ import Super, {
import SuperOther from '@alifd/next';
import '@alifd/next/lib/super/style';
import '@alifd/next/lib/button/style';
import '@alifd/next/lib/input/style';
import '@alifd/next/lib/form/style';
import '@alifd/next/lib/number-picker/style';
import '@alifd/next/lib/select/style';
import '@alifd/next/lib/search-table/style';
import utils from '../../utils';
import * as __$$i18n from '../../i18n';

10
modules/code-generator/tests/fixtures/test-cases/icejs3-app/demo6-literal-condition/expected/demo-project/src/pages/Test/index.jsx vendored
View File

@ -10,6 +10,16 @@ import { createFetchHandler as __$$createFetchRequestHandler } from '@alilc/lowc
import { create as __$$createDataSourceEngine } from '@alilc/lowcode-datasource-engine/runtime';
import '@alifd/next/lib/form/style';
import '@alifd/next/lib/input/style';
import '@alifd/next/lib/number-picker/style';
import '@alifd/next/lib/select/style';
import '@alifd/next/lib/button/style';
import utils, { RefsManager } from '../../utils';
import * as __$$i18n from '../../i18n';

2
modules/code-generator/tests/fixtures/test-cases/icejs3-app/demo9-datasource-engine/expected/demo-project/src/pages/$/index.jsx vendored
View File

@ -8,6 +8,8 @@ import { createJsonpHandler as __$$createJsonpRequestHandler } from '@alilc/lowc
import { create as __$$createDataSourceEngine } from '@alilc/lowcode-datasource-engine/runtime';
import '@alifd/next/lib/switch/style';
import utils from '../../utils';
import * as __$$i18n from '../../i18n';

10
modules/code-generator/tests/fixtures/test-cases/react-app/demo1/expected/demo-project/src/pages/Test/index.jsx vendored
View File

@ -10,6 +10,16 @@ import { createFetchHandler as __$$createFetchRequestHandler } from '@alilc/lowc
import { create as __$$createDataSourceEngine } from '@alilc/lowcode-datasource-engine/runtime';
import '@alifd/next/lib/form/style';
import '@alifd/next/lib/input/style';
import '@alifd/next/lib/number-picker/style';
import '@alifd/next/lib/select/style';
import '@alifd/next/lib/button/style';
import utils, { RefsManager } from '../../utils';
import * as __$$i18n from '../../i18n';

10
modules/code-generator/tests/fixtures/test-cases/react-app/demo2/expected/demo-project/src/pages/Test/index.jsx vendored
View File

@ -4,6 +4,16 @@ import React from 'react';
import { Form, Input, NumberPicker, Select, Button } from '@alifd/next';
import '@alifd/next/lib/form/style';
import '@alifd/next/lib/input/style';
import '@alifd/next/lib/number-picker/style';
import '@alifd/next/lib/select/style';
import '@alifd/next/lib/button/style';
import utils, { RefsManager } from '../../utils';
import * as __$$i18n from '../../i18n';

14
modules/code-generator/tests/fixtures/test-cases/react-app/demo3/expected/demo-project/src/pages/Test/index.jsx vendored
View File

@ -13,6 +13,20 @@ import Super, {
import SuperOther from '@alifd/next';
import '@alifd/next/lib/super/style';
import '@alifd/next/lib/button/style';
import '@alifd/next/lib/input/style';
import '@alifd/next/lib/form/style';
import '@alifd/next/lib/number-picker/style';
import '@alifd/next/lib/select/style';
import '@alifd/next/lib/search-table/style';
import utils from '../../utils';
import * as __$$i18n from '../../i18n';

10
modules/code-generator/tests/fixtures/test-cases/react-app/demo6-literal-condition/expected/demo-project/src/pages/Test/index.jsx vendored
View File

@ -10,6 +10,16 @@ import { createFetchHandler as __$$createFetchRequestHandler } from '@alilc/lowc
import { create as __$$createDataSourceEngine } from '@alilc/lowcode-datasource-engine/runtime';
import '@alifd/next/lib/form/style';
import '@alifd/next/lib/input/style';
import '@alifd/next/lib/number-picker/style';
import '@alifd/next/lib/select/style';
import '@alifd/next/lib/button/style';
import utils, { RefsManager } from '../../utils';
import * as __$$i18n from '../../i18n';

2
modules/code-generator/tests/fixtures/test-cases/react-app/demo9-datasource-engine/expected/demo-project/src/pages/$/index.jsx vendored
View File

@ -8,6 +8,8 @@ import { createJsonpHandler as __$$createJsonpRequestHandler } from '@alilc/lowc
import { create as __$$createDataSourceEngine } from '@alilc/lowcode-datasource-engine/runtime';
import '@alifd/next/lib/switch/style';
import utils from '../../utils';
import * as __$$i18n from '../../i18n';