暂时注释自定义下拉示例

examples/src/App.vue

@@ -308,18 +308,15 @@
         </div>
       </section>
 
-      <div class="flex ele-item">
+      <!-- <div class="flex ele-item">
         <label for="">input、drop组合使用(默认使用)</label>
         <GuipFormItem column="column" class="combo-formItem w510" label="域名设置" required="true">
           <div slot="formDom" class="self-drop-wrap flex">
             <GuipInput style="width: 60%;" v-model="form.domain_set" placeholder="仅支持数字、字母">
             </GuipInput>
-            <!-- 只用作选中内容展示 -->
             <div @click="toggleDrop" class="point flex appendDrop" style="width: 40%;">
               {{ currentDomainItem.name }}</div>
           </div>
-          <!--触发 真实下拉操作 -->
-          <!-- valueKey="id" displayKey="name" 不添加时，默认取值 value、label-->
           <CustomDropdown slot="formDom" ref="dropDomain" width="100%" v-model="form.domainSuffix1"
             group="account-selector" :options="domainOptions" @change="changeSelectIp" placeholder="请选择">
             <template #normal>
@@ -336,20 +333,17 @@
             </template>
           </CustomDropdown>
         </GuipFormItem>
-      </div>
+      </div> -->
-      <div class="flex ele-item">
+      <!-- <div class="flex ele-item">
         <label for="">input、drop组合使用(自定义下拉选择项)</label>
         <GuipFormItem column="column" class="combo-formItem w510" label="域名设置" required="true">
           <div slot="formDom" class="self-drop-wrap flex">
             <GuipInput style="width: 60%;" v-model="form.domain_set" placeholder="仅支持数字、字母">
             </GuipInput>
-            <!-- 只用作选中内容展示 -->
             <div @click="toggleDrop1" class="point flex appendDrop" style="width: 40%;">
               {{ currentDomainItem.name }}
             </div>
           </div>
-          <!--触发 真实下拉操作 -->
-          <!-- valueKey="id" displayKey="name" 不添加时，默认取值 value、label-->
           <CustomDropdown slot="formDom" ref="dropDomain1" width="100%" v-model="form.domainSuffix"
             group="account-selector" :options="domainOptions" @change="changeSelectIp" valueKey="id" placeholder="请选择">
             <template #normal>
@@ -364,9 +358,6 @@
                 </div>
               </div>
             </template>
-            <!-- 自定义下拉选项 选中条件-->
-            <!-- 不添加这个 默认普通选中格式  单独取值 display-key
-                                        自定义渲染项 渲染的内容自定义 ，display-key 属性不再生效-->
             <template #item="{ item }">
               <div class="flex-between">
                 <div class="left">
@@ -379,8 +370,8 @@
             </template>
           </CustomDropdown>
         </GuipFormItem>
-      </div>
+      </div> -->
-      <div class="flex ele-item">
+      <!-- <div class="flex ele-item">
         <label for="">单独实现自定义内容下拉选择</label>
         <CustomDropdown width="500px" v-model="form.domainSuffix" :options="domainOptions" group="account-selector"
           @change="changeSelectIp" valueKey="id" placeholder="请选择">
@@ -403,7 +394,7 @@
             </div>
           </template>
         </CustomDropdown>
-      </div>
+      </div> -->
 
       <GuipDialog :dialogVisible="dialogVisible" title="自定义标题" :show-close-button="false"
         :show-cancel-button="showCancelButton" @confirm="handleConfirm" @cancel="handleCancel" @close="handleClose"