best-unit 1.0.0 → 1.0.3

package/src/views/AccountModal.jsx

@@ -1,125 +0,0 @@
-import { useState } from 'preact/hooks';
-import { submitAccountForm } from '../api';
-
-const initialFormData = {
-  agent: '',
-  requestId: '',
-  remark: '',
-};
-
-export default function AccountModal({ visible, onClose, onSubmit }) {
-  const [formData, setFormData] = useState(initialFormData);
-  const [loading, setLoading] = useState(false);
-
-  // 每次弹窗打开时重置表单
-  if (!visible) {
-    if (formData.agent !== '' || formData.requestId !== '' || formData.remark !== '') {
-      setFormData(initialFormData);
-    }
-    return null;
-  }
-
-  const handleChange = (e) => {
-    setFormData({ ...formData, [e.target.name]: e.target.value });
-  };
-
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setLoading(true);
-    try {
-      const token = window.localStorage.getItem('token') || '';
-      await submitAccountForm(formData, token);
-      onSubmit(formData);
-      onClose();
-    } catch (err) {
-      alert('提交失败');
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  // 点击遮罩关闭弹窗
-  const handleMaskClick = (e) => {
-    if (e.target === e.currentTarget) {
-      onClose();
-    }
-  };
-
-  return (
-    <div
-      style={{
-        position: 'fixed', top: 0, left: 0, width: '100vw', height: '100vh',
-        background: 'rgba(0,0,0,0.15)', display: 'flex', alignItems: 'center', justifyContent: 'center',
-        zIndex: 1000
-      }}
-      onClick={handleMaskClick}
-    >
-      <div
-        style={{ background: '#fff', padding: '32px 32px 16px 32px', borderRadius: '8px', minWidth: '480px', boxShadow: '0 2px 8px rgba(0,0,0,0.15)', position: 'relative' }}
-        onClick={e => e.stopPropagation()}
-      >
-        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 24 }}>
-          <span style={{ fontSize: 20, fontWeight: 600 }}>新建开户申请</span>
-          <button onClick={onClose} style={{ background: 'none', border: 'none', fontSize: 22, cursor: 'pointer', color: '#999' }} title="关闭">×</button>
-        </div>
-        <form onSubmit={handleSubmit} style={{ fontSize: 15, color: '#222', textAlign: 'left' }}>
-          <div style={{ border: '1px solid #f0f0f0', borderRadius: 6, padding: '20px 24px 8px 24px', marginBottom: 24 }}>
-            <div style={{ marginBottom: 20 }}>
-              <label style={{ display: 'block', fontWeight: 600, marginBottom: 6 }}>
-                <span style={{ color: '#f5222d', marginRight: 4 }}>*</span>代理商
-              </label>
-              <select
-                name="agent"
-                value={formData.agent}
-                onChange={handleChange}
-                disabled
-                style={{ width: '100%', padding: '8px', borderRadius: 4, border: '1px solid #d9d9d9', background: '#f5f5f5', color: '#aaa' }}
-              >
-                <option value="">请选择代理商</option>
-              </select>
-            </div>
-            <div style={{ marginBottom: 20 }}>
-              <label style={{ display: 'block', fontWeight: 600, marginBottom: 6 }}>
-                <span style={{ color: '#f5222d', marginRight: 4 }}>*</span>Request ID
-              </label>
-              <input
-                type="text"
-                name="requestId"
-                value={formData.requestId}
-                onChange={handleChange}
-                placeholder="请输入Request ID"
-                required
-                style={{ width: '100%', padding: '8px', borderRadius: 4, border: '1px solid #d9d9d9' }}
-              />
-            </div>
-            <div style={{ marginBottom: 20 }}>
-              <label style={{ display: 'block', fontWeight: 600, marginBottom: 6 }}>备注信息</label>
-              <textarea
-                name="remark"
-                value={formData.remark}
-                onChange={handleChange}
-                placeholder="请输入备注信息"
-                rows={4}
-                style={{ width: '100%', padding: '8px', borderRadius: 4, border: '1px solid #1677ff', resize: 'none' }}
-                maxLength={200}
-              />
-              <div style={{ textAlign: 'right', color: '#aaa', fontSize: 12 }}>{formData.remark.length}/200</div>
-            </div>
-          </div>
-          <div style={{ display: 'flex', justifyContent: 'flex-end', gap: 12, marginTop: 8 }}>
-            <button type="button" onClick={onClose} style={{ padding: '6px 18px', border: 'none', background: '#f5f5f5', color: '#222', borderRadius: 4, fontSize: 15, cursor: 'pointer' }} disabled={loading}>
-              取消
-            </button>
-            <button type="submit" style={{ padding: '6px 18px', border: 'none', background: '#1677ff', color: '#fff', borderRadius: 8, fontSize: 16, fontWeight: 600, cursor: 'pointer', boxShadow: '0 1px 2px rgba(22,119,255,0.08)', transition: 'background 0.2s' }}
-              onMouseOver={e => (e.currentTarget.style.background = '#145dde')}
-              onMouseOut={e => (e.currentTarget.style.background = '#1677ff')}
-              disabled={loading}
-            >
-              {loading ? '提交中...' : '确认'}
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  );
-} 

