tntd 1.3.56 → 1.3.60

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.
Files changed (109) hide show
  1. package/babel.config.js +2 -2
  2. package/components/Layout/OrgAppList.js +1 -1
  3. package/components/QueryListScene/List.js +17 -13
  4. package/lib/0645cf743e4e44ca9da321d689897f07.png +0 -0
  5. package/lib/09db77de0c24fa0f45f8a5cf299a3d11.png +0 -0
  6. package/lib/1d0b52448de217857b270af807e9360d.png +0 -0
  7. package/lib/25d78d77c9c2f0d403e5d899ceb5b1ef.png +0 -0
  8. package/lib/27fa44ff0c98e1594d79b73045aabedf.png +0 -0
  9. package/lib/2c95075adb68d6131b59cae9fa554ec2.png +0 -0
  10. package/lib/377c871d922a25c773a9e7c2f42ed7c0.png +0 -0
  11. package/lib/3d901589b40bd56ff1fde2bbb700bfe1.png +0 -0
  12. package/lib/4abe481e130d7be0574e45573de8beb7.png +0 -0
  13. package/lib/95ee2260a509cd630d89c5367ed1973b.png +0 -0
  14. package/lib/ArrayInput/icon.js +31 -27
  15. package/lib/ArrayInput/index.js +298 -211
  16. package/lib/AuthContext.js +13 -2
  17. package/lib/BlockHeader/README.md +83 -0
  18. package/lib/BlockHeader/fonts/OswaldLight.ttf +0 -0
  19. package/lib/BlockHeader/index.js +42 -0
  20. package/lib/BlockHeader/index.less +141 -0
  21. package/lib/Columns/index.js +100 -71
  22. package/lib/DevelopmentLogin/LoginModal.js +141 -79
  23. package/lib/DevelopmentLogin/index.js +55 -28
  24. package/lib/Ellipsis/Svg/CopySVG.js +71 -23
  25. package/lib/Ellipsis/Svg/TickSVG.js +49 -17
  26. package/lib/Ellipsis/index.js +155 -149
  27. package/lib/Handle/index.js +109 -72
  28. package/lib/Icon/fonts/iconfont.js +43 -1
  29. package/lib/Icon/iconList.js +8 -119
  30. package/lib/Icon/index.js +45 -13
  31. package/lib/Img/Contain.js +81 -49
  32. package/lib/Img/Cover.js +136 -88
  33. package/lib/Img/index.js +89 -36
  34. package/lib/Layout/ActionsContext.js +11 -2
  35. package/lib/Layout/AppList.js +256 -262
  36. package/lib/Layout/Application.js +135 -119
  37. package/lib/Layout/Avatar.js +137 -137
  38. package/lib/Layout/CompatibleLanguage.js +195 -214
  39. package/lib/Layout/EnterpriseLayout/Avatar.js +168 -156
  40. package/lib/Layout/EnterpriseLayout/Language.js +100 -75
  41. package/lib/Layout/EnterpriseLayout/Theme.js +94 -96
  42. package/lib/Layout/EnterpriseLayout/index.js +45 -32
  43. package/lib/Layout/GlobalNavigation/NavigationPopup.js +407 -335
  44. package/lib/Layout/GlobalNavigation/index.js +158 -110
  45. package/lib/Layout/Header.js +116 -165
  46. package/lib/Layout/HeaderActions.js +129 -170
  47. package/lib/Layout/HeaderNavs.js +113 -90
  48. package/lib/Layout/HeaderTabs.js +278 -312
  49. package/lib/Layout/Iconfont.js +15 -2
  50. package/lib/Layout/Language.js +102 -63
  51. package/lib/Layout/Layout.js +261 -272
  52. package/lib/Layout/Logo.js +87 -132
  53. package/lib/Layout/OrgAppList.js +319 -440
  54. package/lib/Layout/SideMenu.js +343 -429
  55. package/lib/Layout/Theme.js +124 -95
  56. package/lib/Layout/checkAuth.js +35 -21
  57. package/lib/Layout/createActions.js +51 -38
  58. package/lib/Layout/images/index.js +41 -33
  59. package/lib/Layout/index.js +161 -110
  60. package/lib/Layout/locale.js +53 -0
  61. package/lib/Layout/paaslayout/CompactSideMenu.js +178 -200
  62. package/lib/Layout/paaslayout/Header.js +90 -84
  63. package/lib/Layout/paaslayout/Logo.js +32 -27
  64. package/lib/Layout/paaslayout/SideMenu.js +174 -161
  65. package/lib/Layout/paaslayout/index.js +261 -240
  66. package/lib/Layout/paaslayout/index.less +75 -0
  67. package/lib/Layout/storage.js +78 -20
  68. package/lib/Layout/utils.js +143 -93
  69. package/lib/LoadingButton/index.js +57 -29
  70. package/lib/Modal/index.js +108 -83
  71. package/lib/Page/Box.js +81 -56
  72. package/lib/Page/index.js +173 -151
  73. package/lib/Page/utils.js +30 -12
  74. package/lib/QueryForm/Field/Checkbox.js +33 -11
  75. package/lib/QueryForm/Field/Select.js +99 -63
  76. package/lib/QueryForm/Field/SelectInput.js +114 -69
  77. package/lib/QueryForm/Field/fieldsMap.js +52 -30
  78. package/lib/QueryForm/Field/index.js +156 -75
  79. package/lib/QueryForm/createActions.js +65 -50
  80. package/lib/QueryForm/index.js +382 -303
  81. package/lib/QueryForm/useForm.js +17 -6
  82. package/lib/QueryListScene/Field/SelectInput.js +115 -0
  83. package/lib/QueryListScene/Field/fieldsMap.js +52 -0
  84. package/lib/QueryListScene/Field/index.js +159 -0
  85. package/lib/QueryListScene/Field/select.js +100 -0
  86. package/lib/QueryListScene/List.js +362 -285
  87. package/lib/QueryListScene/QueryForm/index.js +423 -0
  88. package/lib/QueryListScene/QueryForm/index.less +141 -0
  89. package/lib/QueryListScene/QueryForm.js +159 -91
  90. package/lib/QueryListScene/QueryListScene.js +87 -33
  91. package/lib/QueryListScene/Title.js +20 -10
  92. package/lib/QueryListScene/Toolbar.js +31 -8
  93. package/lib/QueryListScene/createActions.js +79 -64
  94. package/lib/QueryListScene/index.js +40 -23
  95. package/lib/QueryListScene/useActions.js +17 -6
  96. package/lib/Select/DropDownWrap.js +124 -60
  97. package/lib/Select/index.js +563 -426
  98. package/lib/Table/ResizableTable/index.js +121 -77
  99. package/lib/Table/index.js +51 -19
  100. package/lib/Title/index.js +52 -34
  101. package/lib/b9dd5ff3622296fbee51ed68f4bca1bf.png +0 -0
  102. package/lib/bd2921989f9296089ba58efb7a76f3ef.png +0 -0
  103. package/lib/index.html +6 -0
  104. package/lib/index.js +159 -19
  105. package/lib/locale.js +63 -48
  106. package/lib/main.css +16420 -0
  107. package/lib/tntd.js +2 -0
  108. package/lib/tntd.js.LICENSE.txt +36 -0
  109. package/package.json +2 -2
