@jetlinks-web/components 3.1.14 → 3.2.0

package/lib/EditTable/FormItem.js

@@ -15,21 +15,26 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
     }
 } return value; }
 /* Analyzed bindings: {
-  "name": "props",
-  "required": "props",
   "onBeforeUnmount": "setup-const",
   "computed": "setup-const",
   "reactive": "setup-const",
   "watch": "setup-const",
   "provide": "setup-const",
+  "toRaw": "setup-const",
+  "nextTick": "setup-const",
+  "onMounted": "setup-const",
   "get": "setup-maybe-ref",
   "isArray": "setup-maybe-ref",
+  "set": "setup-maybe-ref",
+  "cloneDeep": "setup-maybe-ref",
   "useProvideFormItemContext": "setup-maybe-ref",
+  "Schema": "setup-maybe-ref",
   "useInjectError": "setup-maybe-ref",
   "useInjectForm": "setup-maybe-ref",
   "TABLE_FORM_ITEM_ERROR": "setup-maybe-ref",
   "genEditTableStyle": "setup-maybe-ref",
-  "props": "setup-reactive-const",
+  "fieldPool": "setup-maybe-ref",
+  "props": "setup-const",
   "emit": "setup-const",
   "prefixCls": "setup-ref",
   "wrapSSR": "setup-maybe-ref",
@@ -37,70 +42,119 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "context": "setup-maybe-ref",
   "globalErrorMessage": "setup-maybe-ref",
   "hideTimer": "setup-let",
+  "cachedFieldPath": "setup-let",
+  "cachedName": "setup-let",
+  "fieldPath": "setup-ref",
   "eventKey": "setup-ref",
+  "fieldId": "setup-ref",
+  "fieldName": "setup-ref",
+  "rowIndex": "setup-ref",
+  "fieldValue": "setup-ref",
   "errorMap": "setup-reactive-const",
-  "filedId": "setup-ref",
-  "filedName": "setup-ref",
-  "filedValue": "setup-ref",
   "popContainer": "setup-const",
   "removeTimer": "setup-const",
   "showErrorTip": "setup-const",
   "hideErrorTip": "setup-const",
+  "getFieldRules": "setup-const",
+  "validateField": "setup-const",
   "validateRules": "setup-const",
   "onFieldBlur": "setup-const",
-  "onFieldChange": "setup-const"
+  "onFieldChange": "setup-const",
+  "isRegistered": "setup-let",
+  "registerField": "setup-const",
+  "name": "props",
+  "required": "props",
+  "rules": "props"
 } */
-import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, unref as _unref, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, renderSlot as _renderSlot, Fragment as _Fragment } from "vue";
+import { defineComponent as _defineComponent } from 'vue';
+import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, unref as _unref, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, Fragment as _Fragment } from "vue";
 const _hoisted_1 = { style: { "color": "#1d2129" } };
 const _hoisted_2 = ["id"];
-import { onBeforeUnmount, computed, reactive, watch, provide } from "vue";
-import { get, isArray } from 'lodash-es';
+import { onBeforeUnmount, computed, reactive, watch, provide, toRaw, nextTick, onMounted } from "vue";
+import { get, isArray, } from 'lodash-es';
 import { useProvideFormItemContext } from 'ant-design-vue/lib/form/FormItemContext';
+import Schema from 'async-validator';
 import { useInjectError, useInjectForm } from "./hooks";
 import { TABLE_FORM_ITEM_ERROR } from "./consts";
 import genEditTableStyle from './style';
