@yuku123/z-frontend-common 0.2.8 → 1.0.0

package/src/components/Ctc/login/index.tsx

@@ -1,142 +0,0 @@
-import React, {useState} from 'react';
-import {useNavigate, Link} from 'react-router-dom';
-import {Alert, Button, Checkbox, Form, Input, message, Tabs} from 'antd';
-import {LockOutlined, UserOutlined} from '@ant-design/icons';
-import {login} from '@/services/api';
-
-const containerStyle: React.CSSProperties = {
-    display: 'flex',
-    flexDirection: 'column',
-    height: '100vh',
-    overflow: 'auto',
-    background: '#f0f2f5',
-    backgroundImage: "url('https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg')",
-    backgroundRepeat: 'no-repeat',
-    backgroundPosition: 'center 110px',
-    backgroundSize: '100%',
-};
-
-const contentStyle: React.CSSProperties = {
-    flex: 1,
-    padding: '32px 0',
-    maxWidth: 400,
-    margin: '0 auto',
-    width: '100%',
-};
-
-const Login: React.FC = () => {
-    const [userLoginState, setUserLoginState] = useState<any>({});
-    const [type] = useState<string>('account');
-    const [loading, setLoading] = useState(false);
-    const navigate = useNavigate();
-
-    const handleSubmit = async (values: { userName: string; password: string }) => {
-        setLoading(true);
-        try {
-            // api.login() 后端 LoginRequest: {identifier, password}
-            const response: any = await login({identifier: values.userName, password: values.password});
-            if (response && response.token) {
-                localStorage.setItem('token', response.token);
-                const acct = response.account || {}
-                localStorage.setItem('userInfo', JSON.stringify({
-                    userId: acct.id,
-                    userName: acct.username,
-                    nickname: acct.nickname,
-                    tenantCode: acct.tenantCode,
-                }));
-                message.success('登录成功！');
-                navigate('/');
-                return;
-            }
-            setUserLoginState(response);
-        } catch (error) {
-            message.error('登录失败，请重试！');
-        } finally {
-            setLoading(false);
-        }
-    };
-
-    const {status} = userLoginState;
-
-    return (
-        <div style={containerStyle}>
-            <div style={contentStyle}>
-                {/* 品牌标识 — 内联 SVG（不再依赖外部 /logo.svg 文件） */}
-                <div style={{textAlign: 'center', marginBottom: 24}}>
-                    <svg width="56" height="56" viewBox="0 0 56 56" fill="none" aria-label="logo">
-                        <defs>
-                            <linearGradient id="brandGrad" x1="0" y1="0" x2="56" y2="56" gradientUnits="userSpaceOnUse">
-                                <stop offset="0%" stopColor="#1677ff"/>
-                                <stop offset="100%" stopColor="#0958d9"/>
-                            </linearGradient>
-                        </defs>
-                        <rect x="2" y="2" width="52" height="52" rx="14" fill="url(#brandGrad)"/>
-                        <path
-                            d="M18 18 H40 L18 38 H40"
-                            stroke="#ffffff"
-                            strokeWidth="3.5"
-                            strokeLinecap="round"
-                            strokeLinejoin="round"
-                            fill="none"
-                        />
-                    </svg>
-                </div>
-
-                <Tabs activeKey={type} centered items={[{key: 'account', label: '账户密码登录'}]}/>
-
-                {status === 'error' && (
-                    <Alert title="账户或密码错误" type="error" showIcon style={{marginBottom: 16}}/>
-                )}
-
-                <Form
-                    onFinish={handleSubmit}
-                    initialValues={{autoLogin: true}}
-                    layout="vertical"
-                >
-                    <Form.Item
-                        name="userName"
-                        rules={[{required: true, message: '请输入用户名!'}]}
-                    >
-                        <Input
-                            size="large"
-                            prefix={<UserOutlined/>}
-                            placeholder="用户名"
-                        />
-                    </Form.Item>
-
-                    <Form.Item
-                        name="password"
-                        rules={[{required: true, message: '请输入密码!'}]}
-                    >
-                        <Input.Password
-                            size="large"
-                            prefix={<LockOutlined/>}
-                            placeholder="密码"
-                        />
-                    </Form.Item>
-
-                    <Form.Item name="autoLogin" valuePropName="checked">
-                        <Checkbox>自动登录</Checkbox>
-                    </Form.Item>
-
-                    <Form.Item>
-                        <Button type="primary" htmlType="submit" size="large" block loading={loading}>
-                            登录
-                        </Button>
-                    </Form.Item>
-                </Form>
-
-                {/* FEATURE012: 用户中心入口 — 注册/找回/手机登录 */}
-                <div style={{textAlign: 'center', marginTop: 16, color: '#888', fontSize: 14}}>
-                    <Link to="/uc/register" style={{marginRight: 16}}>用户注册</Link>
-                    <span style={{margin: '0 8px', color: '#ddd'}}>|</span>
-                    <Link to="/uc/reset-password" style={{marginRight: 16}}>找回密码</Link>
-                    <span style={{margin: '0 8px', color: '#ddd'}}>|</span>
-                    <Link to="/uc/login">手机验证码登录</Link>
-                </div>
-            </div>
-        </div>
-    );
-};
-
-export default Login;