@@ -1,114 +1,165 @@
1
- import { ThemeProvider } from 'styled-components';
2
- import Layout from './Layout';
3
- import EnterpriseLayout from './EnterpriseLayout';
4
- import PaasLayout from './paaslayout';
5
- import HeaderNavs from './HeaderNavs';
6
- import HeaderTabs from './HeaderTabs';
7
- import getCheckAuth from './checkAuth';
8
- import AuthContext from '../AuthContext';
9
- import { safeParseJSON, findMenuInfoByPath } from './utils';
10
- import ActionsContext from './ActionsContext';
11
- import createActions from './createActions';
12
- import { getLanguageStore } from './storage';
13
-
14
- export const HeaderActionItem = props => (
15
- <li {...props}>
16
- {props.children}
17
- </li>
18
- );
19
-
20
- export * from './HeaderNavs';
21
-
22
-
23
- const TNTLayout = ({ type, config, ...props }) => {
24
- const headerHeight = props.size === 'large' ? 60 : 50;
25
- const theme = {
26
- size: props.size,
27
- compatible: props.compatible,
28
- headerHeight,
29
- primaryColor: '#126BFB',
30
- secondaryColor: '#005df4',
31
- primaryTextColor: '#17233D', // 1
32
- secondaryTextColor: 'rgba(23,35,61,.8)', // .8
33
- lightIconColor: 'rgba(23,35,61,.7)', // .7
34
- headerActionsColor: 'rgba(23,35,61,.6)', // .6
35
- borderColor: '#B2BECD',
36
- dividerColor: '#E1E6EE',
37
- lightBgColor: '#F1F2F5',
38
- blueBgColor: '#1D4295' // 默认的蓝色主题
39
- };
40
- const isInIframe = self !== top;
41
- // 前期拼写错误,导致需要兼容处理
42
- const extraHeaderActions = props.extraHeaderActions || props.extralHeaderActions;
43
- const extendMap = typeof props.extendMap === 'string' ? safeParseJSON(props.extendMap, {}) : props.extendMap;
44
- const { displayType = 'default', menuAlignMode, globalNavigation = false, language = ['cn'], themeSwitch = true } = extendMap || {};
45
- const userInfo = props.userInfo || {};
46
- const actionsContextValue = createActions({ language: getLanguageStore() || userInfo.lang || 'cn' });
47
- const onLanguageChange = language => {
48
- actionsContextValue.setLanguage(language);
49
- props?.onLanguageChange(language);
50
- };
51
-
52
- // layout上的指定的属性优先级会高于extendMap中的属性
53
- type = type || displayType;
54
- config = Object.assign({
55
- language: language?.length > 1,
56
- theme: themeSwitch,
57
- avatar: true,
58
- globalNavigation
59
- }, config);
60
-
61
- return (
62
- <ThemeProvider theme={theme}>
63
- <AuthContext.Provider value={getCheckAuth(props.menus)}>
64
- <ActionsContext.Provider value={actionsContextValue}>
65
- {
66
- type === 'paas' &&
67
- <PaasLayout
68
- menuAlignMode={menuAlignMode}
69
- config={config}
70
- {...props}
71
- extraHeaderActions={extraHeaderActions}
72
- isInIframe={isInIframe}
73
- userInfo={userInfo}
74
- onLanguageChange={onLanguageChange}
75
- />
76
- }
77
- {
78
- type === 'enterprise' &&
79
- <EnterpriseLayout
80
- menuAlignMode={menuAlignMode}
81
- config={config}
82
- {...props}
83
- extraHeaderActions={extraHeaderActions}
84
- isInIframe={isInIframe}
85
- userInfo={userInfo}
86
- onLanguageChange={onLanguageChange}
87
- />
88
- }
89
- {
90
- (!type || !['paas','enterprise'].includes(type)) &&
91
- <Layout
92
- menuAlignMode={menuAlignMode}
93
- config={config}
94
- {...props}
95
- extraHeaderActions={extraHeaderActions}
96
- isInIframe={isInIframe}
97
- userInfo={userInfo}
98
- onLanguageChange={onLanguageChange}
99
- />
100
- }
101
- </ActionsContext.Provider>
102
- </AuthContext.Provider>
103
- </ThemeProvider>
104
- );
1
+ "use strict";
2
+
3
+ function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ var _exportNames = {
9
+ HeaderActionItem: true
105
10
  };
11
+ exports["default"] = exports.HeaderActionItem = void 0;
106
12
 
107
- TNTLayout.HeaderActionItem = HeaderActionItem;
108
- TNTLayout.HeaderNavs = HeaderNavs;
109
- TNTLayout.HeaderTabs = HeaderTabs;
110
- TNTLayout.AuthContext = AuthContext;
13
+ var _styledComponents = require("styled-components");
14
+
15
+ var _Layout = _interopRequireDefault(require("./Layout"));
16
+
17
+ var _EnterpriseLayout = _interopRequireDefault(require("./EnterpriseLayout"));
18
+
19
+ var _paaslayout = _interopRequireDefault(require("./paaslayout"));
20
+
21
+ var _HeaderNavs = _interopRequireWildcard(require("./HeaderNavs"));
22
+
23
+ Object.keys(_HeaderNavs).forEach(function (key) {
24
+ if (key === "default" || key === "__esModule") return;
25
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
26
+ Object.defineProperty(exports, key, {
27
+ enumerable: true,
28
+ get: function get() {
29
+ return _HeaderNavs[key];
30
+ }
31
+ });
32
+ });
33
+
34
+ var _HeaderTabs = _interopRequireDefault(require("./HeaderTabs"));
35
+
36
+ var _checkAuth = _interopRequireDefault(require("./checkAuth"));
37
+
38
+ var _AuthContext = _interopRequireDefault(require("../AuthContext"));
39
+
40
+ var _utils = require("./utils");
41
+
42
+ var _ActionsContext = _interopRequireDefault(require("./ActionsContext"));
43
+
44
+ var _createActions = _interopRequireDefault(require("./createActions"));
45
+
46
+ var _storage = require("./storage");
47
+
48
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
49
+
50
+ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
111
51
 
112
- TNTLayout.findMenuInfoByPath = findMenuInfoByPath;
52
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
113
53
 
114
- export default TNTLayout;
54
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
55
+
56
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
57
+
58
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
59
+
60
+ var HeaderActionItem = function HeaderActionItem(props) {
61
+ return React.createElement("li", props, props.children);
62
+ };
63
+
64
+ exports.HeaderActionItem = HeaderActionItem;
65
+
66
+ var TNTLayout = function TNTLayout(_ref) {
67
+ var type = _ref.type,
68
+ config = _ref.config,
69
+ props = _objectWithoutProperties(_ref, ["type", "config"]);
70
+
71
+ var headerHeight = props.size === 'large' ? 60 : 50;
72
+ var theme = {
73
+ size: props.size,
74
+ compatible: props.compatible,
75
+ headerHeight: headerHeight,
76
+ primaryColor: '#126BFB',
77
+ secondaryColor: '#005df4',
78
+ primaryTextColor: '#17233D',
79
+ // 1
80
+ secondaryTextColor: 'rgba(23,35,61,.8)',
81
+ // .8
82
+ lightIconColor: 'rgba(23,35,61,.7)',
83
+ // .7
84
+ headerActionsColor: 'rgba(23,35,61,.6)',
85
+ // .6
86
+ borderColor: '#B2BECD',
87
+ dividerColor: '#E1E6EE',
88
+ lightBgColor: '#F1F2F5',
89
+ blueBgColor: '#1D4295' // 默认的蓝色主题
90
+
91
+ };
92
+ var isInIframe = self !== top; // 前期拼写错误,导致需要兼容处理
93
+
94
+ var extraHeaderActions = props.extraHeaderActions || props.extralHeaderActions;
95
+ var extendMap = typeof props.extendMap === 'string' ? (0, _utils.safeParseJSON)(props.extendMap, {}) : props.extendMap;
96
+
97
+ var _ref2 = extendMap || {},
98
+ _ref2$displayType = _ref2.displayType,
99
+ displayType = _ref2$displayType === void 0 ? 'default' : _ref2$displayType,
100
+ menuAlignMode = _ref2.menuAlignMode,
101
+ _ref2$globalNavigatio = _ref2.globalNavigation,
102
+ globalNavigation = _ref2$globalNavigatio === void 0 ? false : _ref2$globalNavigatio,
103
+ _ref2$language = _ref2.language,
104
+ language = _ref2$language === void 0 ? ['cn'] : _ref2$language,
105
+ _ref2$themeSwitch = _ref2.themeSwitch,
106
+ themeSwitch = _ref2$themeSwitch === void 0 ? true : _ref2$themeSwitch;
107
+
108
+ var userInfo = props.userInfo || {};
109
+ var actionsContextValue = (0, _createActions["default"])({
110
+ language: (0, _storage.getLanguageStore)() || userInfo.lang || 'cn'
111
+ });
112
+
113
+ var onLanguageChange = function onLanguageChange(language) {
114
+ actionsContextValue.setLanguage(language);
115
+ props == null ? void 0 : props.onLanguageChange(language);
116
+ }; // layout上的指定的属性优先级会高于extendMap中的属性
117
+
118
+
119
+ type = type || displayType;
120
+ config = Object.assign({
121
+ language: (language == null ? void 0 : language.length) > 1,
122
+ theme: themeSwitch,
123
+ avatar: true,
124
+ globalNavigation: globalNavigation
125
+ }, config);
126
+ return React.createElement(_styledComponents.ThemeProvider, {
127
+ theme: theme
128
+ }, React.createElement(_AuthContext["default"].Provider, {
129
+ value: (0, _checkAuth["default"])(props.menus)
130
+ }, React.createElement(_ActionsContext["default"].Provider, {
131
+ value: actionsContextValue
132
+ }, type === 'paas' && React.createElement(_paaslayout["default"], _extends({
133
+ menuAlignMode: menuAlignMode,
134
+ config: config
135
+ }, props, {
136
+ extraHeaderActions: extraHeaderActions,
137
+ isInIframe: isInIframe,
138
+ userInfo: userInfo,
139
+ onLanguageChange: onLanguageChange
140
+ })), type === 'enterprise' && React.createElement(_EnterpriseLayout["default"], _extends({
141
+ menuAlignMode: menuAlignMode,
142
+ config: config
143
+ }, props, {
144
+ extraHeaderActions: extraHeaderActions,
145
+ isInIframe: isInIframe,
146
+ userInfo: userInfo,
147
+ onLanguageChange: onLanguageChange
148
+ })), (!type || !['paas', 'enterprise'].includes(type)) && React.createElement(_Layout["default"], _extends({
149
+ menuAlignMode: menuAlignMode,
150
+ config: config
151
+ }, props, {
152
+ extraHeaderActions: extraHeaderActions,
153
+ isInIframe: isInIframe,
154
+ userInfo: userInfo,
155
+ onLanguageChange: onLanguageChange
156
+ })))));
157
+ };
158
+
159
+ TNTLayout.HeaderActionItem = HeaderActionItem;
160
+ TNTLayout.HeaderNavs = _HeaderNavs["default"];
161
+ TNTLayout.HeaderTabs = _HeaderTabs["default"];
162
+ TNTLayout.AuthContext = _AuthContext["default"];
163
+ TNTLayout.findMenuInfoByPath = _utils.findMenuInfoByPath;
164
+ var _default = TNTLayout;
165
+ exports["default"] = _default;
@@ -0,0 +1,53 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = exports.getText = exports.en_US = exports.zh_CN = void 0;
7
+ var zh_CN = {
8
+ globalNavigation: '全局导航',
9
+ menuSearch: '菜单搜索',
10
+ // QueryForm
11
+ search: '搜索',
12
+ reset: '重置',
13
+ moreFiltering: '更多过滤',
14
+ expand: '展开',
15
+ collapse: '收起',
16
+ // user popover
17
+ personalSettings: '个人设置',
18
+ changePwd: '修改密码',
19
+ signOut: '退出'
20
+ };
21
+ exports.zh_CN = zh_CN;
22
+ var en_US = {
23
+ globalNavigation: 'Global Navigation',
24
+ menuSearch: 'Menu Search',
25
+ // QueryForm
26
+ search: 'Search',
27
+ reset: 'Reset',
28
+ moreFiltering: 'More filtering',
29
+ expand: 'Expand',
30
+ collapse: 'Collapse',
31
+ // user popover
32
+ personalSettings: 'Personal settings',
33
+ changePwd: 'Change password',
34
+ signOut: 'Sign out'
35
+ };
36
+ exports.en_US = en_US;
37
+
38
+ var getText = function getText(key) {
39
+ var _ref;
40
+
41
+ var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'cn';
42
+ return (_ref = {
43
+ cn: zh_CN,
44
+ en: en_US
45
+ }[language] || zh_CN) == null ? void 0 : _ref[key];
46
+ };
47
+
48
+ exports.getText = getText;
49
+ var _default = {
50
+ en_US: en_US,
51
+ zh_CN: zh_CN
52
+ };
53
+ exports["default"] = _default;