package/src/views/Home.jsx

@@ -1,53 +0,0 @@
-import { useState } from 'preact/hooks';
-import AccountModal from './AccountModal.jsx';
-
-export default function Home() {
-  const [showModal, setShowModal] = useState(false);
-  const [submitted, setSubmitted] = useState(false);
-  const [lastRequestId, setLastRequestId] = useState('');
-
-  const handleOpen = () => {
-    setShowModal(true);
-    setSubmitted(false);
-  };
-
-  const handleClose = () => {
-    setShowModal(false);
-  };
-
-  const handleSubmit = (formData) => {
-    setSubmitted(true);
-    setLastRequestId(formData.requestId);
-  };
-
-  return (
-    <div style={{ textAlign: 'center', marginTop: '2rem', fontFamily: 'Arial, sans-serif' }}>
-      <button onClick={handleOpen}  style={{
-        padding: '6px 18px',
-        border: 'none',
-        background: '#1677ff',
-        color: '#fff',
-        borderRadius: 8,
-        fontSize: 16,
-        fontWeight: 600,
-        cursor: 'pointer',
-        boxShadow: '0 1px 2px rgba(22,119,255,0.08)',
-        transition: 'background 0.2s',
-      }}
-      onMouseOver={e => (e.currentTarget.style.background = '#145dde')}
-      onMouseOut={e => (e.currentTarget.style.background = '#1677ff')}>
-        新建开户申请
-      </button>
-      <AccountModal
-        visible={showModal}
-        onClose={handleClose}
-        onSubmit={handleSubmit}
-      />
-      {submitted && (
-        <div style={{ marginTop: '1rem', color: 'green' }}>
-          提交成功！Request ID：{lastRequestId}
-        </div>
-      )}
-    </div>
-  );
-} 

package/vite.config.js

@@ -1,31 +0,0 @@
-import { defineConfig } from 'vite';
-import preact from '@preact/preset-vite';
-
-export default defineConfig({
-  plugins: [preact()],
-  server: {
-    proxy: {
-      '/api': {
-        target: 'http://localhost:3000',
-        changeOrigin: true,
-      },
-    },
-  },
-  build: {
-    lib: {
-      entry: 'src/sdk/index.ts', // 你的 SDK 入口
-      name: 'BestUnit',
-      fileName: 'best-unit',
-      formats: ['umd', 'es'],
-    },
-    rollupOptions: {
-      // 保证 preact 作为外部依赖或内联
-      external: ['preact'],
-      output: {
-        globals: {
-          preact: 'preact'
-        }
-      }
-    }
-  }
-});