新增 React Ant Design 前端骨架

2026-07-07 18:15:02 +08:00
parent c2c168f18e
commit 45d4df74fc
61 changed files with 6869 additions and 0 deletions
@@ -0,0 +1,86 @@
+import { Input, Modal, message as antdMessage } from 'antd'
+import type { ModalFuncProps } from 'antd'
+import { createElement } from 'react'
+
+type MessageOptions = {
+  duration?: number
+}
+
+type PromptResult = {
+  value: string
+}
+
+export function showSuccess(message: string, options: MessageOptions = {}) {
+  return antdMessage.success({
+    content: message,
+    duration: options.duration,
+  })
+}
+
+export function showError(message: string, options: MessageOptions = {}) {
+  return antdMessage.error({
+    content: message,
+    duration: options.duration,
+  })
+}
+
+export function showConfirm(
+  message: string,
+  title = '确认操作',
+  options: ModalFuncProps = {},
+) {
+  return new Promise<void>((resolve, reject) => {
+    Modal.confirm({
+      title,
+      content: message,
+      okText: '继续执行',
+      cancelText: '取消',
+      centered: true,
+      ...options,
+      onOk: () => {
+        options.onOk?.()
+        resolve()
+      },
+      onCancel: () => {
+        options.onCancel?.()
+        reject('cancel')
+      },
+    })
+  })
+}
+
+export function showPrompt(message: string, title: string, options: ModalFuncProps = {}) {
+  let value = ''
+
+  return new Promise<PromptResult>((resolve, reject) => {
+    Modal.confirm({
+      title,
+      content: createElement('div', { className: 'feedback-prompt' }, [
+        createElement('p', { key: 'message' }, message),
+        createElement(Input, {
+          key: 'input',
+          autoFocus: true,
+          onChange: (event) => {
+            value = event.target.value
+          },
+        }),
+      ]),
+      okText: '提交',
+      cancelText: '取消',
+      centered: true,
+      ...options,
+      onOk: () => {
+        options.onOk?.()
+        resolve({ value })
+      },
+      onCancel: () => {
+        options.onCancel?.()
+        reject('cancel')
+      },
+    })
+  })
+}
+
+export function isFeedbackDismissed(error: unknown) {
+  return error === 'cancel' || error === 'close'
+}