<div class="counter">
    <ui-section class="config" expand>
        <ui-icon value="bell" slot="header"></ui-icon>
        <div slot="header">当前扩展</div>
        <ui-prop>
            <ui-label slot="label">扩展名称：</ui-label>
            <ui-select slot="content" class="plugin-select" :value=currentPluginName @confirm="onPluginSelect($event.target.value)">
                <option v-for="pluginConfig in pluginConfigs" :value=pluginConfig.name>{{pluginConfig.name}}</option>
            </ui-select>
        </ui-prop>
        <ui-prop>
            <ui-label slot="label">描述：</ui-label>
            <ui-select slot="content" :value="currentPluginConfig.description" @confirm="onDescriptionSelect($event.target.value)">
                <option v-if="Object.keys(currentI18nConfig).indexOf(currentPluginConfig.description) === -1" :value="currentPluginConfig.description">{{getI18nFromConfig(currentPluginConfig.description+"："+currentPluginConfig.description)}}</option>
                <option v-for="(value, key) in currentI18nConfig" :value="key">{{getI18nFromConfig(key)+"："+key}}</option>
            </ui-select>
        </ui-prop>
    </ui-section>
</div>