@zgfe/modules-settings 1.0.1-a.3 → 1.0.1-a.4
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/dist/esm/modules/appSettings/demo/index.d.ts +3 -0
- package/dist/esm/modules/appSettings/demo/index.js +6 -0
- package/dist/esm/modules/appSettings/index.d.ts +1 -0
- package/dist/esm/modules/appSettings/index.js +71 -19
- package/dist/esm/modules/appSettings/index.less +21 -0
- package/dist/esm/modules/appSettings/member/index.js +0 -1
- package/dist/esm/modules/personalSetting/index.js +52 -12
- package/dist/esm/modules/personalSetting/index.less +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import DemoWrapper from "../../../components/demo";
|
|
3
|
+
import AppSettings from "../../appSettings";
|
|
4
|
+
export default (function () {
|
|
5
|
+
return /*#__PURE__*/React.createElement(DemoWrapper, null, /*#__PURE__*/React.createElement(AppSettings, null));
|
|
6
|
+
});
|
|
@@ -1,27 +1,79 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
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."); }
|
|
3
|
+
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); }
|
|
4
|
+
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; }
|
|
5
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
6
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
import React, { useState } from 'react';
|
|
8
|
+
import { Menu } from 'antd';
|
|
3
9
|
import AppInfo from "./appInfo";
|
|
4
10
|
import AppMember from "./member";
|
|
5
11
|
import AppSecretKey from "./secretKey";
|
|
6
12
|
import AppDataAccessFilter from "./dataAccessFilter";
|
|
13
|
+
import Layout, { Content } from 'antd/lib/layout/layout';
|
|
14
|
+
import Sider from 'antd/lib/layout/Sider';
|
|
15
|
+
import "./index.less";
|
|
16
|
+
import { SettingOutlined } from '@ant-design/icons';
|
|
17
|
+
import { useContext } from 'react';
|
|
18
|
+
import { BizGlobalDataContext } from '@zgfe/business-lib';
|
|
7
19
|
var PersonalSetting = function PersonalSetting(props) {
|
|
8
20
|
var settingsCallback = props.settingsCallback;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
var _useState = useState('1'),
|
|
22
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
23
|
+
currentTab = _useState2[0],
|
|
24
|
+
setCurrentTab = _useState2[1];
|
|
25
|
+
var _useContext = useContext(BizGlobalDataContext),
|
|
26
|
+
currentApp = _useContext.currentApp;
|
|
27
|
+
var items = [{
|
|
28
|
+
key: '1',
|
|
29
|
+
label: '应用信息'
|
|
30
|
+
}, {
|
|
31
|
+
key: '2',
|
|
32
|
+
label: '应用成员'
|
|
33
|
+
}, {
|
|
34
|
+
key: '3',
|
|
35
|
+
label: 'Secret Key'
|
|
36
|
+
}, {
|
|
37
|
+
key: '4',
|
|
38
|
+
label: '数据采集屏蔽'
|
|
39
|
+
}];
|
|
40
|
+
var renderComponent = function renderComponent() {
|
|
41
|
+
if (currentTab === '1') {
|
|
42
|
+
return /*#__PURE__*/React.createElement(AppInfo, {
|
|
43
|
+
settingsCallback: settingsCallback
|
|
44
|
+
});
|
|
45
|
+
} else if (currentTab === '2') {
|
|
46
|
+
return /*#__PURE__*/React.createElement(AppMember, null);
|
|
47
|
+
} else if (currentTab === '3') {
|
|
48
|
+
return /*#__PURE__*/React.createElement(AppSecretKey, null);
|
|
49
|
+
} else if (currentTab === '4') {
|
|
50
|
+
return /*#__PURE__*/React.createElement(AppDataAccessFilter, null);
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
var menuClick = function menuClick(_ref) {
|
|
54
|
+
var key = _ref.key;
|
|
55
|
+
setCurrentTab(key);
|
|
56
|
+
};
|
|
57
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
58
|
+
className: "settings-container"
|
|
59
|
+
}, /*#__PURE__*/React.createElement("h3", null, /*#__PURE__*/React.createElement(SettingOutlined, null), "\u5E94\u7528\u8BBE\u7F6E", /*#__PURE__*/React.createElement("span", {
|
|
60
|
+
className: "app-name"
|
|
61
|
+
}, "(", currentApp === null || currentApp === void 0 ? void 0 : currentApp.appName, ")")), /*#__PURE__*/React.createElement(Layout, {
|
|
62
|
+
className: "settings-layout"
|
|
63
|
+
}, /*#__PURE__*/React.createElement(Sider, {
|
|
64
|
+
className: "settings-sider"
|
|
65
|
+
}, /*#__PURE__*/React.createElement(Menu, {
|
|
66
|
+
style: {
|
|
67
|
+
width: 200
|
|
68
|
+
},
|
|
69
|
+
defaultSelectedKeys: ['1'],
|
|
70
|
+
items: items,
|
|
71
|
+
onClick: menuClick
|
|
72
|
+
})), /*#__PURE__*/React.createElement(Content, {
|
|
73
|
+
className: "settings-content",
|
|
74
|
+
style: {
|
|
75
|
+
marginLeft: 24
|
|
76
|
+
}
|
|
77
|
+
}, renderComponent())));
|
|
26
78
|
};
|
|
27
79
|
export default PersonalSetting;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
.settings-container {
|
|
2
|
+
padding: 24px;
|
|
3
|
+
background: #f0f2f5;
|
|
4
|
+
.app-name {
|
|
5
|
+
font-weight: normal;
|
|
6
|
+
font-size: 14px;
|
|
7
|
+
}
|
|
8
|
+
.settings-layout {
|
|
9
|
+
height: 614px;
|
|
10
|
+
padding: 24px 0px 24px;
|
|
11
|
+
.settings-sider {
|
|
12
|
+
background: white;
|
|
13
|
+
}
|
|
14
|
+
.settings-content {
|
|
15
|
+
max-width: 920px;
|
|
16
|
+
margin-left: 24px;
|
|
17
|
+
padding: 40px;
|
|
18
|
+
background: white;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -1,22 +1,62 @@
|
|
|
1
|
-
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
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."); }
|
|
3
|
+
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); }
|
|
4
|
+
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; }
|
|
5
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
6
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
import { Layout, Menu } from 'antd';
|
|
2
8
|
import React from 'react';
|
|
3
9
|
import PersonalInfo from "./info";
|
|
4
10
|
import PersonalReset from "./reset";
|
|
11
|
+
import { useState } from 'react';
|
|
12
|
+
import { UserOutlined } from '@ant-design/icons';
|
|
5
13
|
import "./index.less";
|
|
6
14
|
var Sider = Layout.Sider,
|
|
7
15
|
Content = Layout.Content;
|
|
8
16
|
var PersonalSetting = function PersonalSetting(props) {
|
|
9
17
|
var settingsCallback = props.settingsCallback;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
18
|
+
var _useState = useState('1'),
|
|
19
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
20
|
+
currentTab = _useState2[0],
|
|
21
|
+
setCurrentTab = _useState2[1];
|
|
22
|
+
var items = [{
|
|
23
|
+
key: '1',
|
|
24
|
+
label: '个人资料'
|
|
25
|
+
}, {
|
|
26
|
+
key: '2',
|
|
27
|
+
label: '修改密码'
|
|
28
|
+
}];
|
|
29
|
+
var renderComponent = function renderComponent() {
|
|
30
|
+
if (currentTab === '1') {
|
|
31
|
+
return /*#__PURE__*/React.createElement(PersonalInfo, null);
|
|
32
|
+
} else if (currentTab === '2') {
|
|
33
|
+
return /*#__PURE__*/React.createElement(PersonalReset, {
|
|
34
|
+
settingsCallback: settingsCallback
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
var menuClick = function menuClick(_ref) {
|
|
39
|
+
var key = _ref.key;
|
|
40
|
+
setCurrentTab(key);
|
|
41
|
+
};
|
|
42
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
43
|
+
className: "settings-container"
|
|
44
|
+
}, /*#__PURE__*/React.createElement("h3", null, /*#__PURE__*/React.createElement(UserOutlined, null), "\u4E2A\u4EBA\u8BBE\u7F6E"), /*#__PURE__*/React.createElement(Layout, {
|
|
45
|
+
className: "settings-layout"
|
|
46
|
+
}, /*#__PURE__*/React.createElement(Sider, {
|
|
47
|
+
className: "settings-sider"
|
|
48
|
+
}, /*#__PURE__*/React.createElement(Menu, {
|
|
49
|
+
style: {
|
|
50
|
+
width: 200
|
|
51
|
+
},
|
|
52
|
+
defaultSelectedKeys: ['1'],
|
|
53
|
+
items: items,
|
|
54
|
+
onClick: menuClick
|
|
55
|
+
})), /*#__PURE__*/React.createElement(Content, {
|
|
56
|
+
className: "settings-content",
|
|
57
|
+
style: {
|
|
58
|
+
marginLeft: 24
|
|
59
|
+
}
|
|
60
|
+
}, renderComponent())));
|
|
21
61
|
};
|
|
22
62
|
export default PersonalSetting;
|