@titaui/pc 1.6.11 → 1.6.12

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 (50) hide show
  1. package/lib/components/button/index.js +1 -9
  2. package/lib/components/button/rect-btn/index.css +20 -8
  3. package/lib/components/dynamic/dynamic-item/dynamic-create-o/index.js +8 -0
  4. package/lib/components/help-card/image/canceled.svg +13 -0
  5. package/lib/components/help-card/image/helpzx.svg +8 -0
  6. package/lib/components/help-card/image/kefu.svg +18 -0
  7. package/lib/components/help-card/image/kefu1.svg +8 -0
  8. package/lib/components/help-card/image/okr-shequ.svg +14 -0
  9. package/lib/components/help-card/image/question.svg +20 -0
  10. package/lib/components/help-card/image/yuyueyanshi.svg +8 -0
  11. package/lib/components/help-card/index.css +219 -0
  12. package/lib/components/help-card/index.js +282 -0
  13. package/lib/components/help-card/request-api.js +34 -0
  14. package/lib/components/nav-top/components/user-message/components/inform/index.js +66 -2
  15. package/lib/components/nav-top/components/user-message/components/remind/index.js +8 -2
  16. package/lib/components/nav-top/components/user-message/components/reply/index.js +9 -2
  17. package/lib/components/nav-top/components/user-message/components/todos/index.js +9 -2
  18. package/lib/components/nav-top/components/user-message/index.js +36 -3
  19. package/lib/components/nav-top/components/user-message/msg/index.js +10 -5
  20. package/lib/components/nav-top/mock.js +3 -3
  21. package/lib/components/point-demo/drop-down-box/index.css +98 -0
  22. package/lib/components/point-demo/drop-down-box/index.js +159 -0
  23. package/lib/components/point-demo/image/demo-bcg.png +0 -0
  24. package/lib/components/point-demo/image/down.svg +14 -0
  25. package/lib/components/point-demo/image/icon-canceled.svg +7 -0
  26. package/lib/components/point-demo/image/logo.svg +64 -0
  27. package/lib/components/point-demo/index.css +348 -0
  28. package/lib/components/point-demo/index.js +657 -0
  29. package/lib/components/point-demo/input/index.css +74 -0
  30. package/lib/components/point-demo/input/index.js +176 -0
  31. package/lib/components/{button/admin-button/drop-down-arrow.js → point-demo/point-demo.js} +55 -55
  32. package/lib/components/point-demo/popup/index.css +7 -0
  33. package/lib/components/point-demo/popup/index.js +113 -0
  34. package/lib/components/point-demo/popup/placement.js +44 -0
  35. package/lib/components/point-demo/popup/rc-trigger.css +127 -0
  36. package/lib/index.js +8 -2
  37. package/lib/pages/aha2021/index.css +7 -0
  38. package/lib/pages/aha2021/index.js +6 -2
  39. package/lib/pages/okr-map/hooks/useStorage.js +1 -1
  40. package/lib/pages/okr-map/utils.js +11 -7
  41. package/lib/pages/personal-info/index.js +5 -3
  42. package/lib/utils/bs-global.js +16 -1
  43. package/package.json +1 -1
  44. package/lib/components/button/admin-button/default.js +0 -35
  45. package/lib/components/button/admin-button/index.css +0 -86
  46. package/lib/components/button/admin-button/index.js +0 -40
  47. package/lib/components/button/admin-button/primary.js +0 -33
  48. package/lib/components/button/admin-button/secondary.js +0 -35
  49. package/lib/components/button/export-button/index.css +0 -51
  50. package/lib/components/button/export-button/index.js +0 -81
