test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-29 18:48:45 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

chore: 当页面中没有对应id元素时才删除改id的样式 (#8213)

Browse Source 
Co-authored-by: qinhaoyan <30946345+qinhaoyan@users.noreply.github.com>
This commit is contained in:
qkiroc 2023-09-22 17:09:05 +08:00 committed by GitHub
parent 921ea09052
commit 07fb301da7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/amis-core/src/components/CustomStyle.tsx
View File

@ -15,6 +15,8 @@ interface CustomStyleProps {
env: RendererEnv; env: RendererEnv;
} }
export const styleIdCount = new Map();
export default function (props: CustomStyleProps) { export default function (props: CustomStyleProps) {
const {config, env} = props; const {config, env} = props;
const {themeCss, classNames, id, defaultData, wrapperCustomStyle} = config; const {themeCss, classNames, id, defaultData, wrapperCustomStyle} = config;
@ -22,6 +24,22 @@ export default function (props: CustomStyleProps) {
return null; return null;
} }
useEffect(() => {
if (styleIdCount.has(id)) {
styleIdCount.set(id, styleIdCount.get(id) + 1);
} else if (id) {
styleIdCount.set(id, 1);
}
return () => {
if (styleIdCount.has(id)) {
styleIdCount.set(id, styleIdCount.get(id) - 1);
if (styleIdCount.get(id) === 0) {
styleIdCount.delete(id);
}
}
};
}, [id]);
useEffect(() => { useEffect(() => {
if (themeCss && id) { if (themeCss && id) {
insertCustomStyle( insertCustomStyle(
@ -35,7 +53,7 @@ export default function (props: CustomStyleProps) {
} }
return () => { return () => {
if (id) { if (id && !styleIdCount.get(id)) {
removeCustomStyle('', id, env.getModalContainer?.().ownerDocument); removeCustomStyle('', id, env.getModalContainer?.().ownerDocument);
} }
}; };
@ -51,7 +69,7 @@ export default function (props: CustomStyleProps) {
} }
return () => { return () => {
if (id) { if (id && !styleIdCount.get(id)) {
removeCustomStyle( removeCustomStyle(
'wrapperCustomStyle', 'wrapperCustomStyle',
id, id,