tntd 1.4.4 → 1.4.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Layout/HeaderActions.js +90 -128
- package/components/LoadingButton/index.js +11 -15
- package/components/QueryListScene/QueryForm.js +7 -4
- package/dist/stats.json +4990 -4990
- package/dist/tntd.js +1 -1
- package/es/Layout/HeaderActions.js +10 -10
- package/es/LoadingButton/index.js +20 -10
- package/es/QueryListScene/QueryForm.js +6 -3
- package/lib/ArrayInput/icon.js +27 -31
- package/lib/ArrayInput/index.js +211 -298
- package/lib/AuthContext.js +2 -13
- package/lib/Columns/index.js +71 -100
- package/lib/DevelopmentLogin/LoginModal.js +79 -141
- package/lib/DevelopmentLogin/index.js +28 -55
- package/lib/Ellipsis/Svg/CopySVG.js +23 -71
- package/lib/Ellipsis/Svg/TickSVG.js +17 -49
- package/lib/Ellipsis/index.js +148 -154
- package/lib/Handle/index.js +72 -109
- package/lib/Icon/fonts/iconfont.js +1 -43
- package/lib/Icon/iconList.js +119 -8
- package/lib/Icon/index.js +13 -45
- package/lib/Img/Contain.js +49 -81
- package/lib/Img/Cover.js +88 -136
- package/lib/Img/index.js +36 -89
- package/lib/Layout/ActionsContext.js +2 -11
- package/lib/Layout/AppList.js +262 -256
- package/lib/Layout/Application.js +119 -135
- package/lib/Layout/Avatar.js +137 -137
- package/lib/Layout/CompatibleLanguage.js +214 -195
- package/lib/Layout/EnterpriseLayout/Avatar.js +156 -168
- package/lib/Layout/EnterpriseLayout/Language.js +75 -100
- package/lib/Layout/EnterpriseLayout/Theme.js +96 -94
- package/lib/Layout/EnterpriseLayout/index.js +32 -45
- package/lib/Layout/GlobalNavigation/NavigationPopup.js +335 -407
- package/lib/Layout/GlobalNavigation/index.js +110 -158
- package/lib/Layout/Header.js +165 -116
- package/lib/Layout/HeaderActions.js +132 -129
- package/lib/Layout/HeaderNavs.js +90 -113
- package/lib/Layout/HeaderTabs.js +312 -278
- package/lib/Layout/Iconfont.js +2 -15
- package/lib/Layout/Language.js +63 -102
- package/lib/Layout/Layout.js +272 -261
- package/lib/Layout/Logo.js +132 -87
- package/lib/Layout/OrgAppList.js +440 -319
- package/lib/Layout/SideMenu.js +429 -343
- package/lib/Layout/Theme.js +95 -124
- package/lib/Layout/checkAuth.js +21 -35
- package/lib/Layout/createActions.js +38 -51
- package/lib/Layout/images/index.js +33 -41
- package/lib/Layout/index.js +110 -161
- package/lib/Layout/paaslayout/CompactSideMenu.js +200 -178
- package/lib/Layout/paaslayout/Header.js +84 -90
- package/lib/Layout/paaslayout/Logo.js +27 -32
- package/lib/Layout/paaslayout/SideMenu.js +161 -174
- package/lib/Layout/paaslayout/index.js +240 -261
- package/lib/Layout/storage.js +20 -78
- package/lib/Layout/utils.js +93 -143
- package/lib/LoadingButton/index.js +25 -57
- package/lib/Modal/index.js +83 -108
- package/lib/Page/Box.js +56 -81
- package/lib/Page/index.js +151 -173
- package/lib/Page/utils.js +12 -30
- package/lib/QueryForm/Field/Checkbox.js +11 -33
- package/lib/QueryForm/Field/Select.js +63 -99
- package/lib/QueryForm/Field/SelectInput.js +69 -114
- package/lib/QueryForm/Field/fieldsMap.js +30 -52
- package/lib/QueryForm/Field/index.js +76 -158
- package/lib/QueryForm/createActions.js +50 -65
- package/lib/QueryForm/index.js +304 -383
- package/lib/QueryForm/useForm.js +6 -17
- package/lib/QueryListScene/List.js +290 -366
- package/lib/QueryListScene/QueryForm.js +93 -158
- package/lib/QueryListScene/QueryListScene.js +33 -87
- package/lib/QueryListScene/Title.js +10 -20
- package/lib/QueryListScene/Toolbar.js +8 -31
- package/lib/QueryListScene/createActions.js +64 -79
- package/lib/QueryListScene/index.js +23 -40
- package/lib/QueryListScene/useActions.js +6 -17
- package/lib/Select/DropDownWrap.js +60 -124
- package/lib/Select/index.js +425 -561
- package/lib/Table/ResizableTable/index.js +77 -121
- package/lib/Table/index.js +19 -51
- package/lib/Title/index.js +34 -52
- package/lib/index.js +19 -159
- package/lib/locale.js +48 -63
- package/package.json +1 -1
- package/lib/Layout/EnterpriseLayout/Header.js +0 -113
- package/lib/Layout/EnterpriseLayout/HeaderActions.js +0 -104
package/lib/Columns/index.js
CHANGED
|
@@ -1,104 +1,75 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}, title), extra && React.createElement("div", {
|
|
55
|
-
className: "title-extra"
|
|
56
|
-
}, extra)), (tabList == null ? void 0 : tabList.length) > 0 && React.createElement("div", {
|
|
57
|
-
className: "".concat(clsPrefix, "-col-tabs"),
|
|
58
|
-
tabType: tabType,
|
|
59
|
-
tabList: tabList
|
|
60
|
-
}, tabList.map(function (_ref) {
|
|
61
|
-
var tab = _ref.tab,
|
|
62
|
-
key = _ref.key;
|
|
63
|
-
return React.createElement("span", {
|
|
64
|
-
className: (0, _classnames["default"])('tab-item', {
|
|
65
|
-
'active-tab': realActiveKey === key
|
|
66
|
-
}),
|
|
67
|
-
style: {
|
|
68
|
-
width: tabList && tabType === 'default' ? 'auto' : "".concat(100 / tabList.length, "%")
|
|
69
|
-
},
|
|
70
|
-
key: key,
|
|
71
|
-
onClick: function onClick() {
|
|
72
|
-
return onTabChange(key);
|
|
73
|
-
}
|
|
74
|
-
}, tab);
|
|
75
|
-
})), React.createElement("div", {
|
|
76
|
-
className: "".concat(clsPrefix, "-col-body")
|
|
77
|
-
}, children)));
|
|
1
|
+
import classnames from 'classnames';
|
|
2
|
+
import { Row, Col } from 'antd';
|
|
3
|
+
import './index.less';
|
|
4
|
+
|
|
5
|
+
const clsPrefix = 'tnt-columns';
|
|
6
|
+
|
|
7
|
+
export const Item = props => {
|
|
8
|
+
const { children, span, extra, title, tabList, defaultActiveTabKey, activeTabKey, tabType, onTabChange } = props;
|
|
9
|
+
const realActiveKey = activeTabKey || defaultActiveTabKey;
|
|
10
|
+
|
|
11
|
+
return (
|
|
12
|
+
<Col className={`${clsPrefix}-col`} span={span < 4 ? 4 : span}>
|
|
13
|
+
<div>
|
|
14
|
+
{
|
|
15
|
+
(!tabList || tabList.length < 0) && (
|
|
16
|
+
<div className={`${clsPrefix}-col-header`}>
|
|
17
|
+
<div className="title-left">{title}</div>
|
|
18
|
+
{
|
|
19
|
+
extra && <div className="title-extra">{extra}</div>
|
|
20
|
+
}
|
|
21
|
+
</div>
|
|
22
|
+
)
|
|
23
|
+
}
|
|
24
|
+
{
|
|
25
|
+
tabList?.length > 0 && (
|
|
26
|
+
<div
|
|
27
|
+
className={`${clsPrefix}-col-tabs`}
|
|
28
|
+
tabType={tabType}
|
|
29
|
+
tabList={tabList}
|
|
30
|
+
>
|
|
31
|
+
{
|
|
32
|
+
tabList.map(({ tab, key }) => (
|
|
33
|
+
<span
|
|
34
|
+
className={classnames('tab-item', {
|
|
35
|
+
'active-tab': realActiveKey === key
|
|
36
|
+
})}
|
|
37
|
+
style={{
|
|
38
|
+
width: tabList && tabType === 'default' ? 'auto' : `${100 / tabList.length}%`
|
|
39
|
+
}}
|
|
40
|
+
key={key}
|
|
41
|
+
onClick={() => onTabChange(key)}
|
|
42
|
+
>
|
|
43
|
+
{tab}
|
|
44
|
+
</span>
|
|
45
|
+
))
|
|
46
|
+
}
|
|
47
|
+
</div>
|
|
48
|
+
)
|
|
49
|
+
}
|
|
50
|
+
<div className={`${clsPrefix}-col-body`}>{children}</div>
|
|
51
|
+
</div>
|
|
52
|
+
</Col>
|
|
53
|
+
);
|
|
78
54
|
};
|
|
79
55
|
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
gutter: gutter
|
|
97
|
-
}),
|
|
98
|
-
style: rowStyle
|
|
99
|
-
}, rest), children);
|
|
56
|
+
const Columns = props => {
|
|
57
|
+
const { children, height, gutter = 0, style, ...rest } = props;
|
|
58
|
+
const rowStyle = {
|
|
59
|
+
...style,
|
|
60
|
+
height: props.height ? `${props.height}px` : 'calc(100vh)'
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
return (
|
|
64
|
+
<Row
|
|
65
|
+
className={classnames(clsPrefix, { gutter })}
|
|
66
|
+
style={rowStyle}
|
|
67
|
+
{...rest}
|
|
68
|
+
>
|
|
69
|
+
{children}
|
|
70
|
+
</Row>
|
|
71
|
+
);
|
|
100
72
|
};
|
|
101
|
-
|
|
102
73
|
Columns.Item = Item;
|
|
103
|
-
|
|
104
|
-
|
|
74
|
+
|
|
75
|
+
export default Columns;
|
|
@@ -1,147 +1,85 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var _modal = _interopRequireDefault(require("antd/lib/modal"));
|
|
11
|
-
|
|
12
|
-
require("antd/lib/form/style");
|
|
13
|
-
|
|
14
|
-
var _form = _interopRequireDefault(require("antd/lib/form"));
|
|
15
|
-
|
|
16
|
-
require("antd/lib/input/style");
|
|
17
|
-
|
|
18
|
-
var _input = _interopRequireDefault(require("antd/lib/input"));
|
|
19
|
-
|
|
20
|
-
require("antd/lib/message/style");
|
|
21
|
-
|
|
22
|
-
var _message2 = _interopRequireDefault(require("antd/lib/message"));
|
|
23
|
-
|
|
24
|
-
var _react = require("react");
|
|
25
|
-
|
|
26
|
-
var _universalCookie = _interopRequireDefault(require("universal-cookie"));
|
|
27
|
-
|
|
28
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
|
-
|
|
30
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
31
|
-
|
|
32
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
33
|
-
|
|
34
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
35
|
-
|
|
36
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
|
37
|
-
|
|
38
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
|
|
39
|
-
|
|
40
|
-
function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
41
|
-
|
|
42
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
43
|
-
|
|
44
|
-
var cookies = new _universalCookie["default"](); // 默认
|
|
45
|
-
|
|
46
|
-
var accountInfoDefault = {
|
|
47
|
-
account: 'admin',
|
|
48
|
-
password: 'Td@123456'
|
|
1
|
+
import { useState } from 'react';
|
|
2
|
+
import { Modal, Input, Form, message } from 'antd';
|
|
3
|
+
import Cookies from 'universal-cookie';
|
|
4
|
+
|
|
5
|
+
const cookies = new Cookies();
|
|
6
|
+
// 默认
|
|
7
|
+
let accountInfoDefault = {
|
|
8
|
+
account: 'admin',
|
|
9
|
+
password: 'Td@123456'
|
|
49
10
|
};
|
|
50
11
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
close = _ref.close,
|
|
54
|
-
signIn = _ref.signIn;
|
|
55
|
-
|
|
56
|
-
var _useState = (0, _react.useState)(false),
|
|
57
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
58
|
-
confirmLoading = _useState2[0],
|
|
59
|
-
setConfirmLoading = _useState2[1]; // 如果storage中已存在,则取storage
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
var storageAccountInfo = localStorage.getItem('accountInfo');
|
|
63
|
-
|
|
64
|
-
if (storageAccountInfo) {
|
|
65
|
-
try {
|
|
66
|
-
accountInfoDefault = JSON.parse(storageAccountInfo);
|
|
67
|
-
} catch (e) {}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
var _useState3 = (0, _react.useState)(accountInfoDefault),
|
|
71
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
72
|
-
accountInfo = _useState4[0],
|
|
73
|
-
setAccountInfo = _useState4[1];
|
|
74
|
-
|
|
75
|
-
var account = accountInfo.account,
|
|
76
|
-
password = accountInfo.password;
|
|
12
|
+
export default ({ visible, close, signIn }) => {
|
|
13
|
+
const [confirmLoading, setConfirmLoading] = useState(false);
|
|
77
14
|
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
_message2["default"].success('模拟登陆成功');
|
|
85
|
-
|
|
86
|
-
localStorage.setItem('accountInfo', JSON.stringify(accountInfo));
|
|
87
|
-
setConfirmLoading(false);
|
|
88
|
-
setTimeout(function () {
|
|
89
|
-
var _ref2 = res || {},
|
|
90
|
-
token = _ref2.tdToken,
|
|
91
|
-
userId = _ref2.userId;
|
|
92
|
-
|
|
93
|
-
cookies.set('_td_token_', token, {
|
|
94
|
-
path: '/'
|
|
95
|
-
});
|
|
96
|
-
cookies.set('_uid_', userId, {
|
|
97
|
-
path: '/'
|
|
98
|
-
});
|
|
99
|
-
close();
|
|
100
|
-
}, 500);
|
|
101
|
-
})["catch"](function (err) {
|
|
102
|
-
setConfirmLoading(false);
|
|
103
|
-
throw err;
|
|
104
|
-
});
|
|
15
|
+
// 如果storage中已存在,则取storage
|
|
16
|
+
const storageAccountInfo = localStorage.getItem('accountInfo');
|
|
17
|
+
if(storageAccountInfo){
|
|
18
|
+
try{
|
|
19
|
+
accountInfoDefault = JSON.parse(storageAccountInfo);
|
|
20
|
+
}catch(e){}
|
|
105
21
|
}
|
|
106
|
-
};
|
|
107
|
-
|
|
108
|
-
var changeFieldValue = function changeFieldValue(key, evt) {
|
|
109
|
-
setAccountInfo(_objectSpread({}, accountInfo, _defineProperty({}, key, evt.target.value)));
|
|
110
|
-
};
|
|
111
22
|
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
}
|
|
144
|
-
|
|
23
|
+
const [accountInfo, setAccountInfo] = useState(accountInfoDefault);
|
|
24
|
+
const { account, password } = accountInfo;
|
|
25
|
+
|
|
26
|
+
const onSubmit = () => {
|
|
27
|
+
setConfirmLoading(true);
|
|
28
|
+
const returnVal = signIn && signIn(accountInfo);
|
|
29
|
+
|
|
30
|
+
if (returnVal && returnVal.then) {
|
|
31
|
+
returnVal.then(res => {
|
|
32
|
+
message.success('模拟登陆成功');
|
|
33
|
+
localStorage.setItem('accountInfo',JSON.stringify(accountInfo));
|
|
34
|
+
setConfirmLoading(false);
|
|
35
|
+
setTimeout(() => {
|
|
36
|
+
const { tdToken: token, userId } = res || {};
|
|
37
|
+
|
|
38
|
+
cookies.set('_td_token_', token, { path: '/' });
|
|
39
|
+
cookies.set('_uid_', userId, { path: '/' });
|
|
40
|
+
close();
|
|
41
|
+
}, 500);
|
|
42
|
+
})
|
|
43
|
+
.catch((err) => {
|
|
44
|
+
setConfirmLoading(false);
|
|
45
|
+
throw err;
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
const changeFieldValue = (key, evt) => {
|
|
50
|
+
setAccountInfo({
|
|
51
|
+
...accountInfo,
|
|
52
|
+
[key]: evt.target.value,
|
|
53
|
+
});
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
return (
|
|
57
|
+
<Modal
|
|
58
|
+
title="开发者模拟登陆"
|
|
59
|
+
visible={visible}
|
|
60
|
+
maskClosable={false}
|
|
61
|
+
onOk={onSubmit}
|
|
62
|
+
onCancel={close}
|
|
63
|
+
confirmLoading={confirmLoading}
|
|
64
|
+
>
|
|
65
|
+
<Form labelCol={{ span: 5 }} wrapperCol={{ span: 18 }}>
|
|
66
|
+
<Form.Item label="用户名:">
|
|
67
|
+
<Input
|
|
68
|
+
type="text"
|
|
69
|
+
placeholder="请输入用户名"
|
|
70
|
+
value={account || undefined}
|
|
71
|
+
onChange={evt => changeFieldValue('account', evt)}
|
|
72
|
+
/>
|
|
73
|
+
</Form.Item>
|
|
74
|
+
<Form.Item label="密码:">
|
|
75
|
+
<Input
|
|
76
|
+
type="text"
|
|
77
|
+
placeholder="请输入用户名"
|
|
78
|
+
value={password || undefined}
|
|
79
|
+
onChange={evt => changeFieldValue('password', evt)}
|
|
80
|
+
/>
|
|
81
|
+
</Form.Item>
|
|
82
|
+
</Form>
|
|
83
|
+
</Modal>
|
|
84
|
+
);
|
|
145
85
|
};
|
|
146
|
-
|
|
147
|
-
exports["default"] = _default;
|
|
@@ -1,56 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
var _default = function _default(_ref) {
|
|
31
|
-
var signIn = _ref.signIn;
|
|
32
|
-
|
|
33
|
-
var _useState = (0, _react.useState)(false),
|
|
34
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
35
|
-
loginVisible = _useState2[0],
|
|
36
|
-
setLoginVisible = _useState2[1];
|
|
37
|
-
|
|
38
|
-
return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("a", {
|
|
39
|
-
style: {
|
|
40
|
-
fontSize: 14
|
|
41
|
-
},
|
|
42
|
-
onClick: function onClick() {
|
|
43
|
-
return setLoginVisible(true);
|
|
44
|
-
}
|
|
45
|
-
}, "\u6A21\u62DF\u767B\u5F55"), loginVisible && _react["default"].createElement(_react["default"].Suspense, {
|
|
46
|
-
fallback: _react["default"].createElement("div", null, "\u6B63\u5728\u52A0\u8F7D\u4E2D")
|
|
47
|
-
}, _react["default"].createElement(DevelopmentLoginModal, {
|
|
48
|
-
visible: loginVisible,
|
|
49
|
-
signIn: signIn,
|
|
50
|
-
close: function close() {
|
|
51
|
-
return setLoginVisible(false);
|
|
52
|
-
}
|
|
53
|
-
})));
|
|
1
|
+
/**
|
|
2
|
+
* @file 本地开发登录入口
|
|
3
|
+
*/
|
|
4
|
+
import React, { useState } from 'react';
|
|
5
|
+
|
|
6
|
+
const DevelopmentLoginModal = React.lazy(
|
|
7
|
+
() => import('./LoginModal')
|
|
8
|
+
);
|
|
9
|
+
|
|
10
|
+
export default ({ signIn }) => {
|
|
11
|
+
const [loginVisible, setLoginVisible] = useState(false);
|
|
12
|
+
|
|
13
|
+
return (
|
|
14
|
+
<>
|
|
15
|
+
<a style={{ fontSize: 14 }} onClick={() => setLoginVisible(true)}>模拟登录</a>
|
|
16
|
+
{
|
|
17
|
+
loginVisible && (
|
|
18
|
+
<React.Suspense fallback={<div>正在加载中</div>}>
|
|
19
|
+
<DevelopmentLoginModal
|
|
20
|
+
visible={loginVisible}
|
|
21
|
+
signIn={signIn}
|
|
22
|
+
close={() => setLoginVisible(false)}
|
|
23
|
+
/>
|
|
24
|
+
</React.Suspense>
|
|
25
|
+
)
|
|
26
|
+
}
|
|
27
|
+
</>
|
|
28
|
+
);
|
|
54
29
|
};
|
|
55
|
-
|
|
56
|
-
exports["default"] = _default;
|
|
@@ -1,72 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
transform: "translate(240.000000, 96.000000)"
|
|
25
|
-
}, React.createElement("g", {
|
|
26
|
-
id: "\u7F16\u7EC4-18",
|
|
27
|
-
transform: "translate(0.000000, 171.000000)"
|
|
28
|
-
}, React.createElement("g", {
|
|
29
|
-
id: "\u590D\u5236",
|
|
30
|
-
transform: "translate(490.000000, 32.000000)"
|
|
31
|
-
}, React.createElement("rect", {
|
|
32
|
-
id: "\u77E9\u5F62",
|
|
33
|
-
fill: "#D8D8D8",
|
|
34
|
-
opacity: "0",
|
|
35
|
-
x: "0",
|
|
36
|
-
y: "0",
|
|
37
|
-
width: "16",
|
|
38
|
-
height: "16"
|
|
39
|
-
}), React.createElement("g", {
|
|
40
|
-
id: "\u7F16\u7EC4-5",
|
|
41
|
-
transform: "translate(2.223389, 1.330322)",
|
|
42
|
-
stroke: "#1e90ff",
|
|
43
|
-
"stroke-linecap": "round",
|
|
44
|
-
"stroke-width": "1.2"
|
|
45
|
-
}, React.createElement("polygon", {
|
|
46
|
-
id: "\u8DEF\u5F84",
|
|
47
|
-
"stroke-linejoin": "round",
|
|
48
|
-
points: "2 11.3333333 11.3333333 11.3333333 11.3333333 4 7.66666667 -8.8817842e-15 2 -8.8817842e-15"
|
|
49
|
-
}), React.createElement("polyline", {
|
|
50
|
-
id: "\u8DEF\u5F84",
|
|
51
|
-
"stroke-linejoin": "round",
|
|
52
|
-
points: "7.66666667 0 7.66666667 4 11.3333333 4"
|
|
53
|
-
}), React.createElement("polyline", {
|
|
54
|
-
id: "\u8DEF\u5F84",
|
|
55
|
-
"stroke-linejoin": "round",
|
|
56
|
-
points: "0 5.33333333 0 13.3333333 7 13.3333333"
|
|
57
|
-
}), React.createElement("line", {
|
|
58
|
-
x1: "4",
|
|
59
|
-
y1: "5.33333333",
|
|
60
|
-
x2: "5.33333333",
|
|
61
|
-
y2: "5.33333333",
|
|
62
|
-
id: "\u8DEF\u5F84"
|
|
63
|
-
}), React.createElement("line", {
|
|
64
|
-
x1: "4",
|
|
65
|
-
y1: "8",
|
|
66
|
-
x2: "8",
|
|
67
|
-
y2: "8",
|
|
68
|
-
id: "\u8DEF\u5F84"
|
|
69
|
-
})))))))));
|
|
1
|
+
export default props => {
|
|
2
|
+
return <div {...props}>
|
|
3
|
+
<svg width="16px" height="16px" viewBox="0 0 16 16">
|
|
4
|
+
<g id="全家桶视觉方案优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
5
|
+
<g id="工作台1" transform="translate(-730.000000, -299.000000)">
|
|
6
|
+
<g id="分组-6" transform="translate(240.000000, 96.000000)">
|
|
7
|
+
<g id="编组-18" transform="translate(0.000000, 171.000000)">
|
|
8
|
+
<g id="复制" transform="translate(490.000000, 32.000000)">
|
|
9
|
+
<rect id="矩形" fill="#D8D8D8" opacity="0" x="0" y="0" width="16" height="16"></rect>
|
|
10
|
+
<g id="编组-5" transform="translate(2.223389, 1.330322)" stroke="#1e90ff" stroke-linecap="round" stroke-width="1.2">
|
|
11
|
+
<polygon id="路径" stroke-linejoin="round" points="2 11.3333333 11.3333333 11.3333333 11.3333333 4 7.66666667 -8.8817842e-15 2 -8.8817842e-15"></polygon>
|
|
12
|
+
<polyline id="路径" stroke-linejoin="round" points="7.66666667 0 7.66666667 4 11.3333333 4"></polyline>
|
|
13
|
+
<polyline id="路径" stroke-linejoin="round" points="0 5.33333333 0 13.3333333 7 13.3333333"></polyline>
|
|
14
|
+
<line x1="4" y1="5.33333333" x2="5.33333333" y2="5.33333333" id="路径"></line>
|
|
15
|
+
<line x1="4" y1="8" x2="8" y2="8" id="路径"></line>
|
|
16
|
+
</g>
|
|
17
|
+
</g>
|
|
18
|
+
</g>
|
|
19
|
+
</g>
|
|
20
|
+
</g>
|
|
21
|
+
</g>
|
|
22
|
+
</svg>
|
|
23
|
+
</div>;
|
|
70
24
|
};
|
|
71
|
-
|
|
72
|
-
exports["default"] = _default;
|