@yibozhang/pro-table 0.0.17 → 0.0.19

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

@@ -2453,6 +2453,83 @@
         { type: http.HttpClient }
     ]; };
 
+    var TrimInputDirective = /** @class */ (function () {
+        function TrimInputDirective(el, ngControl) {
+            this.el = el;
+            this.ngControl = ngControl;
+        }
+        TrimInputDirective.prototype.shouldProcess = function () {
+            if (this.el.nativeElement.hasAttribute("allow-trim")) {
+                return false;
+            }
+            if (this.el.nativeElement.hasAttribute("not-allow-trim")) {
+                return true;
+            }
+            var element = this.el.nativeElement;
+            while (element) {
+                var className = element.className;
+                if (typeof className === "string" &&
+                    className.includes("ant-form-custom")) {
+                    return true;
+                }
+                element = element.parentElement;
+            }
+            return false;
+        };
+        TrimInputDirective.prototype.onBlur = function () {
+            if (!this.shouldProcess()) {
+                return;
+            }
+            var value = this.el.nativeElement.value;
+            if (typeof value === "string") {
+                var trimmedValue = value.trim();
+                this.el.nativeElement.value = trimmedValue;
+                if (this.ngControl && this.ngControl.control) {
+                    this.ngControl.control.setValue(trimmedValue, { emitEvent: false });
+                }
+            }
+        };
+        TrimInputDirective.prototype.onInput = function () {
+            if (!this.shouldProcess()) {
+                return;
+            }
+            var value = this.el.nativeElement.value;
+            if (typeof value === "string" && /\s/.test(value)) {
+                var noSpaceValue = value.replace(/\s/g, "");
+                this.el.nativeElement.value = noSpaceValue;
+                if (this.ngControl && this.ngControl.control) {
+                    this.ngControl.control.setValue(noSpaceValue, { emitEvent: false });
+                }
+            }
+        };
+        return TrimInputDirective;
+    }());
+    TrimInputDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: "input[nz-input],textarea[nz-input]",
+                },] }
+    ];
+    TrimInputDirective.ctorParameters = function () { return [
+        { type: i0.ElementRef },
+        { type: i1.NgControl, decorators: [{ type: i0.Optional }] }
+    ]; };
+    TrimInputDirective.propDecorators = {
+        onBlur: [{ type: i0.HostListener, args: ["blur",] }],
+        onInput: [{ type: i0.HostListener, args: ["input",] }]
+    };
+
+    var TrimInputModule = /** @class */ (function () {
+        function TrimInputModule() {
+        }
+        return TrimInputModule;
+    }());
+    TrimInputModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [TrimInputDirective],
+                    exports: [TrimInputDirective],
+                },] }
+    ];
+
     // ==================== 服务类 ====================
     var AntdFormService = /** @class */ (function () {
         // ==================== 构造函数 ====================
@@ -2928,56 +3005,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);
         };
         // ==================== 私有方法 ====================
         // 过滤内部字段（递归处理对象和数组）
@@ -3484,6 +3539,7 @@
     exports.ProTableComponent = ProTableComponent;
     exports.ProTableModule = ProTableModule;
     exports.TableSearchBarModule = TableSearchBarModule;
+    exports.TrimInputModule = TrimInputModule;
     exports["ɵ0"] = ɵ0;
     exports["ɵ1"] = ɵ1;
     exports["ɵ2"] = ɵ2;
@@ -3492,6 +3548,7 @@
     exports["ɵc"] = PlateInputComponent;
     exports["ɵd"] = ColmunsSettingComponent;
     exports["ɵe"] = DynamicSearchFieldComponent;
+    exports["ɵf"] = TrimInputDirective;
 
     Object.defineProperty(exports, '__esModule', { value: true });