/*global URLify*/
'use strict';
{
    const $ = django.jQuery;
    /**
     * jQuery扩展方法：prepopulate（预填充字段）
     * 根据依赖字段的值，自动生成当前字段的内容（URL化处理）
     * @param {Array} dependencies - 依赖字段的选择器数组（如['#id_title']）
     * @param {number} maxLength - 生成内容的最大长度限制
     * @param {boolean} allowUnicode - 是否允许Unicode字符（true则保留，false则转为ASCII）
     * @return {jQuery} 返回jQuery对象，支持链式调用
     */
    $.fn.prepopulate = function(dependencies, maxLength, allowUnicode) {
        /*
            Depends on urlify.js
            Populates a selected field with the values of the dependent fields,
            URLifies and shortens the string.
            dependencies - array of dependent fields ids
            maxLength - maximum length of the URLify'd string
            allowUnicode - Unicode support of the URLify'd string
        */
        return this.each(function() {
            const prepopulatedField = $(this);
            /**
             * 预填充处理函数
             * 收集依赖字段的值，拼接后经URL化处理，填充到当前字段
             */
            const populate = function() {
                // Bail if the field's value has been changed by the user
                if (prepopulatedField.data('_changed')) {
                    return;
                }

                const values = [];
                $.each(dependencies, function(i, field) {
                    field = $(field);
                    if (field.val().length > 0) {
                        values.push(field.val());
                    }
                });
                // 将依赖字段的值拼接成字符串，经URL化处理后填充到当前字段
                // URLify参数：原始字符串、最大长度、是否允许Unicode
                prepopulatedField.val(URLify(values.join(' '), maxLength, allowUnicode));
            };
            // 初始化标记：当前字段是否被用户手动修改过（默认false）
            prepopulatedField.data('_changed', false);
            // 监听当前字段的change事件：用户手动修改后，标记为已更改（停止自动填充）
            prepopulatedField.on('change', function() {
                prepopulatedField.data('_changed', true);
            });
            // 如果当前字段初始值为空，才绑定依赖字段的事件（避免覆盖已有值）
            if (!prepopulatedField.val()) {
                // 当依赖字段发生键盘输入、值变化、获取焦点时，触发预填充
                $(dependencies.join(',')).on('keyup change focus', populate);
            }
        });
    };
}
