@kordar-components/react

基于 React 的通用 Hook 集合，服务于 monorepo 生态（如 @kordar/easyui 等）。

安装

npm install @kordar-components/react
# 安装 peer 依赖
npm install react react-dom react-router-dom

使用示例

引用对话框 Ref（useRefDialog）

import React from 'react';
import { useRefDialog } from '@kordar-components/react';

function Demo() {
  const dialog = useRefDialog();
  return (
    <>
      <button onClick={() => dialog.open()}>Open</button>
      <MyDialog ref={dialog.ref} />
    </>
  );
}

路由重定向（useAppRedirect）

import { useAppRedirect } from '@kordar-components/react';
import { useLocation } from 'react-router-dom';

function App() {
  const location = useLocation();
  useAppRedirect({
    location,
    history: null,
    isGuest: () => false,
    saveHistoryLocation: () => {},
  });
  return null;
}

表格 Hook（useTable/useLocalTable）

import { useTable, useLocalTable } from '@kordar-components/react';

导出一览

• 路由与权限
  • useAppRedirect
  • useCheckAccess
• 表格
  • useTable, useLocalTable
  • LocalTable, RemoteTable, LocalTableContext
• 表单/对话框
  • useFormData, useFormMData
  • useDialog, useFormDialog, useRefDialog
• 实用
  • useCheckboxAll, useTableSelection, useSwitchListToImg

构建

npm run build

产物输出在 dist 目录。