125 lines
8.1 KiB
JavaScript
125 lines
8.1 KiB
JavaScript
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
/**
|
|
* Created by jiangzhixiong on 2024/03/18
|
|
*/
|
|
|
|
import React from 'react';
|
|
import { Button, Checkbox, Flex, Form, Image, Input, theme } from 'antd';
|
|
import { HomeOutlined } from '@ant-design/icons';
|
|
import { isNumber } from '@zhst/func';
|
|
import "./index.less";
|
|
var materialName = 'zhst-material-login';
|
|
var useToken = theme.useToken;
|
|
var Login = function Login(props) {
|
|
var title = props.title,
|
|
onIconClick = props.onIconClick,
|
|
_props$rememberPasswo = props.rememberPassword,
|
|
rememberPassword = _props$rememberPasswo === void 0 ? true : _props$rememberPasswo,
|
|
imageUrl = props.imageUrl,
|
|
width = props.width,
|
|
height = props.height,
|
|
onFinish = props.onFinish;
|
|
var _Form$useForm = Form.useForm(),
|
|
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
|
|
form = _Form$useForm2[0];
|
|
var _useToken = useToken(),
|
|
token = _useToken.token;
|
|
console.log('width', width);
|
|
return /*#__PURE__*/React.createElement(Flex, {
|
|
className: materialName,
|
|
style: {
|
|
width: isNumber(width) ? "".concat(width, "px") : width,
|
|
height: isNumber(height) ? "".concat(height, "px") : height
|
|
}
|
|
}, /*#__PURE__*/React.createElement(Flex, {
|
|
align: "center",
|
|
justify: "center",
|
|
style: {
|
|
position: 'relative',
|
|
width: '40%',
|
|
padding: "30px"
|
|
}
|
|
}, /*#__PURE__*/React.createElement(HomeOutlined, {
|
|
onClick: onIconClick,
|
|
style: {
|
|
position: 'absolute',
|
|
top: '30px',
|
|
left: '30px',
|
|
fontSize: "".concat(token.sizeLG, "px"),
|
|
cursor: 'pointer'
|
|
}
|
|
}), /*#__PURE__*/React.createElement("div", {
|
|
style: {
|
|
width: '56%'
|
|
}
|
|
}, /*#__PURE__*/React.createElement("h2", {
|
|
style: {
|
|
margin: '30px 0',
|
|
fontSize: '30px'
|
|
}
|
|
}, title), /*#__PURE__*/React.createElement(Form, {
|
|
layout: "vertical",
|
|
form: form,
|
|
onFinish: onFinish
|
|
}, /*#__PURE__*/React.createElement(Form.Item, {
|
|
name: "account",
|
|
label: "\u8D26\u53F7",
|
|
rules: [{
|
|
required: true,
|
|
message: '请输入账号!'
|
|
}]
|
|
}, /*#__PURE__*/React.createElement(Input, {
|
|
placeholder: "\u8BF7\u8F93\u5165\u8D26\u53F7",
|
|
variant: "borderless",
|
|
style: {
|
|
border: 'none',
|
|
borderBottom: '1px solid rgba(0, 0, 0, 0.06)'
|
|
}
|
|
})), /*#__PURE__*/React.createElement(Form.Item, {
|
|
name: "password",
|
|
label: "\u5BC6\u7801",
|
|
rules: [{
|
|
required: true,
|
|
message: '请输入密码!'
|
|
}]
|
|
}, /*#__PURE__*/React.createElement(Input.Password, {
|
|
placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801",
|
|
variant: "borderless",
|
|
style: {
|
|
border: 'none',
|
|
borderBottom: '1px solid rgba(0, 0, 0, 0.06)'
|
|
}
|
|
})), /*#__PURE__*/React.createElement(Form.Item, {
|
|
style: {
|
|
display: rememberPassword ? 'block' : 'none'
|
|
}
|
|
}, /*#__PURE__*/React.createElement(Form.Item, {
|
|
name: "remember",
|
|
valuePropName: "checked",
|
|
noStyle: true
|
|
}, /*#__PURE__*/React.createElement(Checkbox, null, "\u8BB0\u4F4F\u5BC6\u7801"))), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Button, {
|
|
block: true,
|
|
type: "primary",
|
|
htmlType: "submit"
|
|
}, "\u767B\u5F55"))))), /*#__PURE__*/React.createElement("div", {
|
|
style: {
|
|
width: '60%',
|
|
height: '100%'
|
|
}
|
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
style: {
|
|
width: '100%'
|
|
},
|
|
src: imageUrl,
|
|
width: '100%',
|
|
height: '100%',
|
|
preview: false,
|
|
fallback: "data:image/png;base64,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"
|
|
})));
|
|
};
|
|
export default Login; |