gi-component 0.0.27 → 0.0.28

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "gi-component",
   "type": "module",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "description": "Vue3中基于Element Plus二次封装基础组件库",
   "author": "lin",
   "license": "MIT",

package/packages/hooks/index.ts

@@ -1,2 +1 @@
 export * from './useBemClass'
-export * from './useTable'

package/packages/index.ts

@@ -1,8 +1,8 @@
-import type { App } from 'vue'
+import type { App, Component } from 'vue'
 
 import Button from './components/button'
 import Card from './components/card'
-import Dialog from './components/dialog'
+import DialogComponent from './components/dialog'
 import Dot from './components/dot'
 import Drawer from './components/drawer'
 import EditTable from './components/edit-table'
@@ -38,11 +38,11 @@ const components = {
   GridItem,
   Form,
   PageLayout,
-  Dialog,
+  Dialog: DialogComponent,
   EditTable,
   Table,
   TreeTransfer
-}
+} as unknown as Record<string, Component>
 
 // 导出Gi前缀的组件并添加明确类型注解
 export const GiButton: typeof Button = Button
@@ -56,7 +56,7 @@ export const GiGrid: typeof Grid = Grid
 export const GiGridItem: typeof GridItem = GridItem
 export const GiForm: typeof Form = Form
 export const GiPageLayout: typeof PageLayout = PageLayout
-export const GiDialog: typeof Dialog = Dialog
+export const GiDialog: typeof DialogComponent = DialogComponent
 export const GiEditTable: typeof EditTable = EditTable
 export const GiTable: typeof Table = Table
 export const GiTreeTransfer: typeof TreeTransfer = TreeTransfer

package/packages/hooks/useTable.ts

@@ -1,100 +0,0 @@
-import type { Ref } from 'vue'
-import { reactive, ref } from 'vue'
-
-interface Options<T, U> {
-  onSuccess?: () => void
-  onError?: (error: Error) => void
-  immediate?: boolean
-  rowKey?: keyof T
-}
-
-interface ApiResult<T> {
-  code: number
-  data: T
-  message: string
-  success: boolean
-}
-
-interface PageResult<T> {
-  list: T[]
-  total: number
-}
-
-export interface UseTablePaginationParams { page: number, size: number }
-
-export interface UseTableApi<T> {
-  (params: UseTablePaginationParams): Promise<ApiResult<PageResult<T[]>>> | Promise<ApiResult<T[]>>
-}
-
-export function useTable<T extends U, U = T>(api: UseTableApi<T>, options: Options<T, U>) {
-  const { onSuccess, onError, immediate = true, rowKey = 'id' } = options || {}
-
-  // const instance = getCurrentInstance();
-  // const globalConfig = instance?.appContext.config.globalProperties?.$config || {};
-
-  const loading = ref(false)
-  const tableData: Ref<U[]> = ref([])
-
-  const pagination = reactive({
-    currentPage: 1,
-    pageSize: 20,
-    total: 0,
-    onCurrentChange: (size: number) => {
-      pagination.currentPage = size
-      getTableData()
-    },
-    onSizeChange: (size: number) => {
-      pagination.pageSize = size
-      getTableData()
-    }
-  })
-
-  function setTotal(total: number) {
-    pagination.total = total
-  }
-
-  async function getTableData() {
-    try {
-      loading.value = true
-      const res = await api({ page: pagination.currentPage, size: pagination.pageSize })
-      // 处理返回的数据结构可能是分页或数组的情况
-      const data = !Array.isArray(res.data) ? res.data.list : res.data
-      tableData.value = data as T[]
-      // 设置总数据量
-      const total = !Array.isArray(res.data) ? res.data.total : data.length
-      setTotal(total)
-      onSuccess?.()
-    } catch (error) {
-      onError?.(error as Error)
-    } finally {
-      loading.value = false
-    }
-  }
-
-  // 是否立即触发请求
-  immediate && getTableData()
-
-  function search() {
-    pagination.currentPage = 1
-    getTableData()
-  }
-
-  function refresh() {
-    getTableData()
-  }
-
-  return {
-    /** 表格数据 */
-    tableData,
-    /** 获取表格数据 */
-    getTableData,
-    /** 分页数据 */
-    pagination,
-    /** 加载状态 */
-    loading,
-    /** 搜索 */
-    search,
-    /** 刷新 */
-    refresh
-  }
-}