package/lib/index.js CHANGED
@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.VersionChangeModal = exports.PersonalInfo = exports.InvitePeople = exports.FollowerVisitor = exports.TextBtn = exports.RectBtn = exports.DynamicLikeRanking = exports.DynamicLiking = exports.DynamicTopping = exports.DynamicItem = exports.DynamicQuickOperation = exports.Dynamic = exports.FileList = exports.ImgViewer = exports.NavTop = exports.PhotoCard = exports.TaskRelationModal = exports.OkrCaseCard = exports.OkrCasesLibrary = exports.TitaWordsCloud = exports.TitaLiquidBall = exports.TitaPieChart = exports.HomePageDataList = exports.HomePage = exports.DatePicker = exports.Confidence = exports.DateRangePickerPop = exports.UpvoteButtonForFeed = exports.Upvote = exports.OkrShare = exports.SlideInput = exports.RangePickerPop = exports.OkrFlow = exports.CreateOkrModal = exports.ChangeOkrModal = exports.Review = exports.EReportList = exports.OKrProgress = exports.FormFields = exports.Form = exports.OkrPeriodSelector = exports.Upload = exports.OperationRecord = exports.Mblog = exports.EmotionsSelector = exports.Communication = exports.PeriodSelector = exports.Pagination = exports.WordCloud = exports.DialogConfirm = exports.OkrProgressDetail = exports.RadioGroup = exports.Radio = exports.ErrorToolTip = exports.TooltipText = exports.Tooltip = exports.Dialog = exports.firework = exports.BaseInfo = exports.OkrDetail = exports.drawerManager = exports.Drawer = exports.TabPane = exports.Tabs = exports.openData = exports.LikeRankingPage = exports.UserGroupManagementPage = exports.OkrMapSharePage = exports.OkrMapPage = exports.Checkbox = exports.PasswordInput = exports.SearchInput = exports.Table = exports.Tree = exports.StatusTime = exports.EPriority = exports.LineProgress = exports.CircleProgress = exports.Switch = exports.Toast = exports.Popup = exports.SearchDropdownOption = exports.SearchDropdown = exports.TextAvatar = exports.NameAvatar = exports.DefautltAvatar = exports.SingleSelector = exports.DutiesSelector = exports.DepartSearchSelector = exports.GroupSelector = exports.FieldPersonSelector = exports.Menus = exports.DropSelector = exports.Aha2021Page = void 0;
8
+ exports.VersionChangeModal = exports.PersonalInfo = exports.InvitePeople = exports.FollowerVisitor = exports.HelpCard = exports.TextBtn = exports.RectBtn = exports.DynamicLikeRanking = exports.DynamicLiking = exports.DynamicTopping = exports.DynamicItem = exports.DynamicQuickOperation = exports.Dynamic = exports.FileList = exports.ImgViewer = exports.NavTop = exports.PhotoCard = exports.TaskRelationModal = exports.OkrCaseCard = exports.OkrCasesLibrary = exports.TitaWordsCloud = exports.TitaLiquidBall = exports.TitaPieChart = exports.HomePageDataList = exports.HomePage = exports.DatePicker = exports.Confidence = exports.DateRangePickerPop = exports.UpvoteButtonForFeed = exports.Upvote = exports.OkrShare = exports.SlideInput = exports.RangePickerPop = exports.OkrFlow = exports.CreateOkrModal = exports.ChangeOkrModal = exports.Review = exports.EReportList = exports.OKrProgress = exports.FormFields = exports.Form = exports.OkrPeriodSelector = exports.Upload = exports.OperationRecord = exports.Mblog = exports.EmotionsSelector = exports.Communication = exports.PeriodSelector = exports.Pagination = exports.WordCloud = exports.DialogConfirm = exports.OkrProgressDetail = exports.RadioGroup = exports.Radio = exports.ErrorToolTip = exports.TooltipText = exports.Tooltip = exports.Dialog = exports.firework = exports.BaseInfo = exports.OkrDetail = exports.drawerManager = exports.Drawer = exports.TabPane = exports.Tabs = exports.openData = exports.LikeRankingPage = exports.UserGroupManagementPage = exports.OkrMapSharePage = exports.OkrMapPage = exports.Checkbox = exports.PasswordInput = exports.SearchInput = exports.Table = exports.Tree = exports.StatusTime = exports.EPriority = exports.LineProgress = exports.CircleProgress = exports.Switch = exports.Toast = exports.Popup = exports.SearchDropdownOption = exports.SearchDropdown = exports.TextAvatar = exports.NameAvatar = exports.DefautltAvatar = exports.SingleSelector = exports.DutiesSelector = exports.DepartSearchSelector = exports.GroupSelector = exports.FieldPersonSelector = exports.Menus = exports.DropSelector = exports.Aha2021Page = void 0;
9
9
 
