cloud-b2b 1.1.46 → 1.1.51
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/package.json +44 -22
- package/src/Area/Area.js +94 -0
- package/src/Card/Card.js +16 -0
- package/src/CodeInput/CodeInput.js +76 -0
- package/src/Control/Control.js +338 -0
- package/src/Control/event.js +45 -0
- package/src/Enhance/Dialogs.js +24 -0
- package/src/Enhance/Loading.js +83 -0
- package/{es → src}/Enhance/index.js +8 -6
- package/src/Header/Header.js +149 -0
- package/src/Header/Vertical.js +74 -0
- package/src/ImageView/ImageView.js +62 -0
- package/src/Indent/Indent.js +12 -0
- package/src/InpurCascader/InputCascader.js +83 -0
- package/src/InputEditor/InputEditor.js +93 -0
- package/src/InputSearch/InputSearch.js +186 -0
- package/src/InputSelect/InputSelect.js +103 -0
- package/src/InputTreeSelect/InputTreeSelect.js +87 -0
- package/src/InputTreeSelect/package.json +6 -0
- package/src/InputWriting/InputWriting.js +65 -0
- package/src/Layout/Layout.js +121 -0
- package/src/LayoutLink/LayoutLink.js +59 -0
- package/src/Link/Link.js +57 -0
- package/src/Loading/Loading.js +15 -0
- package/src/Loading2/Loading2.js +15 -0
- package/src/ModalWithDrag/ModalWithDrag.js +17 -0
- package/{es → src}/ModalWithDrag/drag.js +128 -116
- package/src/NumberInput/NumberInput.js +137 -0
- package/src/Search/Search.js +368 -0
- package/src/Sidebar/Sidebar.js +111 -0
- package/src/Sidebar2/Sidebar.js +143 -0
- package/src/SuperForm/SuperForm.js +516 -0
- package/src/SuperForm2/SuperForm.js +588 -0
- package/src/SuperIcon/SuperIcon.js +14 -0
- package/src/SuperPagination/SuperPagination.js +65 -0
- package/src/SuperTab/SuperTab.js +84 -0
- package/src/SuperTab2/SuperTab2.js +94 -0
- package/src/SuperTable/DragSortRow.js +62 -0
- package/src/SuperTable/FilterDropDown.js +111 -0
- package/src/SuperTable/SuperTable.js +590 -0
- package/src/SuperTable/fixed.js +34 -0
- package/src/SuperTable2/SuperTable2.js +600 -0
- package/src/SuperTable2/SuperTableCell.js +144 -0
- package/src/SuperTable3/FilterDropDown.js +111 -0
- package/src/SuperTable3/SuperTable.js +498 -0
- package/src/SuperTable3/fixed.js +34 -0
- package/src/SuperToolbar/SuperToolbar.js +128 -0
- package/src/SuperUpload/SuperUpload.js +137 -0
- package/src/Title/Title.js +18 -0
- package/src/Viewer/ImageViews.js +220 -0
- package/src/Viewer/Viewer.js +97 -0
- package/src/WingBlank/WingBlank.js +14 -0
- package/src/helper.js +185 -0
- package/{es → src}/history.js +6 -6
- package/src/index.js +38 -0
- package/src/variables.js +5 -0
- package/test/index.html +10 -0
- package/test/test.js +16 -0
- package/test/test.less +12 -0
- package/test/webpack.config.js +71 -0
- package/tools/babel.config.js +14 -0
- package/tools/build.js +70 -0
- package/tools/publish.js +9 -0
- package/tools/util.js +53 -0
- package/es/Area/Area.js +0 -141
- package/es/Card/Card.js +0 -19
- package/es/CodeInput/CodeInput.js +0 -123
- package/es/Control/Control.js +0 -437
- package/es/Control/event.js +0 -43
- package/es/Enhance/Dialogs.js +0 -52
- package/es/Enhance/Loading.js +0 -131
- package/es/Header/Header.js +0 -162
- package/es/Header/Vertical.js +0 -106
- package/es/ImageView/ImageView.js +0 -100
- package/es/Indent/Indent.js +0 -19
- package/es/InpurCascader/InputCascader.js +0 -109
- package/es/InputEditor/InputEditor.js +0 -114
- package/es/InputSearch/InputSearch.js +0 -266
- package/es/InputSelect/InputSelect.js +0 -160
- package/es/InputWriting/InputWriting.js +0 -85
- package/es/Layout/Layout.js +0 -201
- package/es/LayoutLink/LayoutLink.js +0 -73
- package/es/Link/Link.js +0 -85
- package/es/Loading/Loading.js +0 -13
- package/es/Loading2/Loading2.js +0 -9
- package/es/ModalWithDrag/ModalWithDrag.js +0 -29
- package/es/NumberInput/NumberInput.js +0 -200
- package/es/Search/Search.js +0 -485
- package/es/Sidebar/Sidebar.js +0 -144
- package/es/Sidebar2/Sidebar.js +0 -165
- package/es/SuperForm/SuperForm.js +0 -583
- package/es/SuperForm2/SuperForm.js +0 -677
- package/es/SuperIcon/SuperIcon.js +0 -27
- package/es/SuperPagination/SuperPagination.js +0 -109
- package/es/SuperTab/SuperTab.js +0 -107
- package/es/SuperTab2/SuperTab2.js +0 -145
- package/es/SuperTable/DragSortRow.js +0 -97
- package/es/SuperTable/FilterDropDown.js +0 -164
- package/es/SuperTable/SuperTable.js +0 -808
- package/es/SuperTable/fixed.js +0 -34
- package/es/SuperTable2/SuperTable2.js +0 -894
- package/es/SuperTable2/SuperTableCell.js +0 -198
- package/es/SuperTable3/FilterDropDown.js +0 -164
- package/es/SuperTable3/SuperTable.js +0 -665
- package/es/SuperTable3/fixed.js +0 -34
- package/es/SuperToolbar/SuperToolbar.js +0 -195
- package/es/SuperUpload/SuperUpload.js +0 -357
- package/es/Title/Title.js +0 -33
- package/es/Viewer/ImageViews.js +0 -258
- package/es/Viewer/Viewer.js +0 -122
- package/es/WingBlank/WingBlank.js +0 -16
- package/es/helper.js +0 -147
- package/es/index.js +0 -37
- package/es/variables.js +0 -4
- package/lib/Area/Area.js +0 -150
- package/lib/Area/package.json +0 -6
- package/lib/Card/Card.js +0 -28
- package/lib/Card/package.json +0 -6
- package/lib/CodeInput/CodeInput.js +0 -132
- package/lib/CodeInput/package.json +0 -6
- package/lib/Control/Control.js +0 -446
- package/lib/Control/event.js +0 -52
- package/lib/Control/package.json +0 -6
- package/lib/Enhance/Dialogs.js +0 -61
- package/lib/Enhance/Loading.js +0 -139
- package/lib/Enhance/index.js +0 -26
- package/lib/Enhance/package.json +0 -6
- package/lib/Header/Header.js +0 -170
- package/lib/Header/Header.less +0 -95
- package/lib/Header/Vertical.js +0 -115
- package/lib/Header/Vertical.less +0 -60
- package/lib/Header/package.json +0 -6
- package/lib/ImageView/ImageView.js +0 -109
- package/lib/ImageView/ImageView.less +0 -14
- package/lib/ImageView/package.json +0 -6
- package/lib/Indent/Indent.js +0 -28
- package/lib/Indent/package.json +0 -6
- package/lib/InpurCascader/InputCascader.js +0 -117
- package/lib/InpurCascader/package.json +0 -6
- package/lib/InputEditor/InputEditor.js +0 -123
- package/lib/InputEditor/inputEditor.less +0 -8
- package/lib/InputEditor/package.json +0 -6
- package/lib/InputSearch/InputSearch.js +0 -275
- package/lib/InputSearch/package.json +0 -6
- package/lib/InputSelect/InputSelect.js +0 -169
- package/lib/InputSelect/package.json +0 -6
- package/lib/InputWriting/InputWriting.js +0 -94
- package/lib/InputWriting/package.json +0 -6
- package/lib/Layout/Layout.js +0 -210
- package/lib/Layout/Layout.less +0 -28
- package/lib/Layout/package.json +0 -6
- package/lib/LayoutLink/LayoutLink.js +0 -87
- package/lib/LayoutLink/LayoutLink.less +0 -53
- package/lib/LayoutLink/package.json +0 -6
- package/lib/Link/Link.js +0 -94
- package/lib/Link/package.json +0 -6
- package/lib/Loading/Loading.js +0 -22
- package/lib/Loading/Loading.less +0 -13
- package/lib/Loading/package.json +0 -6
- package/lib/Loading2/Loading2.js +0 -18
- package/lib/Loading2/Loading2.less +0 -19
- package/lib/Loading2/package.json +0 -6
- package/lib/ModalWithDrag/ModalWithDrag.js +0 -38
- package/lib/ModalWithDrag/ModalWithDrag.less +0 -6
- package/lib/ModalWithDrag/drag.js +0 -125
- package/lib/ModalWithDrag/package.json +0 -6
- package/lib/NumberInput/NumberInput.js +0 -209
- package/lib/NumberInput/package.json +0 -6
- package/lib/Search/Search.js +0 -499
- package/lib/Search/Search.less +0 -63
- package/lib/Search/package.json +0 -6
- package/lib/Sidebar/Sidebar.js +0 -153
- package/lib/Sidebar/Sidebar.less +0 -78
- package/lib/Sidebar/package.json +0 -6
- package/lib/Sidebar2/Sidebar.js +0 -174
- package/lib/Sidebar2/Sidebar.less +0 -153
- package/lib/Sidebar2/package.json +0 -6
- package/lib/SuperForm/SuperForm.js +0 -596
- package/lib/SuperForm/SuperForm.less +0 -52
- package/lib/SuperForm/package.json +0 -6
- package/lib/SuperForm2/SuperForm.js +0 -690
- package/lib/SuperForm2/SuperForm.less +0 -52
- package/lib/SuperForm2/package.json +0 -6
- package/lib/SuperIcon/SuperIcon.js +0 -36
- package/lib/SuperIcon/package.json +0 -6
- package/lib/SuperPagination/SuperPagination.js +0 -118
- package/lib/SuperPagination/package.json +0 -6
- package/lib/SuperTab/SuperTab.js +0 -116
- package/lib/SuperTab/SuperTab.less +0 -43
- package/lib/SuperTab/package.json +0 -6
- package/lib/SuperTab2/SuperTab2.js +0 -154
- package/lib/SuperTab2/SuperTab2.less +0 -18
- package/lib/SuperTab2/package.json +0 -6
- package/lib/SuperTable/DragSortRow.js +0 -106
- package/lib/SuperTable/DragSortRow.less +0 -17
- package/lib/SuperTable/FilterDropDown.js +0 -173
- package/lib/SuperTable/FilterDropDown.less +0 -30
- package/lib/SuperTable/SuperTable.js +0 -817
- package/lib/SuperTable/SuperTable.less +0 -132
- package/lib/SuperTable/fixed.js +0 -43
- package/lib/SuperTable/package.json +0 -6
- package/lib/SuperTable2/SuperTable2.js +0 -908
- package/lib/SuperTable2/SuperTable2.less +0 -118
- package/lib/SuperTable2/SuperTableCell.js +0 -204
- package/lib/SuperTable2/package.json +0 -6
- package/lib/SuperTable3/FilterDropDown.js +0 -173
- package/lib/SuperTable3/FilterDropDown.less +0 -29
- package/lib/SuperTable3/SuperTable.js +0 -674
- package/lib/SuperTable3/SuperTable.less +0 -99
- package/lib/SuperTable3/fixed.js +0 -43
- package/lib/SuperTable3/package.json +0 -6
- package/lib/SuperToolbar/SuperToolbar.js +0 -204
- package/lib/SuperToolbar/SuperToolbar.less +0 -17
- package/lib/SuperToolbar/package.json +0 -6
- package/lib/SuperUpload/SuperUpload.js +0 -370
- package/lib/SuperUpload/SuperUpload.less +0 -28
- package/lib/SuperUpload/package.json +0 -6
- package/lib/Title/Title.js +0 -42
- package/lib/Title/Title.less +0 -35
- package/lib/Title/package.json +0 -6
- package/lib/Viewer/ImageViews.js +0 -267
- package/lib/Viewer/Viewer.js +0 -131
- package/lib/Viewer/Viewer.less +0 -67
- package/lib/Viewer/imgView.less +0 -59
- package/lib/Viewer/package.json +0 -7
- package/lib/WingBlank/WingBlank.js +0 -25
- package/lib/WingBlank/WingBlank.less +0 -12
- package/lib/WingBlank/package.json +0 -6
- package/lib/adjust.less +0 -89
- package/lib/helper.js +0 -163
- package/lib/history.js +0 -13
- package/lib/index.js +0 -271
- package/lib/index.less +0 -31
- package/lib/style.less +0 -30
- package/lib/variables.js +0 -12
- package/lib/variables.less +0 -73
- /package/{es → src}/Area/package.json +0 -0
- /package/{es → src}/Card/package.json +0 -0
- /package/{es → src}/CodeInput/package.json +0 -0
- /package/{es → src}/Control/package.json +0 -0
- /package/{es → src}/Enhance/package.json +0 -0
- /package/{es → src}/Header/Header.less +0 -0
- /package/{es → src}/Header/Vertical.less +0 -0
- /package/{es → src}/Header/package.json +0 -0
- /package/{es → src}/ImageView/ImageView.less +0 -0
- /package/{es → src}/ImageView/package.json +0 -0
- /package/{es → src}/Indent/package.json +0 -0
- /package/{es → src}/InpurCascader/package.json +0 -0
- /package/{es → src}/InputEditor/inputEditor.less +0 -0
- /package/{es → src}/InputEditor/package.json +0 -0
- /package/{es → src}/InputSearch/package.json +0 -0
- /package/{es → src}/InputSelect/package.json +0 -0
- /package/{es → src}/InputWriting/package.json +0 -0
- /package/{es → src}/Layout/Layout.less +0 -0
- /package/{es → src}/Layout/package.json +0 -0
- /package/{es → src}/LayoutLink/LayoutLink.less +0 -0
- /package/{es → src}/LayoutLink/package.json +0 -0
- /package/{es → src}/Link/package.json +0 -0
- /package/{es → src}/Loading/Loading.less +0 -0
- /package/{es → src}/Loading/package.json +0 -0
- /package/{es → src}/Loading2/Loading2.less +0 -0
- /package/{es → src}/Loading2/package.json +0 -0
- /package/{es → src}/ModalWithDrag/ModalWithDrag.less +0 -0
- /package/{es → src}/ModalWithDrag/package.json +0 -0
- /package/{es → src}/NumberInput/package.json +0 -0
- /package/{es → src}/Search/Search.less +0 -0
- /package/{es → src}/Search/package.json +0 -0
- /package/{es → src}/Sidebar/Sidebar.less +0 -0
- /package/{es → src}/Sidebar/package.json +0 -0
- /package/{es → src}/Sidebar2/Sidebar.less +0 -0
- /package/{es → src}/Sidebar2/package.json +0 -0
- /package/{es → src}/SuperForm/SuperForm.less +0 -0
- /package/{es → src}/SuperForm/package.json +0 -0
- /package/{es → src}/SuperForm2/SuperForm.less +0 -0
- /package/{es → src}/SuperForm2/package.json +0 -0
- /package/{es → src}/SuperIcon/package.json +0 -0
- /package/{es → src}/SuperPagination/package.json +0 -0
- /package/{es → src}/SuperTab/SuperTab.less +0 -0
- /package/{es → src}/SuperTab/package.json +0 -0
- /package/{es → src}/SuperTab2/SuperTab2.less +0 -0
- /package/{es → src}/SuperTab2/package.json +0 -0
- /package/{es → src}/SuperTable/DragSortRow.less +0 -0
- /package/{es → src}/SuperTable/FilterDropDown.less +0 -0
- /package/{es → src}/SuperTable/SuperTable.less +0 -0
- /package/{es → src}/SuperTable/package.json +0 -0
- /package/{es → src}/SuperTable2/SuperTable2.less +0 -0
- /package/{es → src}/SuperTable2/package.json +0 -0
- /package/{es → src}/SuperTable3/FilterDropDown.less +0 -0
- /package/{es → src}/SuperTable3/SuperTable.less +0 -0
- /package/{es → src}/SuperTable3/package.json +0 -0
- /package/{es → src}/SuperToolbar/SuperToolbar.less +0 -0
- /package/{es → src}/SuperToolbar/package.json +0 -0
- /package/{es → src}/SuperUpload/SuperUpload.less +0 -0
- /package/{es → src}/SuperUpload/package.json +0 -0
- /package/{es → src}/Title/Title.less +0 -0
- /package/{es → src}/Title/package.json +0 -0
- /package/{es → src}/Viewer/Viewer.less +0 -0
- /package/{es → src}/Viewer/imgView.less +0 -0
- /package/{es → src}/Viewer/package.json +0 -0
- /package/{es → src}/WingBlank/WingBlank.less +0 -0
- /package/{es → src}/WingBlank/package.json +0 -0
- /package/{es → src}/adjust.less +0 -0
- /package/{es → src}/style.less +0 -0
- /package/{es → src}/variables.less +0 -0
package/lib/Enhance/Loading.js
DELETED
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
|
|
4
|
-
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
|
5
|
-
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
|
|
6
|
-
var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
|
7
|
-
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
|
9
|
-
var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
|
|
10
|
-
var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
|
|
11
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
12
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
13
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
14
|
-
value: true
|
|
15
|
-
});
|
|
16
|
-
exports["default"] = void 0;
|
|
17
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
18
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
|
|
19
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
|
|
20
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
|
|
21
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
|
|
22
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
|
|
23
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
|
|
24
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
25
|
-
var _react = _interopRequireDefault(require("react"));
|
|
26
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
27
|
-
var _Loading = _interopRequireDefault(require("../Loading"));
|
|
28
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
29
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
30
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
31
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
32
|
-
var STATUS = ['loadingWithInit',
|
|
33
|
-
// 显示加载画面,并自动触发onInit事件,默认值
|
|
34
|
-
'loading',
|
|
35
|
-
// 显示加载画面
|
|
36
|
-
'retry',
|
|
37
|
-
// 显示重试画面
|
|
38
|
-
'retryForHome',
|
|
39
|
-
// 显示重试画面(触发onInit时,home参数为true)
|
|
40
|
-
'page' // 显示正常的页面(表明页面状态已经初始化好)
|
|
41
|
-
];
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
* status: [可选], 当前状态。默认为loadingWithInit
|
|
45
|
-
* home: [可选],为true表明接受首页触发的事件。默认为false
|
|
46
|
-
* onInit: [可选],原型为func(home),home为true表明初始化是来源首页
|
|
47
|
-
* onRefreshForHome:[可选],检测到来至首页时会触发该事件,原型为func()
|
|
48
|
-
*/
|
|
49
|
-
var Enhance = function Enhance(Component) {
|
|
50
|
-
var _class;
|
|
51
|
-
return _class = /*#__PURE__*/function (_React$Component) {
|
|
52
|
-
(0, _inherits2["default"])(_class, _React$Component);
|
|
53
|
-
var _super = _createSuper(_class);
|
|
54
|
-
function _class() {
|
|
55
|
-
var _context;
|
|
56
|
-
var _this;
|
|
57
|
-
(0, _classCallCheck2["default"])(this, _class);
|
|
58
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
59
|
-
args[_key] = arguments[_key];
|
|
60
|
-
}
|
|
61
|
-
_this = _super.call.apply(_super, (0, _concat["default"])(_context = [this]).call(_context, args));
|
|
62
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "triggerEvent", function () {
|
|
63
|
-
if (!global.isServer) {
|
|
64
|
-
var _this$props = _this.props,
|
|
65
|
-
_this$props$status = _this$props.status,
|
|
66
|
-
status = _this$props$status === void 0 ? 'loadingWithInit' : _this$props$status,
|
|
67
|
-
home = _this$props.home,
|
|
68
|
-
onInit = _this$props.onInit,
|
|
69
|
-
onRefreshForHome = _this$props.onRefreshForHome;
|
|
70
|
-
if (!home) {
|
|
71
|
-
if (status === 'loadingWithInit') {
|
|
72
|
-
onInit && onInit(false);
|
|
73
|
-
}
|
|
74
|
-
} else {
|
|
75
|
-
var __home = global['__home'];
|
|
76
|
-
global['__home'] && (global['__home'] = false);
|
|
77
|
-
if (status === 'loadingWithInit') {
|
|
78
|
-
onInit && onInit(__home);
|
|
79
|
-
} else if (__home) {
|
|
80
|
-
if (status === 'page') {
|
|
81
|
-
onRefreshForHome && onRefreshForHome();
|
|
82
|
-
} else if (status !== 'loading') {
|
|
83
|
-
onInit && onInit(__home);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
});
|
|
89
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRetry", function () {
|
|
90
|
-
var _this$props2 = _this.props,
|
|
91
|
-
status = _this$props2.status,
|
|
92
|
-
onInit = _this$props2.onInit;
|
|
93
|
-
onInit && onInit(status === 'retryForHome');
|
|
94
|
-
});
|
|
95
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getPageProps", function () {
|
|
96
|
-
var props = _objectSpread({}, _this.props);
|
|
97
|
-
delete props.status;
|
|
98
|
-
delete props.home;
|
|
99
|
-
delete props.onInit;
|
|
100
|
-
delete props.onRefreshForHome;
|
|
101
|
-
return props;
|
|
102
|
-
});
|
|
103
|
-
return _this;
|
|
104
|
-
}
|
|
105
|
-
(0, _createClass2["default"])(_class, [{
|
|
106
|
-
key: "componentDidMount",
|
|
107
|
-
value: function componentDidMount() {
|
|
108
|
-
this.triggerEvent();
|
|
109
|
-
}
|
|
110
|
-
}, {
|
|
111
|
-
key: "componentDidUpdate",
|
|
112
|
-
value: function componentDidUpdate() {
|
|
113
|
-
this.triggerEvent();
|
|
114
|
-
}
|
|
115
|
-
}, {
|
|
116
|
-
key: "render",
|
|
117
|
-
value: function render() {
|
|
118
|
-
var status = this.props.status;
|
|
119
|
-
if (status !== 'page') {
|
|
120
|
-
var retry = status === 'retry' || status === 'retryForHome';
|
|
121
|
-
return /*#__PURE__*/_react["default"].createElement(_Loading["default"], {
|
|
122
|
-
retry: retry,
|
|
123
|
-
onRetry: this.onRetry
|
|
124
|
-
});
|
|
125
|
-
} else {
|
|
126
|
-
return /*#__PURE__*/_react["default"].createElement(Component, this.getPageProps());
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
}]);
|
|
130
|
-
return _class;
|
|
131
|
-
}(_react["default"].Component), (0, _defineProperty2["default"])(_class, "propTypes", {
|
|
132
|
-
status: _propTypes["default"].oneOf(STATUS),
|
|
133
|
-
home: _propTypes["default"].bool,
|
|
134
|
-
onInit: _propTypes["default"].func,
|
|
135
|
-
onRefreshForHome: _propTypes["default"].func
|
|
136
|
-
}), _class;
|
|
137
|
-
};
|
|
138
|
-
var _default = Enhance;
|
|
139
|
-
exports["default"] = _default;
|
package/lib/Enhance/index.js
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
5
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
_Object$defineProperty(exports, "EnhanceDialogs", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function get() {
|
|
11
|
-
return _Dialogs["default"];
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
exports.EnhanceEditDialog = void 0;
|
|
15
|
-
_Object$defineProperty(exports, "EnhanceLoading", {
|
|
16
|
-
enumerable: true,
|
|
17
|
-
get: function get() {
|
|
18
|
-
return _Loading["default"];
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
var _Loading = _interopRequireDefault(require("./Loading"));
|
|
22
|
-
var _Dialogs = _interopRequireDefault(require("./Dialogs"));
|
|
23
|
-
var EnhanceEditDialog = function EnhanceEditDialog(Container, EditDialog) {
|
|
24
|
-
return (0, _Dialogs["default"])(Container, ['edit'], [EditDialog]);
|
|
25
|
-
};
|
|
26
|
-
exports.EnhanceEditDialog = EnhanceEditDialog;
|
package/lib/Enhance/package.json
DELETED
package/lib/Header/Header.js
DELETED
|
@@ -1,170 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
|
|
4
|
-
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
|
5
|
-
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
|
|
6
|
-
var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
|
7
|
-
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
|
9
|
-
var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
|
|
10
|
-
var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
|
|
11
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
12
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
13
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
14
|
-
value: true
|
|
15
|
-
});
|
|
16
|
-
exports["default"] = void 0;
|
|
17
|
-
var _dropdown = _interopRequireDefault(require("antd/lib/dropdown"));
|
|
18
|
-
var _badge = _interopRequireDefault(require("antd/lib/badge"));
|
|
19
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
|
|
20
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
|
|
21
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
|
|
22
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
|
|
23
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
|
|
24
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
|
|
25
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
26
|
-
var _menu = _interopRequireDefault(require("antd/lib/menu"));
|
|
27
|
-
var _react = _interopRequireDefault(require("react"));
|
|
28
|
-
var _Link = _interopRequireDefault(require("../Link"));
|
|
29
|
-
var _SuperIcon = _interopRequireDefault(require("../SuperIcon"));
|
|
30
|
-
var _helper = _interopRequireDefault(require("../helper"));
|
|
31
|
-
var _Vertical = _interopRequireDefault(require("./Vertical"));
|
|
32
|
-
var _variables = _interopRequireDefault(require("../variables"));
|
|
33
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
34
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
35
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
36
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
37
|
-
var MenuItem = _menu["default"].Item;
|
|
38
|
-
var Header = /*#__PURE__*/function (_React$Component) {
|
|
39
|
-
(0, _inherits2["default"])(Header, _React$Component);
|
|
40
|
-
var _super = _createSuper(Header);
|
|
41
|
-
function Header(_props) {
|
|
42
|
-
var _this;
|
|
43
|
-
(0, _classCallCheck2["default"])(this, Header);
|
|
44
|
-
_this = _super.call(this, _props);
|
|
45
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toLogo", function () {
|
|
46
|
-
var img = _this.props.logoImg || '/logo.png';
|
|
47
|
-
var props = _this.getLinkProps('home', _this.state['main'] || _this.props.homeUrl || '/', {
|
|
48
|
-
role: 'logo'
|
|
49
|
-
});
|
|
50
|
-
return /*#__PURE__*/_react["default"].createElement(_Link["default"], props, /*#__PURE__*/_react["default"].createElement("img", {
|
|
51
|
-
src: img,
|
|
52
|
-
alt: "logo"
|
|
53
|
-
}));
|
|
54
|
-
});
|
|
55
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toIcon", function (type) {
|
|
56
|
-
var style = {
|
|
57
|
-
fontSize: 18,
|
|
58
|
-
verticalAlign: 'middle'
|
|
59
|
-
};
|
|
60
|
-
return /*#__PURE__*/_react["default"].createElement(_SuperIcon["default"], {
|
|
61
|
-
type: type,
|
|
62
|
-
style: style
|
|
63
|
-
});
|
|
64
|
-
});
|
|
65
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getLinkProps", function (key, url) {
|
|
66
|
-
var props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
67
|
-
return _objectSpread(_objectSpread({}, props), {}, {
|
|
68
|
-
to: url,
|
|
69
|
-
'data-role': 'block',
|
|
70
|
-
'data-active': _this.props.selectKey === key ? 'true' : null
|
|
71
|
-
});
|
|
72
|
-
});
|
|
73
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toSetting", function (settingUrl) {
|
|
74
|
-
if (settingUrl) {
|
|
75
|
-
var props = _this.getLinkProps('setting', _this.state['setting'] || settingUrl);
|
|
76
|
-
return /*#__PURE__*/_react["default"].createElement(_Link["default"], props, _this.toIcon('pld-setting'));
|
|
77
|
-
} else {
|
|
78
|
-
return null;
|
|
79
|
-
}
|
|
80
|
-
});
|
|
81
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toMessage", function (messageUrl) {
|
|
82
|
-
var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
83
|
-
if (messageUrl) {
|
|
84
|
-
var props = _this.getLinkProps('message', _this.state['message'] || messageUrl);
|
|
85
|
-
var msgProps = {
|
|
86
|
-
overflowCount: 99,
|
|
87
|
-
title: "\u60A8\u6709".concat(count, "\u6761\u672A\u8BFB\u6D88\u606F"),
|
|
88
|
-
count: count
|
|
89
|
-
};
|
|
90
|
-
return /*#__PURE__*/_react["default"].createElement(_Link["default"], props, /*#__PURE__*/_react["default"].createElement("span", {
|
|
91
|
-
role: "message"
|
|
92
|
-
}, /*#__PURE__*/_react["default"].createElement(_badge["default"], msgProps, _this.toIcon('pld-xiaoxi'))));
|
|
93
|
-
} else {
|
|
94
|
-
return null;
|
|
95
|
-
}
|
|
96
|
-
});
|
|
97
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onMenuItemClick", function (_ref) {
|
|
98
|
-
var key = _ref.key;
|
|
99
|
-
var onMenuClick = _this.props.onMenuClick;
|
|
100
|
-
onMenuClick && onMenuClick(key);
|
|
101
|
-
});
|
|
102
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "menu", function (hasImport) {
|
|
103
|
-
return /*#__PURE__*/_react["default"].createElement(_menu["default"], {
|
|
104
|
-
className: (0, _variables["default"])('Header').menu,
|
|
105
|
-
onClick: _this.onMenuItemClick
|
|
106
|
-
}, /*#__PURE__*/_react["default"].createElement(MenuItem, {
|
|
107
|
-
key: "person"
|
|
108
|
-
}, "\u4E2A\u4EBA\u4FE1\u606F"), hasImport ? /*#__PURE__*/_react["default"].createElement(MenuItem, {
|
|
109
|
-
key: "mode"
|
|
110
|
-
}, "\u5BFC\u5165\u6A21\u677F") : null, /*#__PURE__*/_react["default"].createElement(MenuItem, {
|
|
111
|
-
key: "modify"
|
|
112
|
-
}, "\u4FEE\u6539\u5BC6\u7801"));
|
|
113
|
-
});
|
|
114
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "avatar", function (hasImport) {
|
|
115
|
-
return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
|
|
116
|
-
placement: "bottomRight",
|
|
117
|
-
overlay: _this.menu(hasImport)
|
|
118
|
-
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
119
|
-
"data-role": "avatar",
|
|
120
|
-
style: {
|
|
121
|
-
cursor: 'pointer'
|
|
122
|
-
}
|
|
123
|
-
}, _this.toIcon(_this.props.userIcon)));
|
|
124
|
-
});
|
|
125
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toPerson", function () {
|
|
126
|
-
var hasImport = _this.props.hasImport || true;
|
|
127
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
128
|
-
role: "person"
|
|
129
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null), _this.avatar(hasImport), /*#__PURE__*/_react["default"].createElement("span", null, _this.props.userName));
|
|
130
|
-
});
|
|
131
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toLogout", function () {
|
|
132
|
-
var props = {
|
|
133
|
-
to: _this.props.loginUrl,
|
|
134
|
-
'data-role': 'block',
|
|
135
|
-
onClick: _this.props.onLogout()
|
|
136
|
-
};
|
|
137
|
-
return /*#__PURE__*/_react["default"].createElement(_Link["default"], props, _this.toIcon('logout'), /*#__PURE__*/_react["default"].createElement("span", null, "\u9000\u51FA"));
|
|
138
|
-
});
|
|
139
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toTail", function () {
|
|
140
|
-
var _this$props = _this.props,
|
|
141
|
-
settingUrl = _this$props.settingUrl,
|
|
142
|
-
messageUrl = _this$props.messageUrl,
|
|
143
|
-
messageCount = _this$props.messageCount;
|
|
144
|
-
return /*#__PURE__*/_react["default"].createElement("span", null, _this.toSetting(settingUrl), _this.toMessage(messageUrl, messageCount), _this.toPerson(), _this.toLogout());
|
|
145
|
-
});
|
|
146
|
-
if (_props.selectUrl) {
|
|
147
|
-
_this.state = (0, _defineProperty2["default"])({}, _props.selectKey, _props.selectUrl);
|
|
148
|
-
}
|
|
149
|
-
return _this;
|
|
150
|
-
}
|
|
151
|
-
(0, _createClass2["default"])(Header, [{
|
|
152
|
-
key: "componentWillReceiveProps",
|
|
153
|
-
value: function componentWillReceiveProps(props) {
|
|
154
|
-
if (props.selectUrl) {
|
|
155
|
-
this.setState((0, _defineProperty2["default"])({}, props.selectKey, props.selectUrl));
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
|
-
}, {
|
|
159
|
-
key: "render",
|
|
160
|
-
value: function render() {
|
|
161
|
-
return /*#__PURE__*/_react["default"].createElement("header", {
|
|
162
|
-
className: (0, _variables["default"])('Header')
|
|
163
|
-
}, this.toLogo(), this.toTail());
|
|
164
|
-
}
|
|
165
|
-
}]);
|
|
166
|
-
return Header;
|
|
167
|
-
}(_react["default"].Component);
|
|
168
|
-
(0, _defineProperty2["default"])(Header, "Vertical", _Vertical["default"]);
|
|
169
|
-
var _default = Header;
|
|
170
|
-
exports["default"] = _default;
|
package/lib/Header/Header.less
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
@import '../variables.less';
|
|
2
|
-
|
|
3
|
-
.@{cloudlink-prefix}-Header {
|
|
4
|
-
height: @header-height;
|
|
5
|
-
color: @header-color;
|
|
6
|
-
background-color: #000717;
|
|
7
|
-
font-size: @header-font-size;
|
|
8
|
-
line-height: @header-height;
|
|
9
|
-
|
|
10
|
-
> * {
|
|
11
|
-
display: inline-block;
|
|
12
|
-
text-align: center;
|
|
13
|
-
vertical-align: top;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
> div:first-child {
|
|
17
|
-
margin-left: 20px;
|
|
18
|
-
|
|
19
|
-
> img {
|
|
20
|
-
width: 130px;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
> :last-child {
|
|
25
|
-
float: right;
|
|
26
|
-
margin-right: 15px;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
[role='person'] {
|
|
30
|
-
display: inline-block;
|
|
31
|
-
height: 40px;
|
|
32
|
-
|
|
33
|
-
>:first-child {
|
|
34
|
-
display: inline-block;
|
|
35
|
-
border-left: 1px solid white;
|
|
36
|
-
height: 14px;
|
|
37
|
-
vertical-align: middle;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
> i {
|
|
41
|
-
margin: 8px;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
> span {
|
|
45
|
-
font-size: 14px;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
[data-role='block'] {
|
|
50
|
-
display: inline-block;
|
|
51
|
-
padding-left: 10px;
|
|
52
|
-
padding-right: 10px;
|
|
53
|
-
color: @header-color;
|
|
54
|
-
height: 40px;
|
|
55
|
-
|
|
56
|
-
> span:last-child {
|
|
57
|
-
font-size: 14px;
|
|
58
|
-
margin-left: 5px;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
&:hover,
|
|
62
|
-
&[data-active] {
|
|
63
|
-
background-color: @header-hover-bg;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
[data-role='avatar'] {
|
|
68
|
-
display: inline-block;
|
|
69
|
-
padding-left: 15px;
|
|
70
|
-
padding-right: 15px;
|
|
71
|
-
color: @header-color;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
:global {
|
|
75
|
-
.ant-badge-count {
|
|
76
|
-
box-shadow: none;
|
|
77
|
-
padding: 0 6px;
|
|
78
|
-
top: -2px;
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
.menu {
|
|
82
|
-
:global {
|
|
83
|
-
.ant-dropdown-menu-item {
|
|
84
|
-
padding: 8px 20px;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.ant-dropdown-menu-item-group-title {
|
|
88
|
-
padding: 6px 20px;
|
|
89
|
-
color: #333;
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
|
package/lib/Header/Vertical.js
DELETED
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
|
|
4
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
6
|
-
_Object$defineProperty(exports, "__esModule", {
|
|
7
|
-
value: true
|
|
8
|
-
});
|
|
9
|
-
exports["default"] = void 0;
|
|
10
|
-
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
11
|
-
var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
|
|
12
|
-
var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
|
|
13
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
14
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
|
|
15
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
|
|
16
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
|
|
17
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
|
|
18
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
|
|
19
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
|
|
20
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
21
|
-
var _react = _interopRequireDefault(require("react"));
|
|
22
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
23
|
-
var _Link = _interopRequireDefault(require("../Link"));
|
|
24
|
-
var _SuperIcon = _interopRequireDefault(require("../SuperIcon"));
|
|
25
|
-
var _variables = _interopRequireDefault(require("../variables"));
|
|
26
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
27
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
28
|
-
var ITEM_TYPE = {
|
|
29
|
-
key: _propTypes["default"].string.isRequired,
|
|
30
|
-
href: _propTypes["default"].string.isRequired,
|
|
31
|
-
title: _propTypes["default"].string.isRequired,
|
|
32
|
-
icon: _propTypes["default"].string.isRequired
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
/**
|
|
36
|
-
* selectKey: 选中的key
|
|
37
|
-
* url:url优先级高于item中的href
|
|
38
|
-
*/
|
|
39
|
-
var Vertical = /*#__PURE__*/function (_React$Component) {
|
|
40
|
-
(0, _inherits2["default"])(Vertical, _React$Component);
|
|
41
|
-
var _super = _createSuper(Vertical);
|
|
42
|
-
function Vertical() {
|
|
43
|
-
var _context;
|
|
44
|
-
var _this;
|
|
45
|
-
(0, _classCallCheck2["default"])(this, Vertical);
|
|
46
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
47
|
-
args[_key] = arguments[_key];
|
|
48
|
-
}
|
|
49
|
-
_this = _super.call.apply(_super, (0, _concat["default"])(_context = [this]).call(_context, args));
|
|
50
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
|
|
51
|
-
id: ''
|
|
52
|
-
});
|
|
53
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isSelect", function (item) {
|
|
54
|
-
return item.key === _this.props.selectKey;
|
|
55
|
-
});
|
|
56
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getUrl", function (item) {
|
|
57
|
-
return _this.props.url[item.key] || item.href;
|
|
58
|
-
});
|
|
59
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (selectKey) {
|
|
60
|
-
_this.props.onSelectKey && _this.props.onSelectKey(selectKey);
|
|
61
|
-
if (_this.state.id) {
|
|
62
|
-
clearTimeout(_this.state.id);
|
|
63
|
-
}
|
|
64
|
-
_this.setState({
|
|
65
|
-
id: (0, _setTimeout2["default"])(function () {
|
|
66
|
-
_this.setState({
|
|
67
|
-
id: ''
|
|
68
|
-
});
|
|
69
|
-
}, 500)
|
|
70
|
-
});
|
|
71
|
-
});
|
|
72
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toItem", function (item) {
|
|
73
|
-
if (!item.jumpOut) {
|
|
74
|
-
var _context2;
|
|
75
|
-
return /*#__PURE__*/_react["default"].createElement(_Link["default"], {
|
|
76
|
-
key: item.key,
|
|
77
|
-
to: _this.getUrl(item),
|
|
78
|
-
"data-select": _this.isSelect(item),
|
|
79
|
-
onClick: (0, _bind["default"])(_context2 = _this.onClick).call(_context2, null, item.key)
|
|
80
|
-
}, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_SuperIcon["default"], {
|
|
81
|
-
type: item.icon
|
|
82
|
-
})), /*#__PURE__*/_react["default"].createElement("span", null, item.title));
|
|
83
|
-
} else {
|
|
84
|
-
var props = {
|
|
85
|
-
key: item.key,
|
|
86
|
-
href: item.href,
|
|
87
|
-
target: '_blank'
|
|
88
|
-
};
|
|
89
|
-
return /*#__PURE__*/_react["default"].createElement("a", props, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_SuperIcon["default"], {
|
|
90
|
-
type: item.icon
|
|
91
|
-
})), /*#__PURE__*/_react["default"].createElement("span", null, item.title));
|
|
92
|
-
}
|
|
93
|
-
});
|
|
94
|
-
return _this;
|
|
95
|
-
}
|
|
96
|
-
(0, _createClass2["default"])(Vertical, [{
|
|
97
|
-
key: "render",
|
|
98
|
-
value: function render() {
|
|
99
|
-
var _context3;
|
|
100
|
-
return /*#__PURE__*/_react["default"].createElement("header", {
|
|
101
|
-
className: (0, _variables["default"])('Vertical'),
|
|
102
|
-
"data-click": !!this.state.id
|
|
103
|
-
}, (0, _map["default"])(_context3 = this.props.items).call(_context3, this.toItem));
|
|
104
|
-
}
|
|
105
|
-
}]);
|
|
106
|
-
return Vertical;
|
|
107
|
-
}(_react["default"].Component);
|
|
108
|
-
(0, _defineProperty2["default"])(Vertical, "propTypes", {
|
|
109
|
-
selectKey: _propTypes["default"].string,
|
|
110
|
-
url: _propTypes["default"].object,
|
|
111
|
-
items: _propTypes["default"].arrayOf(_propTypes["default"].shape(ITEM_TYPE)),
|
|
112
|
-
onSelectKey: _propTypes["default"].func
|
|
113
|
-
});
|
|
114
|
-
var _default = Vertical;
|
|
115
|
-
exports["default"] = _default;
|
package/lib/Header/Vertical.less
DELETED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
@import '../variables.less';
|
|
2
|
-
|
|
3
|
-
@width: @header-height;
|
|
4
|
-
@height: 40px;
|
|
5
|
-
|
|
6
|
-
.@{cloudlink-prefix}-Vertical {
|
|
7
|
-
position: relative;
|
|
8
|
-
z-index: 100;
|
|
9
|
-
background: #000717;
|
|
10
|
-
width: @width;
|
|
11
|
-
height: ~'calc(100vh - @{header-height})';
|
|
12
|
-
transition: width 0.4s;
|
|
13
|
-
|
|
14
|
-
> a {
|
|
15
|
-
display: block;
|
|
16
|
-
height: @height;
|
|
17
|
-
color: white;
|
|
18
|
-
overflow: hidden;
|
|
19
|
-
white-space: nowrap;
|
|
20
|
-
transition: none;
|
|
21
|
-
|
|
22
|
-
> :first-child {
|
|
23
|
-
display: inline-block;
|
|
24
|
-
vertical-align: top;
|
|
25
|
-
width: @width;
|
|
26
|
-
line-height: @height;
|
|
27
|
-
text-align: center;
|
|
28
|
-
font-size: 16px;
|
|
29
|
-
padding-top: 1px;
|
|
30
|
-
color: #d3eafd;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
> :last-child {
|
|
34
|
-
line-height: @height;
|
|
35
|
-
font-size: 14px;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
&:hover > :first-child {
|
|
39
|
-
color: white;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
&[data-select='true'] {
|
|
43
|
-
background: @primary-color;
|
|
44
|
-
color: white;
|
|
45
|
-
|
|
46
|
-
> :first-child {
|
|
47
|
-
color: white;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
&:hover {
|
|
53
|
-
width: @width + @sidebar-width;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
&[data-click='true'] {
|
|
57
|
-
width: @width;
|
|
58
|
-
transition: none;
|
|
59
|
-
}
|
|
60
|
-
}
|