feat: add licensing and access controls

2026-10-01 20:16:36 +08:00 · 2026-05-29 12:47:54 +08:00
parent 2f7ec3ab17
commit 27df93fa3d
61 changed files with 2032 additions and 237 deletions
@@ -0,0 +1,83 @@
+import { createRoot } from 'react-dom/client'
+import { AlertTriangle } from 'lucide-react'
+
+type ConfirmOptions = {
+  title?: string
+  message: string
+  confirmText?: string
+  cancelText?: string
+  danger?: boolean
+}
+
+export function confirmAction(options: ConfirmOptions): Promise<boolean> {
+  return new Promise((resolve) => {
+    const host = document.createElement('div')
+    document.body.appendChild(host)
+    const root = createRoot(host)
+    const close = (value: boolean) => {
+      root.unmount()
+      host.remove()
+      resolve(value)
+    }
+    root.render(<ConfirmDialog options={options} onClose={close} />)
+  })
+}
+
+function ConfirmDialog({
+  options,
+  onClose,
+}: {
+  options: ConfirmOptions
+  onClose: (value: boolean) => void
+}) {
+  const danger = options.danger ?? true
+  return (
+    <div
+      className="fixed inset-0 z-[100] flex items-center justify-center bg-black/35 p-4 backdrop-blur-sm"
+      onClick={() => onClose(false)}
+    >
+      <div
+        role="dialog"
+        aria-modal="true"
+        className="w-full max-w-md overflow-hidden rounded-3xl border border-white/70 bg-white shadow-2xl"
+        onClick={(event) => event.stopPropagation()}
+      >
+        <div className="flex gap-4 p-5">
+          <div
+            className={
+              'flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl ' +
+              (danger ? 'bg-red-50 text-red-500' : 'bg-primary-400/10 text-brand-500')
+            }
+          >
+            <AlertTriangle size={22} />
+          </div>
+          <div className="min-w-0 flex-1">
+            <h3 className="font-display text-lg font-bold text-ink-600">
+              {options.title || '确认操作'}
+            </h3>
+            <p className="mt-2 text-sm leading-6 text-ink-50">{options.message}</p>
+          </div>
+        </div>
+        <div className="flex justify-end gap-2 border-t border-gray-100 bg-gray-50/80 px-5 py-4">
+          <button
+            type="button"
+            onClick={() => onClose(false)}
+            className="rounded-xl border border-gray-200 bg-white px-4 py-2 text-sm font-semibold text-ink-100 hover:bg-gray-50"
+          >
+            {options.cancelText || '取消'}
+          </button>
+          <button
+            type="button"
+            onClick={() => onClose(true)}
+            className={
+              'rounded-xl px-4 py-2 text-sm font-semibold text-white shadow-sm transition ' +
+              (danger ? 'bg-red-500 hover:bg-red-600' : 'bg-brand-500 hover:bg-brand-600')
+            }
+          >
+            {options.confirmText || '确认'}
+          </button>
+        </div>
+      </div>
+    </div>
+  )
+}