10
10
  var _dialog = _interopRequireDefault(require("./components/dialog"));
11
11
 
@@ -143,6 +143,8 @@ var _dynamic = _interopRequireWildcard(require("./components/dynamic"));
143
143
 
144
144
  var _menus = _interopRequireDefault(require("./components/menus"));
145
145
 
146
+ var _helpCard = _interopRequireDefault(require("./components/help-card"));
147
+
146
148
  var _aha = _interopRequireWildcard(require("./pages/aha2021"));
147
149
 
148
150
  var _versionChangeModal = _interopRequireDefault(require("./components/version-change-modal"));
@@ -166,6 +168,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
166
168
  //头像卡片展示组件
167
169
  //顶部导航
168
170
  //顶部导航头像
171
+ // 新ui组件
169
172
  var Aha2021Page = {
170
173
  'PageLayout': _aha["default"],
171
174
  'ContentTemplate': _aha.ContentTemplate
@@ -360,8 +363,11 @@ var DynamicLikeRanking = _dynamic.DynamicLikeRanking;
360
363
  exports.DynamicLikeRanking = DynamicLikeRanking;
361
364
  var RectBtn = _button.RectBtn;
362
365
  exports.RectBtn = RectBtn;
363
- var TextBtn = _button.TextBtn;
366
+ var TextBtn = _button.TextBtn; //新ui组件
367
+
364
368
  exports.TextBtn = TextBtn;
369
+ var HelpCard = _helpCard["default"];
370
+ exports.HelpCard = HelpCard;
365
371
  var FollowerVisitor = _followerVisitor["default"];
366
372
  exports.FollowerVisitor = FollowerVisitor;
367
373
  var InvitePeople = _invitePeople["default"];
@@ -27,6 +27,13 @@
27
27
  position: absolute;
28
28
  bottom: 92px;
29
29
  left: 8px;
30
+ z-index: 2;
31
+ }
32
+
33
+ .titaui-aha-2021__body-menu-help {
34
+ position: absolute;
35
+ bottom: 28px;
36
+ left: 8px;
30
37
  }
31
38
 
32
39
  .titaui-aha-2021__body-content {
@@ -15,6 +15,8 @@ var _followerVisitor = _interopRequireDefault(require("../../components/follower
15
15
 
16
16
  var _invitePeople = _interopRequireDefault(require("../../components/invite-people"));
17
17
 
18
+ var _helpCard = _interopRequireDefault(require("../../components/help-card"));
19
+
18
20
  require("./index.css");
19
21
 
20
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -28,14 +30,16 @@ var ContentTemplate = function ContentTemplate(props) {
28
30
  if (children.length == 1) {
29
31
  return /*#__PURE__*/_react["default"].createElement("div", {
30
32
  className: (0, _classnames["default"])("".concat(preCls, "__body-content"))
31
- }, children[1]);
33
+ }, children[0]);
32
34
  }
33
35
 
34
36
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
35
37
  className: (0, _classnames["default"])("".concat(preCls, "__body-menu"))
36
38
  }, children[0], /*#__PURE__*/_react["default"].createElement("div", {
37
39
  className: (0, _classnames["default"])("".concat(preCls, "__body-menu-invite"))
38
- }, /*#__PURE__*/_react["default"].createElement(_invitePeople["default"], null))), /*#__PURE__*/_react["default"].createElement("div", {
40
+ }, /*#__PURE__*/_react["default"].createElement(_invitePeople["default"], null)), /*#__PURE__*/_react["default"].createElement("div", {
41
+ className: (0, _classnames["default"])("".concat(preCls, "__body-menu-help"))
42
+ }, /*#__PURE__*/_react["default"].createElement(_helpCard["default"], null))), /*#__PURE__*/_react["default"].createElement("div", {
39
43
  className: (0, _classnames["default"])("".concat(preCls, "__body-content"))
40
44
  }, children[1]));
