// Register icon sprite
import './style/index.less';
import 'virtual:svg-icons-register';
import type { App } from 'vue';

import 'moment/dist/locale/zh-cn';

//组件
import { BzTitle, BzHelp, BzArrow } from '/@/components/Basic';
import { BzIcon, BzSvgIcon, BzIconPicker } from '/@/components/BzIcon';

import { BzButton } from '/@/components/BzButton';
import { BzRangePicker } from './components/BzRangePicker';

import { AppProvider } from '/@/components/Application';
import { BzScrollbar } from '/@/components/Scrollbar';
import { BzScrollContainer, BzCollapseContainer } from '/@/components/Container';
export * from '/@/components/BzTransition';

import { BzPageWrapper } from './components/BzPage';

import { BzLoading, useLoading, createLoading } from '/@/components/BzLoading';
import { BzModal, useModalContext, useModal, useModalInner } from '/@/components/BzModal';

import { BzDrawer, useDrawer, useDrawerInner } from '/@/components/BzDrawer';
import { useContextMenu } from '/@/hooks/web/useContextMenu';

import { BzDescription, useDescription } from '/@/components/BzDescription';

import { BzTinymce } from '/@/components/BzTinymce';

//指令
import loadingDirective from '/@/directives/loading';
import clickOutside from './directives/clickOutside';
import { setupGlobDirectives } from '/@/directives';

import { useBzAxios } from '/@/hooks/useBzAxios';
import {
  BzForm,
  ApiSelect,
  RadioButtonGroup,
  ApiTreeSelect,
  ApiTree,
  ApiRadioGroup,
  ApiCascader,
} from '/@/components/BzForm';
import { BzTable, TableAction, EditTableHeaderIcon, TableImg } from './components/BzTable';

import { useMessage } from '/@/hooks/web/useMessage';

import { message } from 'ant-design-vue';
message.config({
  duration: 2, // 持续时间
  maxCount: 1, // 最大显示数, 超过限制时，最早的消息会被自动关闭
});
const components = [
  BzTitle,
  BzHelp,
  BzArrow,
  BzIcon,
  BzSvgIcon,
  BzIconPicker,
  BzButton,
  BzRangePicker,
  //  命名冲突 暂时不注册
  // BzForm,
  // BzTable,
  //内容
  AppProvider,
  BzScrollbar,
  BzScrollContainer,
  BzCollapseContainer,
  BzPageWrapper,
  // 提示
  BzLoading,
  BzModal,
  BzDrawer,
  //编辑框
  BzTinymce,
];

const install = (app: App) => {
  components.forEach((i: any) => {
    app.use(i);
  });
};

const BzAntdUi = {
  version: '0.0.20',
  install,
};

export {
  install,
  BzTitle,
  BzHelp,
  BzArrow,
  BzIcon,
  BzSvgIcon,
  BzIconPicker,
  AppProvider,
  BzScrollbar,
  BzScrollContainer,
  BzCollapseContainer,
  BzButton,
  BzRangePicker,
  BzPageWrapper,
  BzModal,
  BzLoading,
  BzForm,
  ApiSelect,
  RadioButtonGroup,
  ApiTreeSelect,
  ApiTree,
  ApiRadioGroup,
  ApiCascader,
  BzTable,
  TableAction,
  EditTableHeaderIcon,
  TableImg,
  BzDrawer,
  BzDescription,
  //编辑框
  BzTinymce,
};
// comp use
export { useModal, useModalContext, useModalInner };
export { useLoading, createLoading };
export { useDrawer, useDrawerInner };
export { useDescription };

//指令
export { setupGlobDirectives, loadingDirective, clickOutside };

//type
export * from './types';

//hook
export { useMessage };
export { useBzAxios };
export { useContextMenu };
export default BzAntdUi;