@yibozhang/pro-table 0.1.3 → 0.1.4

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

@@ -3520,6 +3520,72 @@
     ];
     ArrayFormService.ctorParameters = function () { return []; };
 
+    /**
+     * 自动检测 ant-modal-body 的宽度，并添加 narrow-width 类名
+     * 当宽度小于 500px 时添加类名，否则移除
+     */
+    (function initModalWidthDetector() {
+        if (typeof window === 'undefined' || typeof document === 'undefined') {
+            return;
+        }
+        // 检查单个元素的宽度
+        function checkElementWidth(element) {
+            var width = element.offsetWidth;
+            if (width < 500) {
+                element.classList.add('narrow-width');
+            }
+            else {
+                element.classList.remove('narrow-width');
+            }
+        }
+        // 使用 MutationObserver 监听 DOM 变化
+        var observer = new MutationObserver(function (mutations) {
+            mutations.forEach(function (mutation) {
+                mutation.addedNodes.forEach(function (node) {
+                    var _a, _b;
+                    if (node.nodeType === Node.ELEMENT_NODE) {
+                        var element = node;
+                        // 检查是否是 modal body
+                        if ((_a = element.classList) === null || _a === void 0 ? void 0 : _a.contains('ant-modal-body')) {
+                            checkElementWidth(element);
+                            observeResize(element);
+                        }
+                        // 检查子元素中是否有 modal body
+                        var modalBodies = (_b = element.querySelectorAll) === null || _b === void 0 ? void 0 : _b.call(element, '.ant-modal-body');
+                        modalBodies === null || modalBodies === void 0 ? void 0 : modalBodies.forEach(function (modalBody) {
+                            checkElementWidth(modalBody);
+                            observeResize(modalBody);
+                        });
+                    }
+                });
+            });
+        });
+        // 使用 ResizeObserver 监听元素尺寸变化
+        var resizeObserverMap = new WeakMap();
+        function observeResize(element) {
+            if (resizeObserverMap.has(element)) {
+                return;
+            }
+            if (typeof window.ResizeObserver !== 'undefined') {
+                var resizeObserver = new window.ResizeObserver(function () {
+                    checkElementWidth(element);
+                });
+                resizeObserver.observe(element);
+                resizeObserverMap.set(element, resizeObserver);
+            }
+        }
+        // 开始监听 DOM 变化
+        observer.observe(document.body, {
+            childList: true,
+            subtree: true,
+        });
+        // 检查已存在的 modal body
+        document.querySelectorAll('.ant-modal-body').forEach(function (element) {
+            checkElementWidth(element);
+            observeResize(element);
+        });
+    })();
+
     /*
      * Public API Surface of pro-table
      */