优化

client/shared/manager/ui.ts

@@ -0,0 +1,57 @@
+import { t } from '../i18n';
+import { buildRegFn } from './buildReg';
+
+/**
+ * 通用UI api设置
+ */
+
+type ToastsType = 'info' | 'success' | 'error' | 'warning';
+export const [showToasts, setToasts] =
+  buildRegFn<(message: string, type?: ToastsType) => void>('toasts');
+
+/**
+ * 一个封装方法, 用于直接抛出错误
+ * @param error 错误信息
+ */
+export function showErrorToasts(error: unknown) {
+  let msg = '';
+  if (error instanceof Error) {
+    msg = error.message;
+  } else {
+    msg = String(error);
+  }
+
+  showToasts(msg, 'error');
+}
+
+/**
+ * 展示成功消息
+ */
+export function showSuccessToasts(msg = t('操作成功')) {
+  showToasts(msg, 'success');
+}
+
+interface AlertOptions {
+  message: React.ReactNode;
+  onConfirm?: () => void | Promise<void>;
+}
+export const [showAlert, setAlert] =
+  buildRegFn<(options: AlertOptions) => void>('alert');
+
+/**
+ * 全局Loading提示
+ * 返回移除函数
+ */
+export const [showGlobalLoading, setGlobalLoading] = buildRegFn<
+  (text: string) => () => void
+>('global-loading', () => {
+  return () => {};
+});
+
+/**
+ * 提示通知，返回关闭函数
+ */
+export const [showNotification, setNotification] =
+  buildRegFn<(message: React.ReactNode, duration?: number) => () => void>(
+    'notification'
+  );