From ef3bc4d5709ff9f243dd302cfc03e4ae7dcfbab7 Mon Sep 17 00:00:00 2001
From: sunhao <sunhao@easycorp.ltd>
Date: Wed, 13 Nov 2024 14:37:22 +0800
Subject: [PATCH]  * core: add z-use to elements with components instances.

---
 lib/core/src/component/component.ts | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/lib/core/src/component/component.ts b/lib/core/src/component/component.ts
index edf563c0f5..87cc624fa8 100644
--- a/lib/core/src/component/component.ts
+++ b/lib/core/src/component/component.ts
@@ -152,10 +152,12 @@ export class Component<O extends {} = {}, E extends ComponentEventsDefnition = {
         this.resetOptions(options);
         this._key = this.options.key ?? `__${gid}`;
 
-        if (ALL.has(element)) {
-            ALL.get(element)!.add(this);
+        let all = ALL.get(element);
+        if (all) {
+            all.add(this);
         } else {
-            ALL.set(element, new Set([this]));
+            all = new Set([this]);
+            ALL.set(element, all);
         }
 
         if (TYPED_ALL.has(NAME)) {
@@ -164,7 +166,7 @@ export class Component<O extends {} = {}, E extends ComponentEventsDefnition = {
             TYPED_ALL.set(NAME, new Set([this]));
         }
 
-        $element.data(KEY, this).attr(ATTR_KEY, '').attr(DATA_KEY, `${gid}`);
+        $element.data(KEY, this).attr(ATTR_KEY, '').attr(DATA_KEY, `${gid}`).attr('z-use', [...new Set([...all].map(x => x.constructor.NAME))].join(','));
         if (MULTI_INSTANCE) {
             const dataName = `${KEY}:ALL`;
             let instanceMap: Map<string | number, Component> | undefined = $element.data(dataName);
@@ -310,6 +312,13 @@ export class Component<O extends {} = {}, E extends ComponentEventsDefnition = {
             }
         }
 
+        const useAll = ALL.get(element);
+        if (!useAll?.size) {
+            $element.removeAttr('z-use');
+        } else {
+            $element.attr('z-use', [...new Set([...useAll].map(x => x.constructor.NAME))].join(','));
+        }
+
         this.options.$onDestroy?.call(this);
     }