初始化

saiadmin-artd/src/composables/useSaiAdmin.ts

@@ -0,0 +1,91 @@
+import { ref, nextTick } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+
+/**
+ * SaiAdmin Composable
+ * SaiAdmin状态管理
+ */
+export function useSaiAdmin() {
+  // 弹窗相关
+  const dialogType = ref('add')
+  const dialogVisible = ref(false)
+  const dialogData = ref<Partial<Record<string, any>>>({})
+
+  // 选中行
+  const selectedRows = ref<Record<string, any>[]>([])
+
+  // 显示弹窗
+  const showDialog = (type: string, row?: Record<string, any>): void => {
+    dialogType.value = type
+    dialogData.value = row || {}
+    nextTick(() => {
+      dialogVisible.value = true
+    })
+  }
+
+  // 隐藏弹窗
+  const hideDialog = (): void => {
+    dialogVisible.value = false
+  }
+
+  // 表格行选择变化
+  const handleSelectionChange = (selection: Record<string, any>[]): void => {
+    selectedRows.value = selection
+  }
+
+  // 删除数据
+  const deleteRow = (
+    row: Record<string, any>,
+    apiFn: (params: any) => Promise<any>,
+    callback?: () => void
+  ): void => {
+    ElMessageBox.confirm(`确定要删除该数据吗？`, '删除数据', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'error'
+    }).then(() => {
+      apiFn({ ids: [row.id] }).then(() => {
+        ElMessage.success('删除成功')
+        if (callback) callback()
+      })
+    })
+  }
+
+  // 批量删除数据
+  const deleteSelectedRows = (
+    apiFn: (params: any) => Promise<any>,
+    callback?: () => void
+  ): void => {
+    if (selectedRows.value.length === 0) {
+      ElMessage.warning('请选择要删除的行')
+      return
+    }
+    ElMessageBox.confirm(
+      `确定要删除选中的 ${selectedRows.value.length} 条数据吗？`,
+      '删除选中数据',
+      {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'error'
+      }
+    ).then(() => {
+      apiFn({ ids: selectedRows.value.map((row) => row.id) }).then(() => {
+        ElMessage.success('删除成功')
+        if (callback) callback()
+        selectedRows.value = []
+      })
+    })
+  }
+
+  return {
+    dialogType,
+    dialogVisible,
+    dialogData,
+    selectedRows,
+    showDialog,
+    hideDialog,
+    handleSelectionChange,
+    deleteRow,
+    deleteSelectedRows
+  }
+}