message-verify 0.0.30-beta.0 → 0.0.32-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.d.ts

@@ -1,5 +1,7 @@
 export type ModalConfig = {
     content: React.ReactNode;
+    title?: string;
+    width?: number;
     onClose?: () => void;
 };
 export declare const showModal: (config: ModalConfig) => void;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 // import App from './app.js';
 // import { createRoot } from 'react-dom/client';
 // interface Props {
@@ -29,25 +29,28 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // export { createMessageVerify };
 // export default createMessageVerify;
 // src/modal.tsx
+// src/modal.tsx
+import Modal from './compoments/modal.js';
 import ReactDOM from 'react-dom/client';
 let modalRoot = null;
-const Modal = ({ content, onClose }) => (_jsx("div", { className: "modal-overlay", children: _jsxs("div", { className: "modal-content", children: [content, _jsx("button", { onClick: onClose, children: "Close" })] }) }));
+const AntdModal = ({ config }) => (_jsx(Modal, { visible: true, onClose: () => { console.log('close'); }, children: config.content }));
 export const showModal = (config) => {
-    // 创建容器
     const container = document.createElement('div');
-    container.id = 'global-modal-container';
+    container.id = 'antd-modal-container';
     document.body.appendChild(container);
-    // 渲染弹窗
     modalRoot = ReactDOM.createRoot(container);
-    modalRoot.render(_jsx(Modal, { ...config, onClose: () => {
-            config.onClose?.();
-            destroyModal();
+    modalRoot.render(_jsx(AntdModal, { config: {
+            ...config,
+            onClose: () => {
+                config.onClose?.();
+                destroyModal();
+            }
         } }));
 };
 const destroyModal = () => {
     if (modalRoot) {
         modalRoot.unmount();
-        document.getElementById('global-modal-container')?.remove();
+        document.getElementById('antd-modal-container')?.remove();
         modalRoot = null;
     }
 };

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.30-beta.0",
+  "version": "0.0.32-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

@@ -33,38 +33,42 @@
 // export { createMessageVerify };
 // export default createMessageVerify;
 // src/modal.tsx
+// src/modal.tsx
+import Modal from './compoments/modal.js'
 import ReactDOM from 'react-dom/client'
 
 export type ModalConfig = {
   content: React.ReactNode
+  title?: string
+  width?: number
   onClose?: () => void
 }
 
 let modalRoot: ReactDOM.Root | null = null
 
-const Modal = ({ content, onClose }: ModalConfig) => (
-  <div className="modal-overlay">
-    <div className="modal-content">
-      {content}
-      <button onClick={onClose}>Close</button>
-    </div>
-  </div>
+const AntdModal = ({ config }: { config: ModalConfig }) => (
+  <Modal
+    visible={true}
+    onClose={() => {console.log('close')}}
+  >
+    {config.content}
+  </Modal>
 )
 
 export const showModal = (config: ModalConfig) => {
-  // 创建容器
   const container = document.createElement('div')
-  container.id = 'global-modal-container'
+  container.id = 'antd-modal-container'
   document.body.appendChild(container)
 
-  // 渲染弹窗
   modalRoot = ReactDOM.createRoot(container)
   modalRoot.render(
-    <Modal
-      {...config}
-      onClose={() => {
-        config.onClose?.()
-        destroyModal()
+    <AntdModal
+      config={{
+        ...config,
+        onClose: () => {
+          config.onClose?.()
+          destroyModal()
+        }
       }}
     />
   )
@@ -73,7 +77,7 @@ export const showModal = (config: ModalConfig) => {
 const destroyModal = () => {
   if (modalRoot) {
     modalRoot.unmount()
-    document.getElementById('global-modal-container')?.remove()
+    document.getElementById('antd-modal-container')?.remove()
     modalRoot = null
   }
 }