Optimize some functions.

Author: gudaoxuri

docs/TableDemo.vue

@@ -80,9 +80,6 @@ const layouts = [{
   }, {
     name: 'realEndTime',
   }],
-  quickSearch: {
-    placeholder: '请输入姓名',
-  },
   aggs: { name: AggregateKind.MIN },
 }]
 
@@ -517,6 +514,9 @@ const tableProps: Ref<TableProps> = ref({
   columns,
   layouts,
   events,
+  quickSearch: {
+    placeholder: '请输入姓名',
+  },
   defaultSlice: {
     offsetNumber: 0,
     fetchNumber: 10,

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@idealworld/task-table",
   "type": "module",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.2",
   "description": "Table component to support task management",
   "authors": [{
     "name": "gudaoxuri",

src/Skeleton.vue

@@ -21,10 +21,13 @@ const tableBasicConf = reactive<TableBasicConf>(_tableBasicConf)
 const tableLayoutsConf = reactive<TableLayoutConf[]>(_tableLayoutsConf)
 const currentLayoutId = ref<string>(tableLayoutsConf[0].id)
 
-watch(tableLayoutsConf, () => {
+watch(tableLayoutsConf, (newConf, oldConf) => {
+  // TODO
+  // if (newConf.length !== oldConf.length) {
   // Reset the current layout after the layout is deleted
-  currentLayoutId.value = tableLayoutsConf[tableLayoutsConf.length - 1] && tableLayoutsConf[tableLayoutsConf.length - 1].id
-  setHeight()
+    currentLayoutId.value = tableLayoutsConf[tableLayoutsConf.length - 1] && tableLayoutsConf[tableLayoutsConf.length - 1].id
+    setHeight()
+  // }
 })
 
 Event.init(tableBasicConf, tableLayoutsConf, currentLayoutId, props.events)

src/components/eventbus.ts

@@ -264,7 +264,9 @@ export async function modifyStyles(changedStyles: TableStyleConf): Promise<boole
 
 export async function setQuickSearchContent(quickSearchContent: string): Promise<boolean> {
   tableBasicConf.quickSearchContent = quickSearchContent
-  await loadData()
+  tableLayoutsConf.forEach((layout) => {
+    loadData(undefined, undefined, layout.id)
+  })
   return true
 }
 

src/components/function/QuickSearch.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import * as eb from '../eventbus'
-import * as iconSvg from '../../assets/icon'
+import { ref } from 'vue';
+import * as iconSvg from '../../assets/icon';
+import * as eb from '../eventbus';
 
 const props = defineProps<{
   placeholder: string