refactor: enhance dynamic button system to support menus, reactive properties, and improved PWA floating action button integration

src/views/workflow/WorkflowListView.vue

@@ -5,8 +5,6 @@ import WorkflowAddEditDialog from '@/components/dialog/WorkflowAddEditDialog.vue
 import WorkflowTaskCard from '@/components/cards/WorkflowTaskCard.vue'
 import NoDataFound from '@/components/NoDataFound.vue'
 import { useI18n } from 'vue-i18n'
-import { usePWA } from '@/composables/usePWA'
-import { useDynamicButton } from '@/composables/useDynamicButton'
 
 // 国际化
 const { t } = useI18n()
@@ -14,12 +12,6 @@ const { t } = useI18n()
 // 是否刷新
 const isRefreshed = ref(false)
 
-// 路由
-const route = useRoute()
-
-// PWA模式检测
-const { appMode } = usePWA()
-
 // 新增对话框
 const addDialog = ref(false)
 
@@ -54,14 +46,6 @@ function addDone() {
   fetchData()
 }
 
-// 使用动态按钮钩子 新增
-useDynamicButton({
-  icon: 'mdi-plus',
-  onClick: () => {
-    addDialog.value = true
-  },
-})
-
 onMounted(() => {
   loadEventTypes()
   fetchData()
@@ -70,6 +54,14 @@ onMounted(() => {
 onActivated(() => {
   fetchData()
 })
+
+function openAddDialog() {
+  addDialog.value = true
+}
+
+defineExpose({
+  openAddDialog,
+})
 </script>
 <template>
   <div>
@@ -83,20 +75,6 @@ onActivated(() => {
       :error-title="t('workflow.noWorkflow')"
       :error-description="t('workflow.noWorkflowDescription')"
     />
-    <!-- 新增按钮 -->
-    <Teleport to="body" v-if="route.path === '/workflow'">
-      <VFab
-        v-if="isRefreshed && !appMode"
-        icon="mdi-plus"
-        location="bottom"
-        size="x-large"
-        fixed
-        app
-        appear
-        :class="{ 'mb-12': appMode }"
-        @click="addDialog = true"
-      />
-    </Teleport>
     <!-- 新增对话框 -->
     <WorkflowAddEditDialog v-if="addDialog" v-model="addDialog" @close="addDialog = false" @save="addDone" />
   </div>

src/views/workflow/WorkflowShareView.vue

@@ -30,6 +30,7 @@ const page = ref(1)
 
 // 搜索关键字
 const keyword = ref(props.keyword)
+const currentKey = ref(0)
 
 // 是否加载中
 const loading = ref(false)
@@ -53,6 +54,17 @@ async function loadEventTypes() {
   }
 }
 
+watch(
+  () => props.keyword,
+  newKeyword => {
+    keyword.value = newKeyword || ''
+    page.value = 1
+    dataList.value = []
+    isRefreshed.value = false
+    currentKey.value++
+  },
+)
+
 // 拼装参数
 function getParams() {
   let params = {
@@ -141,7 +153,7 @@ onActivated(() => {
 <template>
   <VPageContentTitle v-if="keyword" :title="`${t('common.search')}：${keyword}`" />
   <LoadingBanner v-if="!isRefreshed" class="mt-12" />
-  <VInfiniteScroll mode="intersect" side="end" :items="dataList" class="overflow-visible px-2" @load="fetchData">
+  <VInfiniteScroll mode="intersect" side="end" :items="dataList" class="overflow-visible px-2" @load="fetchData" :key="currentKey">
     <template #loading />
     <template #empty />
     <div v-if="dataList.length > 0" class="grid gap-4 grid-workflow-share-card" tabindex="0">