feat: 更新模板数据选择-下拉编辑器显示下拉图标

app_Web/src/components/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.tsx

@@ -25,6 +25,12 @@ export const IBizPickerDropDown = defineComponent({
     // 是否是第一次搜索
     const isFirstSearch = ref(false);
 
+    // 鼠标是否进入
+    const isEnter = ref(false);
+
+    // 下拉框是否在展开
+    const vsisible = ref(false);
+
     // 第一次搜索的时候需要保存值，否则回显有问题
     const firstRefValue: Ref<string> = ref('');
 
@@ -146,6 +152,7 @@ export const IBizPickerDropDown = defineComponent({
         // 下拉关闭的时候，如果没有选择过，要把回显值重新赋回select
         refValue.value = firstRefValue.value;
       }
+      vsisible.value = isOpen;
     };
 
     // 搜索词改变时触发
@@ -169,6 +176,27 @@ export const IBizPickerDropDown = defineComponent({
       }
       emit('change', null);
     };
+
+    const renderIcon = () => {
+      if (props.value && isEnter.value) {
+        return (
+          <i
+            class='ivu-icon ivu-icon-ios-close-circle ivu-select-arrow'
+            onClick={onClear}
+          ></i>
+        );
+      }
+      return <i class='ivu-icon ivu-icon-ios-arrow-down ivu-select-arrow'></i>;
+    };
+
+    const onMouseEnter = () => {
+      isEnter.value = true;
+    };
+
+    const onMouseLevel = () => {
+      isEnter.value = false;
+    };
+
     return {
       ns,
       c,
@@ -180,6 +208,9 @@ export const IBizPickerDropDown = defineComponent({
       onClear,
       onSelect,
       onSearch,
+      renderIcon,
+      onMouseEnter,
+      onMouseLevel,
     };
   },
   render(h) {
@@ -189,7 +220,11 @@ export const IBizPickerDropDown = defineComponent({
       );
     }
     return (
-      <div class={[this.ns.b(), this.disabled ? this.ns.m('disabled') : '']}>
+      <div
+        class={[this.ns.b(), this.disabled ? this.ns.m('disabled') : '']}
+        onMouseenter={this.onMouseEnter}
+        onMouseleave={this.onMouseLevel}
+      >
         {[
           this.readonly && this.value,
           !this.readonly &&
@@ -226,6 +261,7 @@ export const IBizPickerDropDown = defineComponent({
                 }),
               ],
             ),
+          this.renderIcon(),
         ]}
       </div>
     );