update：搜索栏组件

src/components/app-searchbar/app-searchbar.scss

@@ -22,6 +22,9 @@
             gap: 16px;
             img {
                 cursor: pointer;
+                &.is-disabled {
+                    cursor: not-allowed;
+                }
             }
         }
         .app-searchbar-field {

src/components/app-searchbar/app-searchbar.vue

@@ -17,7 +17,7 @@
                 </div>
                 <div class="app-searchbar-action">
                     <img src="assets/img/add.svg" @click="onAddItem()">
-                    <img src="assets/img/remove.svg" @click="onRemoveItem(index)">
+                    <img :class="{'is-disabled': items.length == 1}" src="assets/img/remove.svg" @click="onRemoveItem(index)">
                 </div>
             </div>
         </div>
@@ -51,6 +51,17 @@ export default class AppSearchbar extends Vue {
      */
     @Prop() fields: any;
 
+    @Watch('items',{immediate: true})
+    onItemsChange(newItems: any[]) {
+        if (newItems.length == 0) {
+            this.items.push({
+                field: null,
+                mode: null,
+                editor: null
+            })
+        }
+    }
+
     /**
      * 属性项集合
      *
@@ -69,9 +80,6 @@ export default class AppSearchbar extends Vue {
         if(!this.fields) {
             return;
         }
-        if (this.items.length === 0) {
-            this.onAddItem();
-        }
         this.fields.forEach((field: any) => {
             let index: number = this.fieldItems.findIndex((item: any) => Object.is(item.value, field.prop));
             if(index < 0) {