41
45
  };
@@ -25,7 +25,7 @@ var getHashQuery = function getHashQuery(queryKey) {
25
25
  var queryValue;
26
26
  var urlHash = decodeURIComponent(window.location.hash);
27
27
  var hashQueryStr = urlHash.split('?')[1];
28
- hashQueryStr.split('&').forEach(function (it) {
28
+ hashQueryStr && hashQueryStr.split('&').forEach(function (it) {
29
29
  var _it$split = it.split('='),
30
30
  _it$split2 = _slicedToArray(_it$split, 2),
31
31
  key = _it$split2[0],
@@ -8,15 +8,19 @@ exports.okrTypeMap = exports.OkrTypeSetting = exports.tenantLogo = exports.tenan
8
8
 
9
9
  var openFullscreen = function openFullscreen() {
10
10
  // 隐藏侧边栏和头部
11
- document.querySelector('.tu-page-nav').style.display = 'none';
12
- document.querySelector('.tu-page-header').style.display = 'none';
11
+ if (!getBSGlobal("tenantInfo").isNewIndex) {
12
+ document.querySelector(".tu-page-nav").style.display = "none";
13
+ document.querySelector(".tu-page-header").style.display = "none";
14
+ }
13
15
  };
14
16
 
15
17
  exports.openFullscreen = openFullscreen;
16
18
 
17
19
  var closeFullscreen = function closeFullscreen() {
18
- document.querySelector('.tu-page-nav').style.display = 'block';
19
- document.querySelector('.tu-page-header').style.display = 'block';
20
+ if (!getBSGlobal("tenantInfo").isNewIndex) {
21
+ document.querySelector(".tu-page-nav").style.display = "block";
22
+ document.querySelector(".tu-page-header").style.display = "block";
23
+ }
20
24
  };
21
25
 
22
26
  exports.closeFullscreen = closeFullscreen;
@@ -25,11 +29,11 @@ function getBSGlobal(name) {
25
29
  return name ? BSGlobal && BSGlobal[name] : BSGlobal;
26
30
  }
27
31
 
28
- var tenantName = getBSGlobal('tenantInfo').Name || '';
32
+ var tenantName = getBSGlobal("tenantInfo").Name || "";
29
33
  exports.tenantName = tenantName;
30
- var tenantLogo = getBSGlobal('tenantInfo').Logo || '';
34
+ var tenantLogo = getBSGlobal("tenantInfo").Logo || "";
31
35
  exports.tenantLogo = tenantLogo;
32
- var KRSetting = (getBSGlobal('OkrAdvancedSetting') || {}).KRSetting; // KRSetting
36
+ var KRSetting = (getBSGlobal("OkrAdvancedSetting") || {}).KRSetting; // KRSetting
33
37
 
34
38
  var OkrTypeSetting = (KRSetting || {}).OkrTypeSetting || false; // 是否开启目标类型 true | false
35
39
 
@@ -9,16 +9,18 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  var _baseInfo = _interopRequireDefault(require("./components/base-info"));
11
11
 
12
+ var _aha = require("../aha2021");
13
+
12
14
  require("./index.css");
13
15
 
14
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
17
 
16
- var prefix = 'titaui-personal-info';
18
+ var prefix = "titaui-personal-info";
17
19
 
18
20
  var PersonalInfo = function PersonalInfo() {
19
- return /*#__PURE__*/_react["default"].createElement("div", {
21
+ return /*#__PURE__*/_react["default"].createElement(_aha.ContentTemplate, null, /*#__PURE__*/_react["default"].createElement("div", {
20
22
  className: prefix
21
- }, /*#__PURE__*/_react["default"].createElement(_baseInfo["default"], null));
23
+ }, /*#__PURE__*/_react["default"].createElement(_baseInfo["default"], null)));
22
24
  };
23
25
 
24
26
  var _default = PersonalInfo;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.isWx = isWx;
7
- exports.hasWebHead = exports.formatNum = exports.getAppHead = exports.getUploadMaxSize = exports.getOkrAdvancedSetting = exports.getBSGlobal = exports.getTenantInfo = exports.getUserInfo = void 0;
7
+ exports.hasWebHead = exports.formatNum = exports.getAppHead = exports.getUploadMaxSize = exports.getSource = exports.getVersion = exports.getOkrAdvancedSetting = exports.getBSGlobal = exports.getTenantInfo = exports.getUserInfo = void 0;
8
8
 
9
9
  var _mockBsglobal = require("./mock-bsglobal");
10
10
 
@@ -36,6 +36,21 @@ var getOkrAdvancedSetting = function getOkrAdvancedSetting() {
36
36
 
37
37
  exports.getOkrAdvancedSetting = getOkrAdvancedSetting;
38
38
 
39
+ var getVersion = function getVersion() {
40
+ // version 1 试用版
41
+ if (window.location.host.indexOf("127.0.0.1") !== -1) return _mockBsglobal.BSGlobal["tenantAuthentication"].Version;
42
+ return window.BSGlobal["tenantAuthentication"].Version;
43
+ };
44
+
45
+ exports.getVersion = getVersion;
46
+
47
+ var getSource = function getSource() {
48
+ var info = getBSGlobal("tenantInfo");
49
+ return info.Source;
50
+ };
51
+
52
+ exports.getSource = getSource;
53
+
39
54
  var getUploadMaxSize = function getUploadMaxSize() {
40
55
  var info = getBSGlobal("tenantInfo");
41
56
  var isDingDing = info.Source == 861;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@titaui/pc",
3
- "version": "1.6.11",
3
+ "version": "1.6.12",
4
4
  "nameCN": "",
5
5
  "description": "",
6
6
  "main": "lib/index.js",
@@ -1,35 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _classnames = _interopRequireDefault(require("classnames"));
11
-
12
- require("./index.css");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
- var preCls = "admin-button";
17
-
18
- var _default = function _default(_ref) {
19
- var onClick = _ref.onClick,
20
- id = _ref.id,
21
- children = _ref.children,
22
- style = _ref.style;
23
-
24
- var onHandleClick = function onHandleClick() {
25
- onClick && onClick(id);
26
- };
27
-
28
- return /*#__PURE__*/_react["default"].createElement("div", {
29
- className: (0, _classnames["default"])("".concat(preCls, "-default ").concat(preCls, "-btn")),
30
- onClick: onHandleClick,
31
- style: style
32
- }, children);
33
- };
34
-
35
- exports["default"] = _default;
@@ -1,86 +0,0 @@
1
- .admin-button {
2
- box-sizing: border-box !important;
3
- }
4
-
5
- .admin-button-btn {
6
- height: 32px;
7
- min-width: 90px;
8
- padding: 0 18px;
9
- border-radius: 4px;
10
- text-align: center;
11
- line-height: 30px;
12
- cursor: pointer;
13
- box-sizing: border-box !important;
14
- font-size: 14px;
15
- white-space: nowrap;
16
- }
17
-
18
- .admin-button-primary {
19
- background: #2879FF;
20
- color: #FFFFFF;
21
- line-height: 32px;
22
- }
23
-
24
- .admin-button-primary:hover {
25
- background: #5C8EFF;
26
- }
27
-
28
- .admin-button-secondary {
29
- color: #2879FF;
30
- border: 1px solid #2879FF;
31
- }
32
-
33
- .admin-button-secondary:hover {
34
- background: #E9F1FF;
35
- }
36
-
37
- .admin-button-default, .admin-button-drop {
38
- color: #3f4755;
39
- border: 1px solid #E9ECF0;
40
- }
41
-
42
- .admin-button-default:hover, .admin-button-drop:hover {
43
- color: #2879FF;
44
- border: 1px solid #2879FF;
45
- }
46
-
47
- .admin-button-drop {
48
- position: relative;
49
- }
50
-
51
- .admin-button-drop:hover {
52
- background-color: #E9F1FF;
53
- }
54
-
55
- .admin-button-drop .tu-icon-sort-down {
56
- color: #3F4755;
57
- font-size: 12px;
58
- margin-left: 2px;
59
- position: relative;
60
- top: 1px;
61
- }
62
-
63
- .admin-button-drop-wrapper {
64
- min-width: 90px;
65
- z-index: 2;
66
- background: #FFFFFF;
67
- box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
68
- border: 1px solid #E9ECF0;
69
- padding: 16px 0 12px;
70
- position: absolute;
71
- }
72
-
73
- .admin-button-drop-wrapper-item {
74
- padding-left: 11px;
75
- height: 36px;
76
- line-height: 36px;
77
- font-size: 14px;
78
- font-weight: 400;
79
- color: #3F4755;
80
- cursor: pointer;
81
- }
82
-
83
- .admin-button-drop-wrapper-item:hover {
84
- color: #2879FF;
85
- background: #F7F8FA;
86
- }
@@ -1,40 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _default2 = _interopRequireDefault(require("./default"));
11
-
12
- var _dropDownArrow = _interopRequireDefault(require("./drop-down-arrow"));
13
-
14
- var _primary = _interopRequireDefault(require("./primary"));
15
-
16
- var _secondary = _interopRequireDefault(require("./secondary"));
17
-
18
- require("./index.css");
19
-
20
- var _excluded = ["type"];
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
-
24
- 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; }
25
-
26
- 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; }
27
-
28
- var _default = function _default(_ref) {
29
- var _ref$type = _ref.type,
30
- type = _ref$type === void 0 ? "default" : _ref$type,
31
- restProps = _objectWithoutProperties(_ref, _excluded);
32
-
33
- if (type == "default") return /*#__PURE__*/_react["default"].createElement(_default2["default"], restProps);
34
- if (type == "dropArrow") return /*#__PURE__*/_react["default"].createElement(_dropDownArrow["default"], restProps);
35
- if (type == "primary") return /*#__PURE__*/_react["default"].createElement(_primary["default"], restProps);
36
- if (type == "secondary") return /*#__PURE__*/_react["default"].createElement(_secondary["default"], restProps);
37
- return /*#__PURE__*/_react["default"].createElement(_default2["default"], restProps);
38
- };
39
-
40
- exports["default"] = _default;
@@ -1,33 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _classnames = _interopRequireDefault(require("classnames"));
11
-
12
- require("./index.css");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
- var preCls = "admin-button";
17
-
18
- var _default = function _default(_ref) {
19
- var onClick = _ref.onClick,
20
- id = _ref.id,
21
- children = _ref.children;
22
-
23
- var onHandleClick = function onHandleClick() {
24
- onClick && onClick(id);
25
- };
26
-
27
- return /*#__PURE__*/_react["default"].createElement("div", {
28
- className: (0, _classnames["default"])("".concat(preCls, "-primary ").concat(preCls, "-btn")),
29
- onClick: onHandleClick
30
- }, children);
31
- };
32
-
33
- exports["default"] = _default;
@@ -1,35 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _classnames = _interopRequireDefault(require("classnames"));
11
-
12
- require("./index.css");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
- var preCls = "admin-button";
17
-
18
- var _default = function _default(_ref) {
19
- var onClick = _ref.onClick,
20
- id = _ref.id,
21
- children = _ref.children,
22
- style = _ref.style;
23
-
24
- var onHandleClick = function onHandleClick() {
25
- onClick && onClick(id);
26
- };
27
-
28
- return /*#__PURE__*/_react["default"].createElement("div", {
29
- className: (0, _classnames["default"])("".concat(preCls, "-secondary ").concat(preCls, "-btn")),
30
- onClick: onHandleClick,
31
- style: style
32
- }, children);
33
- };
34
-
35
- exports["default"] = _default;
@@ -1,51 +0,0 @@
1
- .tita-export-btn {
2
- width: 90px;
3
- position: relative;
4
- }
5
-
6
- .tita-export-btn .export-btn {
7
- font-size: 14px;
8
- width: 90px;
9
- height: 32px;
10
- cursor: pointer;
11
- background: #2879FF;
12
- border-radius: 4px;
13
- display: flex;
14
- align-items: center;
15
- justify-content: center;
16
- color: #FFFFFF;
17
- }
18
-
19
- .tita-export-btn .export-btn > img {
20
- margin-right: 4px;
21
- }
22
-
23
- .tita-export-btn .export-btn:hover {
24
- background-color: #5C8EFF;
25
- }
26
-
27
- .tita-export-btn .export-label {
28
- z-index: 2;
29
- position: absolute;
30
- left: -22px;
31
- padding: 16px 0;
32
- background: #FFFFFF;
33
- font-size: 14px;
34
- box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
35
- border-radius: 8px;
36
- border: 1px solid #F0F2F5;
37
- }
38
-
39
- .tita-export-btn .export-label .export-label-item {
40
- font-size: 14px;
41
- cursor: pointer;
42
- padding: 0 20px;
43
- font-weight: 400;
44
- color: #3F4755;
45
- line-height: 32px;
46
- }
47
-
48
- .tita-export-btn .export-label .export-label-item:hover {
49
- color: #2879FF;
50
- background: #F7F8FA;
51
- }
@@ -1,81 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; 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 = _interopRequireWildcard(require("react"));
11
-
12
- require("./index.css");
13
-
14
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
-
16
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
17
-
18
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
19
-
20
- 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."); }
21
-
22
- 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); }
23
-
24
- 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; }
25
-
26
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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; }
27
-
28
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
29
-
30
- var ExportBtn = function ExportBtn(_ref) {
31
- var popup = _ref.popup,
32
- _ref$width = _ref.width,
33
- width = _ref$width === void 0 ? 90 : _ref$width,
34
- _ref$height = _ref.height,
35
- height = _ref$height === void 0 ? 32 : _ref$height,
36
- _onClick = _ref.onClick;
37
-
38
- var _useState = (0, _react.useState)(false),
39
- _useState2 = _slicedToArray(_useState, 2),
40
- isVisible = _useState2[0],
41
- setIsVisible = _useState2[1];
42
-
43
- var wrapperRef = (0, _react.useRef)(document.createElement("div"));
44
-
45
- var clickEvent = function clickEvent(e) {
46
- if (!e.target.className.includes("okrdashboard-export-label")) {
47
- setIsVisible(false);
48
- window.removeEventListener("click", clickEvent, true);
49
- }
50
- };
51
-
52
- (0, _react.useEffect)(function () {
53
- if (isVisible) {
54
- window.addEventListener("click", clickEvent, true);
55
- } else {
56
- window.removeEventListener("click", clickEvent, true);
57
- }
58
- }, [isVisible]);
59
- return /*#__PURE__*/_react["default"].createElement("div", {
60
- className: "tita-export-btn"
61
- }, /*#__PURE__*/_react["default"].createElement("div", {
62
- className: "export-btn",
63
- style: {
64
- width: "".concat(width, "px"),
65
- height: "".concat(height, "px")
66
- },
67
- onClick: function onClick() {
68
- _onClick && _onClick();
69
- if (!popup) return;
70
- setIsVisible(true);
71
- }
72
- }, /*#__PURE__*/_react["default"].createElement("img", {
73
- src: require("../images/daoru.svg")
74
- }), " \u5BFC\u51FA"), popup && isVisible ? /*#__PURE__*/_react["default"].createElement("div", {
75
- className: "export-label",
76
- ref: wrapperRef
77
- }, popup) : null);
78
- };
79
-
80
- var _default = ExportBtn;
81
- exports["default"] = _default;