@fe6/water-pro/components/table-pro/src/hooks/use-table-context.ts

An enterprise-class UI design language and Vue-based implementation

/** @format */

import type { Ref } from 'vue';
import type { TableProProps, TableActionType } from '../types/table';

import { provide, inject, ComputedRef } from 'vue';

const key = Symbol('table-pro');

type Instance = TableActionType & {
  wrapRef: Ref<Nullable<HTMLElement>>;
  getBindValues: ComputedRef<Recordable>;
};

type RetInstance = Omit<Instance, 'getBindValues'> & {
  getBindValues: ComputedRef<TableProProps>;
};

export function createTableContext(instance: Instance) {
  provide(key, instance);
}

export function useTableContext(): RetInstance {
  return inject(key) as RetInstance;
}