message-verify 0.0.31-beta.0 → 0.0.33-beta.0

package/dist/compoments/modal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ModalProps {
+    visible: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+}
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

package/dist/compoments/modal.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const modalStyle = {
+    position: 'fixed',
+    top: 0,
+    left: 0,
+    width: '100vw',
+    height: '100vh',
+    background: 'rgba(0,0,0,0.3)',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 1000,
+};
+const contentStyle = {
+    position: 'relative',
+    background: '#fff',
+    borderRadius: 8,
+    padding: 24,
+    minWidth: 320,
+    minHeight: 120,
+    boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
+};
+const closeBtnStyle = {
+    position: 'absolute',
+    top: 12,
+    right: 12,
+    width: 24,
+    height: 24,
+    border: 'none',
+    background: 'transparent',
+    fontSize: 20,
+    cursor: 'pointer',
+    lineHeight: 1,
+};
+const Modal = ({ visible, onClose, children }) => {
+    if (!visible)
+        return null;
+    return (_jsx("div", { style: modalStyle, children: _jsxs("div", { style: contentStyle, children: [_jsx("button", { style: closeBtnStyle, onClick: onClose, "aria-label": "\u5173\u95ED", children: "\u00D7" }), children] }) }));
+};
+export default Modal;

package/dist/index.js

@@ -30,10 +30,19 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // export default createMessageVerify;
 // src/modal.tsx
 // src/modal.tsx
-import { Modal } from 'antd';
+import Modal from './compoments/modal.js';
 import ReactDOM from 'react-dom/client';
+import { useState } from 'react';
 let modalRoot = null;
-const AntdModal = ({ config }) => (_jsx(Modal, { open: true, title: config.title || '提示', width: config.width || 600, onCancel: config.onClose, footer: null, children: config.content }));
+// ... existing code ...
+const AntdModal = ({ config }) => {
+    const [visible, setVisible] = useState(true);
+    return (_jsx(Modal, { visible: visible, onClose: () => {
+            setVisible(false);
+            config.onClose?.();
+        }, children: config.content }));
+};
+// ... existing code ...
 export const showModal = (config) => {
     const container = document.createElement('div');
     container.id = 'antd-modal-container';

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/app.tsx","../src/index.tsx","../src/main.tsx","../src/resource.ts","../src/vite-env.d.ts","../src/utils/getfingerprint.ts","../src/utils/index.ts","../src/utils/status.ts"],"version":"5.7.3"}
+{"root":["../src/app.tsx","../src/index.tsx","../src/main.tsx","../src/resource.ts","../src/vite-env.d.ts","../src/compoments/modal.tsx","../src/utils/getfingerprint.ts","../src/utils/index.ts","../src/utils/status.ts"],"version":"5.7.3"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "message-verify",
-  "version": "0.0.31-beta.0",
+  "version": "0.0.33-beta.0",
   "type": "module",
   "main": "dist/index.js",
   "dependencies": {

package/src/compoments/modal.tsx

@@ -0,0 +1,60 @@
+import React from 'react';
+
+interface ModalProps {
+    visible: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+}
+
+const modalStyle: React.CSSProperties = {
+    position: 'fixed',
+    top: 0,
+    left: 0,
+    width: '100vw',
+    height: '100vh',
+    background: 'rgba(0,0,0,0.3)',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 1000,
+};
+
+const contentStyle: React.CSSProperties = {
+    position: 'relative',
+    background: '#fff',
+    borderRadius: 8,
+    padding: 24,
+    minWidth: 320,
+    minHeight: 120,
+    boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
+};
+
+const closeBtnStyle: React.CSSProperties = {
+    position: 'absolute',
+    top: 12,
+    right: 12,
+    width: 24,
+    height: 24,
+    border: 'none',
+    background: 'transparent',
+    fontSize: 20,
+    cursor: 'pointer',
+    lineHeight: 1,
+};
+
+const Modal: React.FC<ModalProps> = ({ visible, onClose, children }) => {
+    if (!visible) return null;
+
+    return (
+        <div style={modalStyle}>
+            <div style={contentStyle}>
+                <button style={closeBtnStyle} onClick={onClose} aria-label="关闭">
+                    ×
+                </button>
+                {children}
+            </div>
+        </div>
+    );
+};
+
+export default Modal;

package/src/index.tsx

@@ -34,8 +34,9 @@
 // export default createMessageVerify;
 // src/modal.tsx
 // src/modal.tsx
-import { Modal } from 'antd'
+import Modal from './compoments/modal.js'
 import ReactDOM from 'react-dom/client'
+import { useState } from'react'
 
 export type ModalConfig = {
   content: React.ReactNode
@@ -46,17 +47,23 @@ export type ModalConfig = {
 
 let modalRoot: ReactDOM.Root | null = null
 
-const AntdModal = ({ config }: { config: ModalConfig }) => (
-  <Modal
-    open={true}
-    title={config.title || '提示'}
-    width={config.width || 600}
-    onCancel={config.onClose}
-    footer={null}
-  >
-    {config.content}
-  </Modal>
-)
+// ... existing code ...
+const AntdModal = ({ config }: { config: ModalConfig }) => {
+    const [visible, setVisible] = useState(true);
+  
+    return (
+      <Modal
+        visible={visible}
+        onClose={() => {
+          setVisible(false);
+          config.onClose?.();
+        }}
+      >
+        {config.content}
+      </Modal>
+    );
+  };
+  // ... existing code ...
 
 export const showModal = (config: ModalConfig) => {
   const container = document.createElement('div')