package/src/components/Ctc/uc/UCLogin.tsx

@@ -1,31 +0,0 @@
-import React from 'react';
-import {Card, Form, Input, Button, message, Tabs} from 'antd';
-import {UserOutlined, LockOutlined} from '@ant-design/icons';
-
-/**
- * 账号密码登录 (FEATURE011)
- */
-const UCLogin = () => {
-    const [form] = Form.useForm();
-    const onFinish = (values: any) => {
-        console.log('UC login:', values);
-        message.info('UC 账号密码登录占位组件 — 实际登录逻辑接 z-ctc-ac');
-    };
-    return (
-        <Card title="账号密码登录" style={{maxWidth: 420, margin: '40px auto'}}>
-            <Form form={form} onFinish={onFinish} layout="vertical">
-                <Form.Item name="username" label="账号" rules={[{required: true}]}>
-                    <Input prefix={<UserOutlined/>} placeholder="请输入账号"/>
-                </Form.Item>
-                <Form.Item name="password" label="密码" rules={[{required: true}]}>
-                    <Input.Password prefix={<LockOutlined/>} placeholder="请输入密码"/>
-                </Form.Item>
-                <Form.Item>
-                    <Button type="primary" htmlType="submit" block>登录</Button>
-                </Form.Item>
-            </Form>
-        </Card>
-    );
-};
-
-export default UCLogin;

package/src/components/Ctc/uc/UCPhoneLogin.tsx

@@ -1,62 +0,0 @@
-import React from 'react';
-import {Card, Form, Input, Button, message} from 'antd';
-import {MobileOutlined, SafetyOutlined} from '@ant-design/icons';
-
-/**
- * 手机验证码登录 (FEATURE011)
- * 验证码默认 123456（mock 通道，见 z-msg 配置）
- */
-const UCPhoneLogin = () => {
-    const [form] = Form.useForm();
-    const [sending, setSending] = React.useState(false);
-    const [count, setCount] = React.useState(0);
-
-    const sendCode = async () => {
-        try {
-            const phone = form.getFieldValue('phone');
-            if (!phone || !/^1\d{10}$/.test(phone)) {
-                message.warning('请输入正确的手机号');
-                return;
-            }
-            setSending(true);
-            setCount(60);
-            const t = setInterval(() => setCount(c => (c > 0 ? c - 1 : (clearInterval(t), 0))), 1000);
-            message.success('验证码已发送 (mock 通道: 123456)');
-        } catch (e) {
-            message.error('发送失败');
-        } finally {
-            setSending(false);
-        }
-    };
-
-    const onFinish = (values: any) => {
-        if (values.code !== '123456') {
-            message.error('验证码错误，固定码 123456');
-            return;
-        }
-        message.success('手机登录成功 (占位)');
-    };
-
-    return (
-        <Card title="手机验证码登录" style={{maxWidth: 420, margin: '40px auto'}}>
-            <Form form={form} onFinish={onFinish} layout="vertical">
-                <Form.Item name="phone" label="手机号" rules={[{required: true, pattern: /^1\d{10}$/}]}>
-                    <Input prefix={<MobileOutlined/>} placeholder="11 位手机号" maxLength={11}/>
-                </Form.Item>
-                <Form.Item name="code" label="验证码" rules={[{required: true}]}>
-                    <Input prefix={<SafetyOutlined/>} placeholder="固定码 123456" maxLength={6}
-                           addonAfter={
-                               <Button type="link" disabled={sending || count > 0} onClick={sendCode}>
-                                   {count > 0 ? `${count}s` : '获取验证码'}
-                               </Button>
-                           }/>
-                </Form.Item>
-                <Form.Item>
-                    <Button type="primary" htmlType="submit" block>登录</Button>
-                </Form.Item>
-            </Form>
-        </Card>
-    );
-};
-
-export default UCPhoneLogin;

