@yibozhang/pro-table 0.0.17 → 0.0.18

package/bundles/yibozhang-pro-table.umd.js

@@ -2928,56 +2928,34 @@
         // ==================== 工具方法 ====================
         // 获取表单类名
         AntdFormService.prototype.getFormClassName = function (name) {
-            return "" + this.classPrefix + name;
+            return this.classPrefix + "custom-" + name + " ";
         };
         // 设置 CSS 变量到目标元素（支持持久化监听动态添加的元素）
         AntdFormService.prototype.setCSSVariablesToTarget = function (name) {
             var _this = this;
-            var selector = "." + this.getFormClassName(name) + " .ant-form-item-label";
             var formContainerSelector = "." + this.getFormClassName(name);
-            var applyStyles = function () {
-                var dom = document.querySelectorAll(selector);
-                if (!dom.length) {
-                    return false;
-                }
-                var appliedCount = 0;
-                dom.forEach(function (item) {
-                    var target = item;
-                    if (target.closest(".pro-table-container")) {
-                        return;
-                    }
-                    var customWidth = target.getAttribute("custom-width");
-                    var customAlign = target.getAttribute("custom-align");
-                    var finalWidth = customWidth || _this.labelWidth;
-                    var finalTextAlign = customAlign || _this.labelAlign;
-                    if (target.style.width !== finalWidth ||
-                        target.style.textAlign !== finalTextAlign) {
-                        target.style.width = finalWidth;
-                        target.style.textAlign = finalTextAlign;
-                        appliedCount++;
+            var formContainer = document.querySelector(formContainerSelector);
+            // 如果容器还不存在，可以用 MutationObserver 等待它出现
+            if (!formContainer) {
+                var observer_1 = new MutationObserver(function () {
+                    var container = document.querySelector(formContainerSelector);
+                    if (container) {
+                        container.style.setProperty("--label-width", _this.labelWidth);
+                        container.style.setProperty("--label-align", _this.labelAlign);
+                        observer_1.disconnect();
                     }
                 });
-                return appliedCount > 0;
-            };
-            if (this.labelObservers[name]) {
+                observer_1.observe(document.body, {
+                    childList: true,
+                    subtree: true,
+                });
+                // 10秒后自动断开，避免内存泄漏
+                setTimeout(function () { return observer_1.disconnect(); }, 10000);
                 return;
             }
-            var timeout = null;
-            var observer = new MutationObserver(function () {
-                cancelAnimationFrame(timeout);
-                timeout = requestAnimationFrame(function () {
-                    setTimeout(function () {
-                        applyStyles();
-                    }, 0);
-                });
-            });
-            var formContainer = document.querySelector(formContainerSelector);
-            observer.observe(formContainer || document.body, {
-                childList: true,
-                subtree: true,
-                attributes: true,
-            });
-            this.labelObservers[name] = observer;
+            // 在容器上设置 CSS 变量
+            formContainer.style.setProperty("--label-width", this.labelWidth);
+            formContainer.style.setProperty("--label-align", this.labelAlign);
         };
         // ==================== 私有方法 ====================
         // 过滤内部字段（递归处理对象和数组）