-const __sfc_main__ = Object.assign({
-    name: 'JEditTableFormItem'
-}, {
+import { fieldPool } from './fieldPool';
+const __sfc_main__ = _defineComponent({
+    ...{
+        name: 'JEditTableFormItem'
+    },
     props: {
-        name: {
-            type: [String, Array],
-            default: undefined
-        },
-        required: {
-            type: Boolean,
-            default: false
-        }
+        name: { type: [String, Array], required: false, default: undefined },
+        required: { type: Boolean, required: false, default: false },
+        rules: { type: Array, required: false, default: () => [] }
     },
-    emits: ['change'],
-    setup(__props, { emit: __emit }) {
+    emits: ["change"],
+    setup(__props, { expose: __expose, emit: __emit }) {
         const props = __props;
         const emit = __emit;
         const prefixCls = computed(() => 'jetlinks-edit-table');
         const [wrapSSR, hashId] = genEditTableStyle(prefixCls);
         const context = useInjectForm();
         const globalErrorMessage = useInjectError();
-        let hideTimer;
-        const eventKey = computed(() => {
-            const names = isArray(props.name) ? props.name : [props.name];
-            return names.join('-');
-        });
-        const errorMap = reactive({
-            message: '',
-            visible: false
+        let hideTimer = null;
+        // 缓存字段路径，避免频繁的数组操作
+        let cachedFieldPath = null;
+        let cachedName = undefined;
+        // 计算字段路径
+        const fieldPath = computed(() => {
+            if (!props.name)
+                return [];
+            // 如果 name 没变，返回缓存
+            if (cachedName === props.name && cachedFieldPath) {
+                return cachedFieldPath;
+            }
+            cachedName = props.name;
+            cachedFieldPath = isArray(props.name) ? props.name : [props.name];
+            return cachedFieldPath;
         });
-        const filedId = computed(() => {
-            const names = isArray(props.name) ? props.name : [props.name];
-            const [index, ...extra] = names;
+        // 事件key，用于标识字段 - 使用简单字符串拼接
+        const eventKey = computed(() => fieldPath.value.join('-'));
+        // 字段ID
+        const fieldId = computed(() => {
+            const path = fieldPath.value;
+            if (path.length === 0)
+                return '';
+            const [index, ...extra] = path;
             return `${index}-${extra.join('.')}`;
         });
-        const filedName = computed(() => {
-            const names = isArray(props.name) ? props.name : [props.name];
-            return [...names].pop();
+        // 字段名（最后一个路径部分）
+        const fieldName = computed(() => {
+            const path = fieldPath.value;
+            return path.length > 0 ? path[path.length - 1] : undefined;
         });
-        const filedValue = computed(() => {
-            return get(context.dataSource.value, props.name);
+        // 行索引
+        const rowIndex = computed(() => {
+            const path = fieldPath.value;
+            return path.length > 0 ? Number(path[0]) : 0;
         });
+        // 字段值 - 优化：避免不必要的 get 调用
+        const fieldValue = computed(() => {
+            if (!_optionalChain([context, 'access', _2 => _2.dataSource, 'optionalAccess', _3 => _3.value]) || !props.name)
+                return undefined;
+            const dataSource = context.dataSource.value;
+            const path = fieldPath.value;
+            // 快速路径：单层访问
+            if (path.length === 1) {
+                return dataSource[path[0]];
+            }
+            // 快速路径：双层访问（最常见的情况：dataSource[index][field]）
+            if (path.length === 2) {
+                const item = dataSource[path[0]];
+                return item ? item[path[1]] : undefined;
+            }
+            // 深层路径：使用 lodash.get
+            return get(dataSource, props.name);
+        });
+        // 错误状态
+        const errorMap = reactive({
+            message: '',
+            visible: false
+        });
+        // 向下提供错误状态
         provide(TABLE_FORM_ITEM_ERROR, errorMap);
         const popContainer = (e) => {
             return e;
@@ -123,88 +177,172 @@ const __sfc_main__ = Object.assign({
                 errorMap.message = '';
             }, 300);
         };
-        const validateRules = () => {
-            let index = 0;
-            if (isArray(props.name)) {
-                index = props.name[0];
+        // 获取当前字段的校验规则
+        const getFieldRules = () => {
+            // 优先使用 props.rules
+            if (props.rules && props.rules.length > 0) {
+                return props.rules;
             }
-            const promise = context.validateItem({ [filedName.value]: get(context.dataSource.value, props.name) }, index);
-            promise.then(() => {
-                hideErrorTip();
-                context.removeFieldError(eventKey.value);
-            }).catch(res => {
-                const error = _optionalChain([res, 'optionalAccess', _2 => _2.filter, 'call', _3 => _3(item => item.field === filedName.value)]) || [];
-                if (error.length === 0) {
-                    hideErrorTip();
-                    context.removeFieldError(eventKey.value);
+            // 从 context 中获取规则
+            if (_optionalChain([context, 'access', _4 => _4.rules, 'optionalAccess', _5 => _5.value]) && fieldName.value) {
+                const rules = context.rules.value[fieldName.value];
+                if (Array.isArray(rules)) {
+                    return rules;
                 }
-                else {
-                    removeTimer();
-                    errorMap.message = _optionalChain([error, 'access', _4 => _4[0], 'optionalAccess', _5 => _5.message]) || errorMap.message;
-                    errorMap.visible = !!error.length;
-                    context.addFieldError(eventKey.value, errorMap.message);
+            }
+            // 如果 required 但没有规则，创建默认必填规则
+            if (props.required) {
+                return [{ required: true, message: `${fieldName.value} 不能为空` }];
+            }
+            return [];
+        };
+        // 使用 async-validator 执行校验
+        const validateField = () => {
+            return new Promise((resolve, reject) => {
+                const rules = getFieldRules();
+                if (!rules || rules.length === 0) {
+                    hideErrorTip();
+                    _optionalChain([context, 'access', _6 => _6.removeFieldError, 'optionalCall', _7 => _7(eventKey.value)]);
+                    resolve();
+                    return;
                 }
-                return errorMap.message;
+                const descriptor = {
+                    [fieldName.value]: rules
+                };
+                const validator = new Schema(descriptor);
+                const data = {
+                    [fieldName.value]: toRaw(fieldValue.value)
+                };
+                validator.validate(data, { firstFields: true }, (errors) => {
+                    if (errors && errors.length > 0) {
+                        const errorMsg = errors[0].message || '校验失败';
+                        showErrorTip(errorMsg);
+                        _optionalChain([context, 'access', _8 => _8.addFieldError, 'optionalCall', _9 => _9(eventKey.value, errorMsg)]);
+                        reject(errors);
+                    }
+                    else {
+                        hideErrorTip();
+                        _optionalChain([context, 'access', _10 => _10.removeFieldError, 'optionalCall', _11 => _11(eventKey.value)]);
+                        resolve();
+                    }
+                });
             });
-            return promise;
+        };
+        // 兼容旧API的校验方法
+        const validateRules = () => {
+            // 如果 context 提供了 validateItem，使用它来保持兼容性
+            if (context.validateItem) {
+                const promise = context.validateItem({ [fieldName.value]: fieldValue.value }, rowIndex.value);
+                promise.then(() => {
+                    hideErrorTip();
+                    _optionalChain([context, 'access', _12 => _12.removeFieldError, 'optionalCall', _13 => _13(eventKey.value)]);
+                }).catch((res) => {
+                    const error = _optionalChain([res, 'optionalAccess', _14 => _14.filter, 'call', _15 => _15((item) => item.field === fieldName.value)]) || [];
+                    if (error.length === 0) {
+                        hideErrorTip();
+                        _optionalChain([context, 'access', _16 => _16.removeFieldError, 'optionalCall', _17 => _17(eventKey.value)]);
+                    }
+                    else {
+                        removeTimer();
+                        errorMap.message = _optionalChain([error, 'access', _18 => _18[0], 'optionalAccess', _19 => _19.message]) || errorMap.message;
+                        errorMap.visible = !!error.length;
+                        _optionalChain([context, 'access', _20 => _20.addFieldError, 'optionalCall', _21 => _21(eventKey.value, errorMap.message)]);
+                    }
+                });
+                return promise;
+            }
+            // 使用本地校验
+            return validateField();
         };
         const onFieldBlur = () => {
-            // validateRules()
+            // 改为失焦时校验，减少实时校验的性能开销
+            validateRules();
         };
         const onFieldChange = () => {
-            debugger;
-            validateRules();
+            // 只触发 change 事件，不进行校验
+            // validateRules() // 移到 onBlur
             emit('change');
         };
-        watch(() => globalErrorMessage.value, (val) => {
-            if (val[eventKey.value]) {
-                showErrorTip(val[eventKey.value]);
+        // 监听全局错误变化 - 精确监听单个字段，避免深度遍历
+        watch(() => _optionalChain([globalErrorMessage, 'optionalAccess', _22 => _22.value, 'optionalAccess', _23 => _23[eventKey.value]]), (errorMsg) => {
+            if (errorMsg) {
+                showErrorTip(errorMsg);
             }
             else {
                 hideErrorTip();
             }
-        }, { immediate: true, deep: true });
+        }, { immediate: true });
+        // 注册到 ant-design-vue form context
         useProvideFormItemContext({
-            id: filedId,
+            id: fieldId,
             onFieldChange,
             onFieldBlur,
         }, computed(() => {
-            console.log(context.dataSource.value, props.name);
-            return get(context.dataSource.value, props.name);
+            return get(_optionalChain([context, 'access', _24 => _24.dataSource, 'optionalAccess', _25 => _25.value]), props.name);
         }));
+        // 注册字段到父组件 - 使用字段池复用，减少创建/销毁开销
+        let isRegistered = false;
+        const registerField = () => {
+            if (props.name && !isRegistered) {
+                // 使用字段池获取或创建字段信息
+                const fieldInfo = fieldPool.acquire(eventKey.value, {
+                    fieldName: fieldName.value,
+                    eventKey: eventKey.value,
+                    names: props.name,
+                    validateRules,
+                    showErrorTip
+                });
+                _optionalChain([context, 'access', _26 => _26.addField, 'optionalCall', _27 => _27(eventKey.value, fieldInfo)]);
+                isRegistered = true;
+            }
+        };
+        // 延迟注册，避免虚拟滚动时的同步阻塞
+        onMounted(() => {
+            nextTick(() => {
+                registerField();
+            });
+        });
         onBeforeUnmount(() => {
             hideErrorTip();
+            if (isRegistered) {
+                _optionalChain([context, 'access', _28 => _28.removeField, 'optionalCall', _29 => _29(eventKey.value)]);
+                // 释放字段到池中，而不是销毁
+                fieldPool.release(eventKey.value);
+                isRegistered = false;
+            }
+        });
+        // 暴露方法
+        __expose({
+            validate: validateField,
+            validateRules,
+            showErrorTip,
+            hideErrorTip
         });
-        watch(() => [filedName.value, props.name], () => {
-            context.addField(eventKey.value, {
-                filedName: filedName.value,
-                eventKey: eventKey.value,
-                names: props.name,
-                validateRules,
-                showErrorTip
-            });
-        }, { immediate: true });
         return (_ctx, _cache) => {
             const _component_a_tooltip = _resolveComponent("a-tooltip");
             return (_openBlock(), _createElementBlock(_Fragment, null, [
-                _createVNode(_component_a_tooltip, {
-                    color: "#ffffff",
-                    "get-popup-container": popContainer,
-                    arrowPointAtCenter: true
-                }, {
-                    title: _withCtx(() => [
-                        _createElementVNode("span", _hoisted_1, _toDisplayString(errorMap.message), 1 /* TEXT */)
-                    ]),
-                    default: _withCtx(() => [
-                        (errorMap.visible)
-                            ? (_openBlock(), _createElementBlock("div", {
-                                key: 0,
-                                class: _normalizeClass(['jetlinks-table-form-error-target', _unref(hashId), 'hashId'])
-                            }, null, 2 /* CLASS */))
-                            : _createCommentVNode("v-if", true)
-                    ]),
-                    _: 1 /* STABLE */
-                }),
+                (errorMap.visible)
+                    ? (_openBlock(), _createBlock(_component_a_tooltip, {
+                        key: 0,
+                        color: "#ffffff",
+                        "get-popup-container": popContainer,
+                        arrowPointAtCenter: true,
+                        open: ""
+                    }, {
+                        title: _withCtx(() => [
+                            _createElementVNode("span", _hoisted_1, _toDisplayString(errorMap.message), 1 /* TEXT */)
+                        ]),
+                        default: _withCtx(() => [
+                            (errorMap.visible)
+                                ? (_openBlock(), _createElementBlock("div", {
+                                    key: 0,
+                                    class: _normalizeClass(['jetlinks-table-form-error-target', _unref(hashId), 'hashId'])
+                                }, null, 2 /* CLASS */))
+                                : _createCommentVNode("v-if", true)
+                        ]),
+                        _: 1 /* STABLE */
+                    }))
+                    : _createCommentVNode("v-if", true),
                 _createElementVNode("div", {
                     id: eventKey.value,
                     style: { "position": "relative" },

package/lib/EditTable/consts.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TABLE_WRAPPER = exports.TABLE_TOOL = exports.TABLE_OPEN_GROUP = exports.TABLE_H_SCROLL = exports.TABLE_GROUP_OPTIONS = exports.TABLE_GROUP_ERROR = exports.TABLE_GROUP_ACTIVE = exports.TABLE_FORM_ITEM_ERROR = exports.TABLE_ERROR = exports.TABLE_DATA_SOURCE = exports.RIGHT_MENU = exports.METADATA_GROUP_OPTIONS = exports.FULL_SCREEN = void 0;
-var METADATA_GROUP_OPTIONS = exports.METADATA_GROUP_OPTIONS = Symbol('metadata-group-options');
-var TABLE_WRAPPER = exports.TABLE_WRAPPER = Symbol('table-wrapper');
-var FULL_SCREEN = exports.FULL_SCREEN = Symbol('full');
-var RIGHT_MENU = exports.RIGHT_MENU = Symbol('right-menu');
-var TABLE_ERROR = exports.TABLE_ERROR = Symbol('table-error');
-var TABLE_GROUP_ERROR = exports.TABLE_GROUP_ERROR = Symbol('table-group-error');
-var TABLE_GROUP_OPTIONS = exports.TABLE_GROUP_OPTIONS = Symbol('table-group-options');
-var TABLE_DATA_SOURCE = exports.TABLE_DATA_SOURCE = Symbol('table-data-source');
-var TABLE_OPEN_GROUP = exports.TABLE_OPEN_GROUP = Symbol('table-open-group');
-var TABLE_TOOL = exports.TABLE_TOOL = Symbol('table-tool');
-var TABLE_FORM_ITEM_ERROR = exports.TABLE_FORM_ITEM_ERROR = Symbol('table-form-item-error');
-var TABLE_GROUP_ACTIVE = exports.TABLE_GROUP_ACTIVE = Symbol('table-group-active');
-var TABLE_H_SCROLL = exports.TABLE_H_SCROLL = Symbol('table-h-scroll');
+var METADATA_GROUP_OPTIONS = exports.METADATA_GROUP_OPTIONS = 'metadata-group-options';
+var TABLE_WRAPPER = exports.TABLE_WRAPPER = 'table-wrapper';
+var FULL_SCREEN = exports.FULL_SCREEN = 'full';
+var RIGHT_MENU = exports.RIGHT_MENU = 'right-menu';
+var TABLE_ERROR = exports.TABLE_ERROR = 'table-error';
+var TABLE_GROUP_ERROR = exports.TABLE_GROUP_ERROR = 'table-group-error';
+var TABLE_GROUP_OPTIONS = exports.TABLE_GROUP_OPTIONS = 'table-group-options';
+var TABLE_DATA_SOURCE = exports.TABLE_DATA_SOURCE = 'table-data-source';
+var TABLE_OPEN_GROUP = exports.TABLE_OPEN_GROUP = 'table-open-group';
+var TABLE_TOOL = exports.TABLE_TOOL = 'table-tool';
+var TABLE_FORM_ITEM_ERROR = exports.TABLE_FORM_ITEM_ERROR = 'table-form-item-error';
+var TABLE_GROUP_ACTIVE = exports.TABLE_GROUP_ACTIVE = 'table-group-active';
+var TABLE_H_SCROLL = exports.TABLE_H_SCROLL = 'table-h-scroll';

package/lib/EditTable/context.js

@@ -12,7 +12,8 @@ var useFormContext = exports.useFormContext = function useFormContext(options) {
 };
 var useInjectForm = exports.useInjectForm = function useInjectForm() {
   return (0, _vue.inject)(FormContextKey, {
-    addField: function addField(key, field) {},
+    addField: function addField() {},
+    removeField: function removeField() {},
     dataSource: (0, _vue.computed)(function () {
       return [];
     }),
@@ -40,7 +41,7 @@ var useTableOpenGroup = exports.useTableOpenGroup = function useTableOpenGroup()
   return (0, _vue.inject)(_consts.TABLE_OPEN_GROUP, false);
 };
 var useTableTool = exports.useTableTool = function useTableTool() {
-  return (0, _vue.inject)(_consts.TABLE_TOOL, false);
+  return (0, _vue.inject)(_consts.TABLE_TOOL, {});
 };
 var useGroupOptions = exports.useGroupOptions = function useGroupOptions() {
   return (0, _vue.inject)(_consts.TABLE_GROUP_OPTIONS, []);

package/lib/EditTable/fieldPool.js

@@ -0,0 +1,173 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fieldPool = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+/**
+ * 字段注册池 - 复用字段注册对象，避免频繁创建/销毁
+ */
+var FieldPool = /*#__PURE__*/function () {
+  function FieldPool() {
+    (0, _classCallCheck2.default)(this, FieldPool);
+    (0, _defineProperty2.default)(this, "pool", new Map());
+    (0, _defineProperty2.default)(this, "maxSize", 200);
+    // 池的最大大小
+    (0, _defineProperty2.default)(this, "cleanupThreshold", 150);
+    // 清理阈值
+    (0, _defineProperty2.default)(this, "cleanupInterval", null);
+    // 每 5 秒清理一次不活跃的字段
+    this.startCleanup();
+  }
+  /**
+   * 获取或创建字段
+   */
+  return (0, _createClass2.default)(FieldPool, [{
+    key: "acquire",
+    value: function acquire(eventKey, fieldInfo) {
+      var pooled = this.pool.get(eventKey);
+      if (pooled) {
+        // 复用现有字段
+        pooled.isActive = true;
+        pooled.lastUsed = Date.now();
+        // 更新字段信息（可能数据变了）
+        pooled.field = fieldInfo;
+        return pooled.field;
+      }
+      // 创建新字段
+      var newPooled = {
+        field: fieldInfo,
+        isActive: true,
+        lastUsed: Date.now()
+      };
+      this.pool.set(eventKey, newPooled);
+      // 如果池太大，触发清理
+      if (this.pool.size > this.maxSize) {
+        this.cleanup();
+      }
+      return fieldInfo;
+    }
+    /**
+     * 释放字段（标记为不活跃，但不删除）
+     */
+  }, {
+    key: "release",
+    value: function release(eventKey) {
+      var pooled = this.pool.get(eventKey);
+      if (pooled) {
+        pooled.isActive = false;
+        pooled.lastUsed = Date.now();
+      }
+    }
+    /**
+     * 清理不活跃的字段
+     */
+  }, {
+    key: "cleanup",
+    value: function cleanup() {
+      var _this = this;
+      var now = Date.now();
+      var maxAge = 30000; // 30秒未使用的字段会被清理
+      // 如果池大小超过阈值，开始清理
+      if (this.pool.size < this.cleanupThreshold) {
+        return;
+      }
+      var toDelete = [];
+      var _iterator = (0, _createForOfIteratorHelper2.default)(this.pool.entries()),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _step$value = (0, _slicedToArray2.default)(_step.value, 2),
+            key = _step$value[0],
+            pooled = _step$value[1];
+          // 清理不活跃且长时间未使用的字段
+          if (!pooled.isActive && now - pooled.lastUsed > maxAge) {
+            toDelete.push(key);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      toDelete.forEach(function (key) {
+        return _this.pool.delete(key);
+      });
+      if (toDelete.length > 0) {
+        console.debug("[FieldPool] Cleaned up ".concat(toDelete.length, " inactive fields"));
+      }
+    }
+    /**
+     * 启动定时清理
+     */
+  }, {
+    key: "startCleanup",
+    value: function startCleanup() {
+      var _this2 = this;
+      if (this.cleanupInterval) return;
+      this.cleanupInterval = setInterval(function () {
+        _this2.cleanup();
+      }, 5000);
+    }
+    /**
+     * 停止定时清理
+     */
+  }, {
+    key: "stopCleanup",
+    value: function stopCleanup() {
+      if (this.cleanupInterval) {
+        clearInterval(this.cleanupInterval);
+        this.cleanupInterval = null;
+      }
+    }
+    /**
+     * 清空池
+     */
+  }, {
+    key: "clear",
+    value: function clear() {
+      this.pool.clear();
+    }
+    /**
+     * 获取池的统计信息
+     */
+  }, {
+    key: "getStats",
+    value: function getStats() {
+      var activeCount = 0;
+      var inactiveCount = 0;
+      var _iterator2 = (0, _createForOfIteratorHelper2.default)(this.pool.values()),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var pooled = _step2.value;
+          if (pooled.isActive) {
+            activeCount++;
+          } else {
+            inactiveCount++;
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      return {
+        total: this.pool.size,
+        active: activeCount,
+        inactive: inactiveCount
+      };
+    }
+  }]);
+}(); // 创建全局单例
+var fieldPool = exports.fieldPool = new FieldPool();
+// 开发环境下暴露到 window，方便调试
+if (import.meta.env.DEV) {
+  window.__fieldPool__ = fieldPool;
+}