package/src/components/Ctc/uc/UCRegister.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import {Card, Form, Input, Button, message} from 'antd';
-import {UserOutlined, LockOutlined, SafetyOutlined, MobileOutlined} from '@ant-design/icons';
-
-/**
- * 用户注册 (FEATURE011)
- */
-const UCRegister = () => {
-    const [form] = Form.useForm();
-    const onFinish = (values: any) => {
-        console.log('UC register:', values);
-        message.success('注册成功 (占位)');
-    };
-    return (
-        <Card title="新用户注册" style={{maxWidth: 420, margin: '40px auto'}}>
-            <Form form={form} onFinish={onFinish} layout="vertical">
-                <Form.Item name="username" label="账号" rules={[{required: true, min: 3}]}>
-                    <Input prefix={<UserOutlined/>} placeholder="3 位以上"/>
-                </Form.Item>
-                <Form.Item name="phone" label="手机号" rules={[{required: true, pattern: /^1\d{10}$/}]}>
-                    <Input prefix={<MobileOutlined/>} placeholder="11 位手机号" maxLength={11}/>
-                </Form.Item>
-                <Form.Item name="code" label="验证码" rules={[{required: true}]}>
-                    <Input prefix={<SafetyOutlined/>} placeholder="固定码 123456" maxLength={6}/>
-                </Form.Item>
-                <Form.Item name="password" label="密码" rules={[{required: true, min: 6}]}>
-                    <Input.Password prefix={<LockOutlined/>} placeholder="6 位以上"/>
-                </Form.Item>
-                <Form.Item>
-                    <Button type="primary" htmlType="submit" block>注册</Button>
-                </Form.Item>
-            </Form>
-        </Card>
-    );
-};
-
-export default UCRegister;

package/src/components/Ctc/uc/UCResetPassword.tsx

@@ -1,69 +0,0 @@
-import React from 'react';
-import {Card, Form, Input, Button, message, Steps} from 'antd';
-import {MobileOutlined, SafetyOutlined, LockOutlined} from '@ant-design/icons';
-
-/**
- * 找回密码 (FEATURE011) - 3 步流程
- *  Step 1: 输入手机号
- *  Step 2: 输入验证码
- *  Step 3: 重置密码
- */
-const UCResetPassword = () => {
-    const [step, setStep] = React.useState(0);
-    const [form] = Form.useForm();
-    const onNext = async () => {
-        try {
-            await form.validateFields();
-            if (step < 2) setStep(step + 1);
-            else message.success('密码重置成功 (占位)');
-        } catch (e) {
-            // antd 会显示字段错误
-        }
-    };
-    return (
-        <Card title="找回密码" style={{maxWidth: 480, margin: '40px auto'}}>
-            <Steps current={step} items={[
-                {title: '验证手机号'},
-                {title: '输入验证码'},
-                {title: '重置密码'},
-            ]} style={{marginBottom: 24}}/>
-            <Form form={form} layout="vertical">
-                {step === 0 && (
-                    <Form.Item name="phone" label="手机号" rules={[{required: true, pattern: /^1\d{10}$/}]}>
-                        <Input prefix={<MobileOutlined/>} placeholder="注册时的手机号" maxLength={11}/>
-                    </Form.Item>
-                )}
-                {step === 1 && (
-                    <Form.Item name="code" label="验证码" rules={[{required: true}]}>
-                        <Input prefix={<SafetyOutlined/>} placeholder="固定码 123456" maxLength={6}/>
-                    </Form.Item>
-                )}
-                {step === 2 && (
-                    <>
-                        <Form.Item name="password" label="新密码" rules={[{required: true, min: 6}]}>
-                            <Input.Password prefix={<LockOutlined/>} placeholder="6 位以上"/>
-                        </Form.Item>
-                        <Form.Item name="confirm" label="确认密码"
-                                  rules={[{required: true}, ({getFieldValue}) => ({
-                                      validator(_, value) {
-                                          if (!value || getFieldValue('password') === value) {
-                                              return Promise.resolve()
-                                          }
-                                          return Promise.reject(new Error('两次输入不一致'))
-                                      },
-                                  })]}>
-                            <Input.Password prefix={<LockOutlined/>} placeholder="再输一次"/>
-                        </Form.Item>
-                    </>
-                )}
-                <Form.Item>
-                    <Button type="primary" onClick={onNext} block>
-                        {step < 2 ? '下一步' : '提交'}
-                    </Button>
-                </Form.Item>
-            </Form>
-        </Card>
-    );
-};
-
-export default UCResetPassword;

package/src/components/Ctc/uc/index.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import {Outlet} from 'react-router-dom';
-
-/**
- * User Center 登录 - FEATURE011
- * - /uc/login-account   账号密码登录 (默认)
- * - /uc/login-phone     手机验证码登录
- * - /uc/register        注册
- * - /uc/reset-password  找回密码
- */
-const UCLayout = () => {
-    return <Outlet/>;
-};
-
-export default UCLayout;