tntd 1.4.2 → 1.4.3

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.
@@ -128,14 +128,14 @@ export default (function (props) {
128
128
  };
129
129
 
130
130
  return React.createElement(React.Fragment, null, React.createElement("div", {
131
- "class": "tnt-ellipsis",
131
+ className: "tnt-ellipsis",
132
132
  style: _objectSpread({}, style, {
133
133
  maxWidth: widthLimit
134
134
  })
135
135
  }, prefix && prefix, React.createElement("div", {
136
- "class": getClassName()
136
+ className: getClassName()
137
137
  }, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && React.createElement("div", {
138
- "class": "svg-button",
138
+ className: "svg-button",
139
139
  onClick: function onClick() {
140
140
  return handleCopy(elementRef.current.innerText);
141
141
  }
@@ -485,11 +485,9 @@ function (_PureComponent) {
485
485
  _this2.addEvent();
486
486
  }, 500);
487
487
  var arr = this.props.children;
488
- var children = this.turnChildren(arr);
488
+ var children = this.turnChildren(arr); // if (children && children.length > 0) {
489
489
 
490
- if (children && children.length > 0) {
491
- this.formulaWidth();
492
- }
490
+ this.formulaWidth(); // }
493
491
  }
494
492
  }, {
495
493
  key: "componentDidUpdate",
@@ -140,14 +140,14 @@ var _default = function _default(props) {
140
140
  };
141
141
 
142
142
  return React.createElement(React.Fragment, null, React.createElement("div", {
143
- "class": "tnt-ellipsis",
143
+ className: "tnt-ellipsis",
144
144
  style: _objectSpread({}, style, {
145
145
  maxWidth: widthLimit
146
146
  })
147
147
  }, prefix && prefix, React.createElement("div", {
148
- "class": getClassName()
148
+ className: getClassName()
149
149
  }, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && React.createElement("div", {
150
- "class": "svg-button",
150
+ className: "svg-button",
151
151
  onClick: function onClick() {
152
152
  return handleCopy(elementRef.current.innerText);
153
153
  }
@@ -0,0 +1,113 @@
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
+ exports["default"] = void 0;
9
+
10
+ var _react = require("react");
11
+
12
+ var _styledComponents = _interopRequireWildcard(require("styled-components"));
13
+
14
+ var _Icon = _interopRequireDefault(require("../../Icon"));
15
+
16
+ var _AppList = _interopRequireDefault(require("../AppList"));
17
+
18
+ var _OrgAppList = _interopRequireDefault(require("../OrgAppList"));
19
+
20
+ var _HeaderActions = _interopRequireDefault(require("./HeaderActions"));
21
+
22
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
+
24
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
25
+
26
+ 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; }
27
+
28
+ 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); }
29
+
30
+ function _templateObject2() {
31
+ var data = _taggedTemplateLiteral(["\n flex: 1;\n .isInIframe & {\n display: none;\n }\n"]);
32
+
33
+ _templateObject2 = function _templateObject2() {
34
+ return data;
35
+ };
36
+
37
+ return data;
38
+ }
39
+
40
+ function _templateObject() {
41
+ var data = _taggedTemplateLiteral(["\n position: relative;\n z-index: 201;\n height: ", ";\n display: flex;\n color: rgba(255,255,255,.85);\n background: #fff;\n\n .hasHeaderTabs & {\n background: #191D29;\n .tnt-layout-header-content {\n display: none;\n }\n }\n\n .tnt-themeS3.hasHeaderTabs &{\n background: ", "; //#1D4295 !important;\n }\n\n .isInIframe.noAppList &,\n .isEmptyLayout & {\n display: none;\n }\n .tnt-themeS1 & {\n background: #FFFFFF;\n box-shadow: 0 1px 10px 0 rgba(0,0,0,0.15);\n }\n .tnt-themeS1.compatible & {\n /* background: #323b4a; */\n }\n padding-right: 20px;\n background: #FFFFFF;\n box-shadow: 0 1px 10px 0 rgba(0,0,0,0.10);\n .compatible & {\n box-shadow: 0 1px 10px 0 rgba(0,0,0,0.10);\n }\n transition: box-shadow .2s cubic-bezier(.4,0,.2,1), -webkit-box-shadow .2s cubic-bezier(.4,0,.2,1);\n\n .sidebar-collapsed-controller {\n text-align: center;\n width: ", ";\n line-height: ", ";\n height: ", ";\n cursor: pointer;\n color: ", ";\n margin-right: 10px;\n\n & > .tnt-icon {\n font-size: 16px;\n .large-size & {\n font-size: 20px;\n }\n }\n\n i {\n position: relative;\n top: -1px;\n vertical-align: sub;\n }\n\n &:hover {\n background-color: rgba(0,0,0,.06);\n }\n\n .tnt-themeS1 & {\n /* color: rgba(255,255,255,.85); */\n color: ", ";\n }\n .large-size & {\n font-size: 18px;\n }\n .isInIframe & {\n display: none;\n }\n }\n"]);
42
+
43
+ _templateObject = function _templateObject() {
44
+ return data;
45
+ };
46
+
47
+ return data;
48
+ }
49
+
50
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
51
+
52
+ var Header = _styledComponents["default"].div(_templateObject(), function (props) {
53
+ return "".concat(props.theme.headerHeight, "px");
54
+ }, function (props) {
55
+ return "".concat(props.theme.blueBgColor, " !important");
56
+ }, function (props) {
57
+ return "".concat(props.theme.headerHeight, "px");
58
+ }, function (props) {
59
+ return "".concat(props.theme.headerHeight, "px");
60
+ }, function (props) {
61
+ return "".concat(props.theme.headerHeight, "px");
62
+ }, function (props) {
63
+ return "".concat(props.theme.primaryTextColor);
64
+ }, function (props) {
65
+ return "".concat(props.theme.primaryTextColor);
66
+ });
67
+
68
+ var Content = _styledComponents["default"].div(_templateObject2());
69
+
70
+ var _default = (0, _styledComponents.withTheme)(function (props) {
71
+ var collapsed = props.collapsed,
72
+ _props$collapseIconPl = props.collapseIconPlacement,
73
+ collapseIconPlacement = _props$collapseIconPl === void 0 ? 'right' : _props$collapseIconPl,
74
+ selectedAppKey = props.selectedAppKey,
75
+ appList = props.appList,
76
+ orgAppShow = props.orgAppShow,
77
+ orgAppList = props.orgAppList,
78
+ selectedOrgKey = props.selectedOrgKey,
79
+ orgList = props.orgList,
80
+ headerTabs = props.headerTabs,
81
+ onAppChange = props.onAppChange,
82
+ onOrgChange = props.onOrgChange,
83
+ onCollapseChange = props.onCollapseChange,
84
+ extraActions = props.extraActions;
85
+ var headerRef = (0, _react.useRef)();
86
+ return React.createElement(Header, {
87
+ className: "tnt-layout-header",
88
+ ref: headerRef
89
+ }, collapseIconPlacement === 'right' && React.createElement("div", {
90
+ className: "sidebar-collapsed-controller",
91
+ onClick: onCollapseChange
92
+ }, React.createElement(_Icon["default"], {
93
+ type: "menu-".concat(collapsed ? 'unfold' : 'fold')
94
+ })), headerTabs, orgList && React.createElement(_OrgAppList["default"], {
95
+ orgAppShow: orgAppShow,
96
+ selectedOrgKey: selectedOrgKey,
97
+ orgList: orgList,
98
+ onOrgChange: onOrgChange,
99
+ selectedAppKey: selectedAppKey,
100
+ orgAppList: orgAppList,
101
+ onAppChange: onAppChange
102
+ }), appList && !orgList && React.createElement(_AppList["default"], {
103
+ items: appList,
104
+ selectedKey: selectedAppKey,
105
+ onChange: onAppChange
106
+ }), React.createElement(Content, {
107
+ className: "tnt-layout-header-content"
108
+ }, props.children), React.createElement(_HeaderActions["default"], _extends({}, props, {
109
+ headerRef: headerRef
110
+ }), extraActions));
111
+ });
112
+
113
+ exports["default"] = _default;
@@ -0,0 +1,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
+ exports["default"] = void 0;
9
+
10
+ require("antd/lib/divider/style");
11
+
12
+ var _divider = _interopRequireDefault(require("antd/lib/divider"));
13
+
14
+ var _styledComponents = _interopRequireWildcard(require("styled-components"));
15
+
16
+ var _GlobalNavigation = _interopRequireDefault(require("../GlobalNavigation"));
17
+
18
+ var _Application = _interopRequireDefault(require("../Application"));
19
+
20
+ var _Avatar = _interopRequireDefault(require("./Avatar"));
21
+
22
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
23
+
24
+ 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; }
25
+
26
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
27
+
28
+ 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; }
29
+
30
+ 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; }
31
+
32
+ function _templateObject() {
33
+ var data = _taggedTemplateLiteral(["\n list-style: none;\n display: inline-block;\n line-height: ", ";\n margin: 0 0 0 20px;\n .hasHeaderTabs & {\n margin: 0;\n }\n padding: 0;\n white-space: nowrap;\n\n .isInIframe & {\n display: none;\n }\n\n & > li {\n height: 100%;\n display: inline-block;\n vertical-align: top;\n cursor: pointer;\n font-size: 20px;\n margin: 0 7.5px;\n color: ", ";\n .large-size & {\n margin: 0 10px;\n }\n .tnt-themeS1 & {\n /* color: rgba(255,255,255,.85); */\n }\n &:last-of-type {\n margin-right: 0;\n }\n .hasHeaderTabs:not(.tnt-themeS1) & {\n color: rgba(255,255,255,.8);\n }\n }\n"]);
34
+
35
+ _templateObject = function _templateObject() {
36
+ return data;
37
+ };
38
+
39
+ return data;
40
+ }
41
+
42
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
43
+
44
+ var Actions = _styledComponents["default"].ul(_templateObject(), function (props) {
45
+ return "".concat(props.theme.headerHeight, "px");
46
+ }, function (props) {
47
+ return "".concat(props.theme.headerActionsColor);
48
+ });
49
+
50
+ var _default = (0, _styledComponents.withTheme)(function (props) {
51
+ var _props$config = props.config;
52
+ _props$config = _props$config === void 0 ? {} : _props$config;
53
+
54
+ var _props$config$theme = _props$config.theme,
55
+ theme = _props$config$theme === void 0 ? true : _props$config$theme,
56
+ _props$config$avatar = _props$config.avatar,
57
+ avatar = _props$config$avatar === void 0 ? true : _props$config$avatar,
58
+ _props$config$languag = _props$config.language,
59
+ language = _props$config$languag === void 0 ? true : _props$config$languag,
60
+ _props$config$applica = _props$config.application,
61
+ application = _props$config$applica === void 0 ? false : _props$config$applica,
62
+ _props$config$globalN = _props$config.globalNavigation,
63
+ globalNavigation = _props$config$globalN === void 0 ? false : _props$config$globalN,
64
+ compatible = props.theme.compatible,
65
+ _props$userInfo = props.userInfo,
66
+ userInfo = _props$userInfo === void 0 ? {} : _props$userInfo,
67
+ menus = props.menus,
68
+ apps = props.apps,
69
+ extraActions = props.extraActions,
70
+ headerRef = props.headerRef,
71
+ onLanguageChange = props.onLanguageChange,
72
+ onThemeChange = props.onThemeChange,
73
+ onApplicationChange = props.onApplicationChange,
74
+ onAppChange = props.onAppChange,
75
+ onCollapseChange = props.onCollapseChange,
76
+ onPersonalSetting = props.onPersonalSetting,
77
+ onChangePassword = props.onChangePassword,
78
+ onLogout = props.onLogout,
79
+ onLogoClick = props.onLogoClick,
80
+ rest = _objectWithoutProperties(props, ["config", "theme", "userInfo", "menus", "apps", "extraActions", "headerRef", "onLanguageChange", "onThemeChange", "onApplicationChange", "onAppChange", "onCollapseChange", "onPersonalSetting", "onChangePassword", "onLogout", "onLogoClick"]);
81
+
82
+ return React.createElement(Actions, rest, extraActions, globalNavigation && React.createElement(_GlobalNavigation["default"], {
83
+ headerRef: headerRef,
84
+ menus: menus
85
+ }), application && React.createElement(_Application["default"], {
86
+ language: userInfo.lang,
87
+ apps: apps,
88
+ onChange: onApplicationChange
89
+ }), avatar && React.createElement(React.Fragment, null, React.createElement(_divider["default"], {
90
+ type: "vertical"
91
+ }), React.createElement(_Avatar["default"], {
92
+ userInfo: userInfo,
93
+ onThemeChange: onThemeChange,
94
+ onPersonalSetting: onPersonalSetting,
95
+ onChangePassword: onChangePassword,
96
+ onLogout: onLogout,
97
+ config: {
98
+ theme: theme,
99
+ language: language
100
+ }
101
+ })));
102
+ });
103
+
104
+ exports["default"] = _default;
@@ -503,11 +503,9 @@ function (_PureComponent) {
503
503
  _this2.addEvent();
504
504
  }, 500);
505
505
  var arr = this.props.children;
506
- var children = this.turnChildren(arr);
506
+ var children = this.turnChildren(arr); // if (children && children.length > 0) {
507
507
 
508
- if (children && children.length > 0) {
509
- this.formulaWidth();
510
- }
508
+ this.formulaWidth(); // }
511
509
  }
512
510
  }, {
513
511
  key: "componentDidUpdate",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tntd",
3
- "version": "1.4.2",
3
+ "version": "1.4.3",
4
4
  "description": "ued tnt design",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",