mirror of https://github.com/longtai-cn/hippo4j
furao
2 years ago
commit
6b07ab4549
|
After Width: | Height: | Size: 2.1 MiB |
|
After Width: | Height: | Size: 904 KiB |
|
After Width: | Height: | Size: 2.9 MiB |
|
After Width: | Height: | Size: 925 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
@ -0,0 +1,18 @@
|
||||
import React, { createContext, useState, ReactNode } from 'react';
|
||||
|
||||
export enum THEME_NAME {
|
||||
DEFAULT = 'default',
|
||||
DARK = 'dark',
|
||||
}
|
||||
|
||||
export const StoreContext = createContext<{
|
||||
themeName: string;
|
||||
setThemeName: (name: THEME_NAME) => void;
|
||||
} | null>(null);
|
||||
|
||||
export const Store: React.FC<{
|
||||
children: ReactNode;
|
||||
}> = ({ children }) => {
|
||||
const [themeName, setThemeName] = useState<string>(THEME_NAME.DEFAULT);
|
||||
return <StoreContext.Provider value={{ themeName, setThemeName }}>{children}</StoreContext.Provider>;
|
||||
};
|
||||
@ -0,0 +1,6 @@
|
||||
import React from 'react';
|
||||
|
||||
const HomeDetail = () => {
|
||||
return <></>;
|
||||
};
|
||||
export default HomeDetail;
|
||||
@ -0,0 +1 @@
|
||||
export const Map = {};
|
||||
@ -0,0 +1,9 @@
|
||||
const fetchData = async () => {
|
||||
await new Promise(resolve => {
|
||||
resolve(100);
|
||||
});
|
||||
};
|
||||
|
||||
const service = { fetchData };
|
||||
|
||||
export default service;
|
||||
@ -0,0 +1,3 @@
|
||||
export enum CON {
|
||||
NAME = '1',
|
||||
}
|
||||
@ -1,74 +1,6 @@
|
||||
import { Form, Input, Button } from 'antd';
|
||||
import React from 'react';
|
||||
|
||||
const Login = () => {
|
||||
const [form] = Form.useForm();
|
||||
const data = {
|
||||
passwordType: 'password',
|
||||
capsTooltip: false,
|
||||
loading: false,
|
||||
showDialog: false,
|
||||
redirect: undefined,
|
||||
otherQuery: {},
|
||||
loginForm: {
|
||||
username: '',
|
||||
password: '',
|
||||
},
|
||||
loginRules: {
|
||||
// username: [{ required: true, trigger: 'blur', validator: validateUsername }],
|
||||
// password: [{ required: true, trigger: 'blur', validator: this.validatePassword }],
|
||||
},
|
||||
};
|
||||
|
||||
const validatePassword = (rule: any, value: string | any[], callback: (arg0: Error | undefined) => void) => {
|
||||
if (value.length < 6) {
|
||||
callback(new Error('The password can not be less than 6 digits'));
|
||||
} else if (value.length > 72) {
|
||||
callback(new Error('The password can not be greater than 72 digits'));
|
||||
} else {
|
||||
// callback();
|
||||
}
|
||||
};
|
||||
|
||||
const onFinish = () => {
|
||||
let loginParams = {
|
||||
username: form.getFieldValue('username'),
|
||||
password: form.getFieldValue('password'),
|
||||
rememberMe: 1,
|
||||
};
|
||||
data.loginForm.username = form.getFieldValue('username');
|
||||
console.log('hhhhhh', loginParams);
|
||||
};
|
||||
const showPwd = () => {
|
||||
if (data.passwordType === 'password') {
|
||||
data.passwordType = '';
|
||||
} else {
|
||||
data.passwordType = 'password';
|
||||
}
|
||||
// $nextTick(() => {
|
||||
// $refs.password.focus();
|
||||
// });
|
||||
};
|
||||
return (
|
||||
<div className="login-container">
|
||||
<Form name="loginForm" form={form} onFinish={onFinish} style={{ maxWidth: 600 }}>
|
||||
<div className="title-container">
|
||||
<h3 className="title">你好呀</h3>
|
||||
{/* <h3 className="title">{{ $t('system.login') }}</h3> */}
|
||||
</div>
|
||||
<Form.Item name="username" label="用户名" rules={[{ required: true, message: 'Username is required' }]}>
|
||||
<Input placeholder="用户名" />
|
||||
</Form.Item>
|
||||
<Form.Item name="password" label="密码" rules={[{ required: true, message: 'Street is required' }]}>
|
||||
<Input placeholder="密码" />
|
||||
</Form.Item>
|
||||
<Form.Item name="submit">
|
||||
<Button type="primary" htmlType="submit" className="login-button">
|
||||
登录
|
||||
</Button>
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</div>
|
||||
);
|
||||
return <></>;
|
||||
};
|
||||
|
||||
export default Login;
|
||||
|
||||
@ -0,0 +1,11 @@
|
||||
// is plain object
|
||||
const isPlainObject = (obj: { [key: string]: any }): boolean => {
|
||||
let proto, Ctor;
|
||||
if (!obj || typeof obj !== 'object') return false;
|
||||
proto = Object.getPrototypeOf(obj);
|
||||
if (!proto) return true;
|
||||
Ctor = Object.prototype.hasOwnProperty.call(proto, 'constructor') && proto.constructor;
|
||||
return typeof Ctor === 'function' && Ctor === Object; // insure is new by Object or {}
|
||||
};
|
||||
|
||||
export { isPlainObject };
|
||||
@ -0,0 +1,3 @@
|
||||
import request from './request';
|
||||
export * from './common';
|
||||
export default request;
|
||||
@ -0,0 +1,159 @@
|
||||
import { isPlainObject } from '../common';
|
||||
import { notification, message } from 'antd';
|
||||
import Qs from 'qs';
|
||||
|
||||
type HttpMethods = 'POST' | 'post' | 'GET' | 'get' | 'DELETE' | 'delete' | 'PUT' | 'put';
|
||||
|
||||
interface HeaderConfig extends Record<string, any> {
|
||||
Accept?: string;
|
||||
'Content-Type'?: string;
|
||||
}
|
||||
|
||||
interface RequestOptions {
|
||||
headers?: HeaderConfig;
|
||||
method?: HttpMethods;
|
||||
params?: { [key: string]: string } | null;
|
||||
body?: { [key: string]: string } | null;
|
||||
timeout?: number;
|
||||
credentials?: boolean;
|
||||
moda?: 'cors' | 'same-origin';
|
||||
cache?: 'no-cache' | 'default' | 'force-cache';
|
||||
customize?: boolean;
|
||||
responseType?: 'TEXT' | 'JSON' | 'BLOB' | 'ARRAYBUFFER';
|
||||
}
|
||||
|
||||
type Response<T = any> = {
|
||||
success: boolean;
|
||||
data?: T;
|
||||
module?: T;
|
||||
msg?: string;
|
||||
status?: number;
|
||||
message?: string;
|
||||
code?: string | number;
|
||||
};
|
||||
|
||||
let baseURL = 'http://127.0.0.1:9999';
|
||||
|
||||
const inital: RequestOptions = {
|
||||
method: 'GET',
|
||||
params: null,
|
||||
body: null,
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
credentials: true,
|
||||
responseType: 'JSON',
|
||||
cache: 'no-cache',
|
||||
};
|
||||
const env = process.env.NODE_ENV || 'development';
|
||||
|
||||
enum IENV_ENUM {
|
||||
DEVELOPMENT = 'development',
|
||||
TEST = 'test',
|
||||
PRODUCTION = 'production',
|
||||
}
|
||||
|
||||
switch (env) {
|
||||
case IENV_ENUM.DEVELOPMENT:
|
||||
baseURL = '';
|
||||
break;
|
||||
case IENV_ENUM.TEST:
|
||||
baseURL = '';
|
||||
break;
|
||||
case IENV_ENUM.PRODUCTION:
|
||||
baseURL = '';
|
||||
break;
|
||||
}
|
||||
|
||||
const codeMessage: { [key: string]: string } = {
|
||||
'200': '请求已成功被服务器处理，并返回了请求的内容。',
|
||||
'201': '请求已成功，并且服务器创建了一个新的资源作为响应。',
|
||||
'202': '一个请求已进入后台排队',
|
||||
'204': '请求已成功处理，但响应中没有返回任何内容。',
|
||||
'400': '客户端发送的请求有错误，服务器无法处理。',
|
||||
'401': '客户端需要提供有效的身份验证信息，以便访问受保护的资源。',
|
||||
'403': '服务器理解了请求，但拒绝执行该请求。',
|
||||
'404': '服务器未找到请求的资源。',
|
||||
'500': '服务器在处理请求时发生了未知的错误。',
|
||||
};
|
||||
|
||||
function request<T>(url: string, config: RequestOptions): Promise<Response<T>> {
|
||||
if (config === null || typeof config !== 'object') {
|
||||
config = {};
|
||||
}
|
||||
if (config.headers && isPlainObject(config.headers)) {
|
||||
config.headers = Object.assign({}, inital.headers, config.headers);
|
||||
}
|
||||
let { method, params, body, headers, credentials, responseType } = Object.assign({}, inital, config) as any;
|
||||
if (typeof url !== 'string') throw new TypeError('url is not an string');
|
||||
if (!/^http(s?):\/\//i.test(url)) url = baseURL + url;
|
||||
if (params !== null) {
|
||||
if (isPlainObject(params)) {
|
||||
params = Qs.stringify(params);
|
||||
}
|
||||
url += `${url.includes('?') ? '&' : '?'}${params}`;
|
||||
}
|
||||
if (body !== null) {
|
||||
if (isPlainObject(body)) {
|
||||
let contentType = headers['Content-Type'] || 'application/json';
|
||||
if (contentType.includes('urlencoded')) body = Qs.stringify(body);
|
||||
if (contentType.includes('json')) body = JSON.stringify(body);
|
||||
}
|
||||
}
|
||||
credentials = credentials ? 'include' : 'same-origin';
|
||||
method = method.toUpperCase();
|
||||
responseType = responseType.toUpperCase();
|
||||
config = {
|
||||
method,
|
||||
credentials,
|
||||
responseType,
|
||||
};
|
||||
if (/^(POST|PUT|PATCH)$/i.test(method)) {
|
||||
config.body = body;
|
||||
} else {
|
||||
config.body = null;
|
||||
}
|
||||
return fetch(url, config as any).then(function onfulfilled(response) {
|
||||
let { status, statusText } = response;
|
||||
if (status >= 200 && status < 400) {
|
||||
let result;
|
||||
switch (responseType) {
|
||||
case 'TEXT':
|
||||
result = response.text();
|
||||
break;
|
||||
case 'JSON':
|
||||
result = response.json();
|
||||
break;
|
||||
case 'BLOB':
|
||||
result = response.blob();
|
||||
break;
|
||||
case 'ARRAYBUFFER':
|
||||
result = response.arrayBuffer();
|
||||
break;
|
||||
}
|
||||
// business code
|
||||
result?.then(res => {
|
||||
if (res?.code === 200) {
|
||||
// console.log(':::');
|
||||
}
|
||||
});
|
||||
return result;
|
||||
}
|
||||
let tip = codeMessage[String(status)];
|
||||
notification.error({
|
||||
message: tip,
|
||||
});
|
||||
return Promise.reject({
|
||||
code: 'STATUS ERROR',
|
||||
status,
|
||||
statusText,
|
||||
}).catch(function onrejected(reason) {
|
||||
if (!navigator.onLine) {
|
||||
message.error('好像断网了');
|
||||
}
|
||||
return Promise.reject(reason);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
export default request;
|
||||
Loading…
Reference in new issue