[Web] Add data source description and prompt

web/console-fe/src/components/source/SourceSelect.vue

@@ -2,7 +2,9 @@
   <div>
     <Select v-model="applySource" style="width: 160px" @on-change="handlerChangeValue">
       <Option v-for="column in columns" :value="column.id + ':' + column.type" v-bind:key="column.id">
-        {{ column.name }}
+        <Tooltip transfer :content="column.type">
+          {{ column.name }}
+        </Tooltip>
       </Option>
     </Select>
   </div>

web/console-fe/src/views/pages/admin/source/SourceDetail.vue

@@ -35,10 +35,11 @@
           <TabPane :label="$t('common.source')" name="type" icon="md-apps">
             <RadioGroup v-if="plugins" v-model="formState.type" type="button">
               <div v-for="key in Object.keys(plugins)" v-bind:key="key">
-                <Divider orientation="left">{{ key }}</Divider>
+                <Divider orientation="left">{{ key }} ({{ plugins[key].length }})</Divider>
                 <Space wrap :size="[8, 16]">
-                  <Radio v-for="plugin in plugins[key]" :label="plugin.name + ' ' + plugin.type"
-                         v-bind:key="plugin.name"/>
+                  <Tooltip v-for="plugin in plugins[key]" :content="plugin.description" transfer v-bind:key="plugin.name">
+                    <Radio :label="plugin.name + ' ' + plugin.type"/>
+                  </Tooltip>
                 </Space>
               </div>
             </RadioGroup>