message-verify 0.0.11-beta.0 → 0.0.13-beta.0

package/dist/App.d.ts

@@ -0,0 +1,10 @@
+import './App.css';
+interface Props {
+    data: {
+        mobile: string;
+        verifyCodeKey: string;
+        sendSuccess: boolean;
+    };
+}
+declare const App: React.FC<Props>;
+export default App;

package/dist/App.js

@@ -0,0 +1,31 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import './App.css';
+import Modal from './components/modal';
+import Input from './components/input';
+const App = ({ data }) => {
+    const { mobile } = data || {};
+    const [countdown, setCountdown] = useState(60);
+    const [visible, setVisible] = useState(false);
+    useEffect(() => {
+        setVisible(true);
+    }, []);
+    useEffect(() => {
+        let timer = null;
+        if (visible && countdown > 0) {
+            timer = setInterval(() => {
+                setCountdown((prev) => prev - 1);
+            }, 1000);
+        }
+        return () => {
+            if (timer)
+                clearInterval(timer);
+        };
+    }, [visible, countdown]);
+    const handleResend = () => {
+        setCountdown(60);
+        // 这里可以加上重新发送验证码的逻辑
+    };
+    return (_jsx(_Fragment, { children: _jsxs(Modal, { visible: visible, onClose: () => setVisible(false), children: [_jsxs("div", { children: ["\u5DF2\u53D1\u9001\u77ED\u4FE1\u81F3\u60A8\u7684\u624B\u673A\uFF1A", mobile] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [_jsx(Input, { placeholder: "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801" }), _jsx("button", { disabled: countdown > 0, onClick: handleResend, style: countdown > 0 ? { marginLeft: 8 } : { marginLeft: 8, backgroundColor: '#1677ff', color: '#fff' }, children: countdown > 0 ? `${countdown}秒` : '重新发送' })] })] }) }));
+};
+export default App;

package/dist/components/input.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    placeholder?: string;
+}
+declare const Input: React.FC<InputProps>;
+export default Input;

package/dist/components/input.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const inputStyle = {
+    padding: '8px 12px',
+    border: '1px solid #ccc',
+    borderRadius: 4,
+    fontSize: 16,
+    outline: 'none',
+    transition: 'border-color 0.2s',
+};
+const Input = (props) => {
+    const { placeholder = '请输入' } = props;
+    return (_jsx("input", { style: inputStyle, placeholder: placeholder, ...props, onFocus: e => {
+            props.onFocus?.(e);
+            e.target.style.borderColor = '#1677ff';
+        }, onBlur: e => {
+            props.onBlur?.(e);
+            e.target.style.borderColor = '#ccc';
+        } }));
+};
+export default Input;

package/dist/components/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/components/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

@@ -0,0 +1,2 @@
+import App from './App';
+export default App;

package/dist/index.js

@@ -0,0 +1,2 @@
+import App from './App';
+export default App;

package/dist/main.d.ts

@@ -0,0 +1,3 @@
+import './index.css';
+import App from './App';
+export default App;

package/dist/main.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import './index.css';
+import App from './App';
+const data = {
+    mobile: '185****7760',
+    verifyCodeKey: 'e381c5f9-c7f4-4bf1-a948-744334fb0203',
+    sendSuccess: true
+};
+createRoot(document.getElementById('root')).render(_jsx(StrictMode, { children: _jsx(App, { data: data }) }));
+export default App;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "message-verify",
-  "version": "0.0.11-beta.0",
+  "version": "0.0.13-beta.0",
   "type": "module",
   "main": "dist/index.js",
   "dependencies": {
@@ -22,7 +22,7 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
+    "build": "tsc -p tsconfig.json",
     "lint": "eslint .",
     "preview": "vite preview"
   }

package/src/main.tsx

@@ -1,7 +1,7 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import './index.css'
-import App from './App.tsx'
+import App from './App'
 
 const data = {
   mobile: '185****7760',

package/tsconfig.json

@@ -1,12 +1,25 @@
 {
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ],
+  // "files": [],
+  // "references": [
+  //   { "path": "./tsconfig.app.json" },
+  //   { "path": "./tsconfig.node.json" }
+  // ],
+  // "compilerOptions": {
+  //   "declaration": true,
+  //   "outDir": "dist"
+  // }
   "compilerOptions": {
-    "declaration": true,
-    "outDir": "dist"
-  }
-
+      "outDir": "dist",
+      "declaration": true,
+      "declarationDir": "dist",
+      "module": "ESNext",
+      "target": "ESNext",
+      "jsx": "react-jsx",
+      "esModuleInterop": true,
+      "moduleResolution": "node",
+      "allowSyntheticDefaultImports": true,
+      "skipLibCheck": true,
+      "strict": true
+    },
+    "include": ["src"]
 }