Visual Composer自定义字体库添加问题：图标选择器异常显示

你遇到的图标选择器切换时不隐藏的问题，核心原因是依赖规则里的参数名错误，导致Visual Composer无法正确识别何时显示/隐藏对应字体库的图标选择器。

具体问题分析 #

看你代码里的define_vc_icon_picker方法，依赖配置写的是：

'dependency' => array(
    'element' => 'icon_type',
    'value' => $this->font_library,
),

但Visual Composer原生vc_icon短代码中，图标库的下拉参数名是type，不是icon_type。这个错误导致VC无法关联下拉选择和图标选择器的显示状态，所以切换字体库时旧的选择器不会隐藏。

修复步骤 #

1. 修正依赖参数的element值 #

修改define_vc_icon_picker方法中的依赖配置，把element改为type：

public function define_vc_icon_picker(){
    $settings = array(
        'type' => 'iconpicker',
        'heading' => $this->fonts_lib_meta['heading'],
        'param_name' => 'icon_'.$this->font_library,
        'settings' => array(
            'emptyIcon' => false,
            'type' => $this->font_library,
            'iconsPerPage' => 20,
        ),
        'dependency' => array(
            'element' => 'type', // 这里改为type，匹配VC原生参数名
            'value' => $this->font_library,
        ),
        'weight' => '2',
        'description' => $this->fonts_lib_meta['description'],
    );
    vc_add_param( 'vc_icon', $settings );
}

2. 确保参数名唯一性（可选但推荐） #

你的代码里已经用icon_'.$this->font_library作为参数名（比如icon_flaticon），这很好，能避免和其他字体库的参数冲突，保持这个设计即可。

3. 验证钩子优先级 #

当前代码里add_vc_icon_library用了优先级40，define_vc_icon_picker用了优先级50，这个顺序没问题，确保先添加字体库选项，再定义对应的选择器参数。

额外建议 #

如果之后添加多个自定义字体库，建议把每个字体库的实例化逻辑封装起来，避免全局变量冲突，比如用数组循环初始化多个字体库：

$vc_font_libraries = array(
    array(
        'font_library' => 'flaticon',
        'fonts_list' => [/*...你的图标列表...*/],
        'fonts_lib_meta' => [/*...元数据...*/],
    ),
    // 可以添加更多字体库配置
);

foreach($vc_font_libraries as $library){
    new Fama_VC_Fonts($library);
}

这样修改后，切换字体库时VC就能正确根据type参数的选择值，显示对应字体库的图标选择器，同时隐藏其他选择器了。

内容的提问来源于stack exchange，提问作者Makiomar