fix(comp:empty): the ids in svg should be only

packages/cdk/portal/src/Portal.tsx

@@ -5,7 +5,7 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import { Teleport, computed, defineComponent, ref, watch } from 'vue'
+import { Teleport, computed, defineComponent } from 'vue'
 
 import { isFunction, isString } from 'lodash-es'
 
@@ -17,23 +17,13 @@ export default defineComponent({
   name: 'CdkPortal',
   props: portalProps,
   setup(props, { slots }) {
-    const loaded = ref(props.load)
-    watch(
-      () => props.load,
-      load => {
-        if (!loaded.value) {
-          loaded.value = load
-        }
-      },
-    )
-
     const elementRef = computed(() => convertTargetElement(props.target))
-
+    let rendered = false
     return () => {
-      if (!loaded.value) {
+      if (!rendered && !props.load) {
         return null
       }
-
+      rendered = true
       return (
         <Teleport to={elementRef.value} disabled={props.disabled}>
           {slots.default && slots.default()}

packages/cdk/utils/src/tryOnScopeDispose.ts

@@ -13,9 +13,12 @@ import { getCurrentScope, onScopeDispose } from 'vue'
  * @param fn
  */
 export function tryOnScopeDispose(fn: () => void): boolean {
-  if (getCurrentScope()) {
-    onScopeDispose(fn)
-    return true
+  // https://github.com/vuejs/core/issues/6538
+  // 导致跑 TEST 的时候，内存爆了，先关掉
+  if (__TEST__ || !getCurrentScope()) {
+    return false
   }
-  return false
+
+  onScopeDispose(fn)
+  return true
 }

packages/site/vite.config.ts

@@ -75,6 +75,7 @@ export default defineConfig(({ command, mode }) => {
     },
     define: {
       __DEV__: !isBuild,
+      __TEST__: false,
       __VERSION_CDK__: `'${cdkPackage.version}'`,
       __VERSION_COMPONENTS__: `'${componentsPackage.version}'`,
       __VERSION_PRO__: `'${proPackage.version}'`,

scripts/gulp/build/rollup.ts

@@ -12,10 +12,10 @@ import { upperFirst } from 'lodash'
 import { Plugin, RollupOptions } from 'rollup'
 import typescript from 'rollup-plugin-typescript2'
 
+import { esbuildPlugin } from './esbuild'
 import cdkPackage from '../../../packages/cdk/package.json'
 import componentsPackage from '../../../packages/components/package.json'
 import proPackage from '../../../packages/pro/package.json'
-import { esbuildPlugin } from './esbuild'
 
 interface Options {
   targetDirname: string
@@ -28,6 +28,7 @@ interface Options {
 const externalDeps = ['vue', '@vue', '@idux', '@floating-ui/dom', 'date-fns', 'lodash-es', 'ajv']
 const replaceOptions = {
   __DEV__: "process.env.NODE_ENV !== 'production'",
+  __TEST__: false,
   __VERSION_CDK__: `'${cdkPackage.version}'`,
   __VERSION_COMPONENTS__: `'${componentsPackage.version}'`,
   __VERSION_PRO__: `'${proPackage.version}'`,

typings/global.d.ts

@@ -2,6 +2,7 @@ export {}
 
 declare global {
   const __DEV__: boolean
+  const __TEST__: boolean
   const __VERSION_CDK__: string
   const __VERSION_COMPONENTS__: string
   const __VERSION_PRO__: string

vitest.config.ts

@@ -43,5 +43,6 @@ export default defineConfig({
 
   define: {
     __DEV__: true,
+    __TEST__: true,
   },
 })