tplus-components-touch 3.54.1 → 3.55.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/cloudPrint/printTemplate/template.js +52 -0
- package/dist/components/cloudPrint/printTemplate/template.js.map +1 -0
- package/dist/components/commonForm/addressPicker/index.js +255 -0
- package/dist/components/commonForm/addressPicker/index.js.map +1 -0
- package/dist/components/commonForm/autoComplete/index.js +260 -0
- package/dist/components/commonForm/autoComplete/index.js.map +1 -0
- package/dist/components/commonForm/datePicker/index.js +92 -0
- package/dist/components/commonForm/datePicker/index.js.map +1 -0
- package/dist/components/commonForm/formControl/index.js +144 -0
- package/dist/components/commonForm/formControl/index.js.map +1 -0
- package/dist/components/commonForm/index.js +231 -0
- package/dist/components/commonForm/index.js.map +1 -0
- package/dist/components/commonForm/inputNumber/index.js +272 -0
- package/dist/components/commonForm/inputNumber/index.js.map +1 -0
- package/dist/components/commonForm/radio/index.js +132 -0
- package/dist/components/commonForm/radio/index.js.map +1 -0
- package/dist/components/deliverySearch/api.js +355 -0
- package/dist/components/deliverySearch/api.js.map +1 -0
- package/dist/components/deliverySearch/index.js +1222 -0
- package/dist/components/deliverySearch/index.js.map +1 -0
- package/dist/components/form/index.js +310 -0
- package/dist/components/form/index.js.map +1 -0
- package/dist/components/hardwareAPI/index.js +215 -0
- package/dist/components/hardwareAPI/index.js.map +1 -0
- package/dist/components/hotKey/config.js +306 -0
- package/dist/components/hotKey/config.js.map +1 -0
- package/dist/components/hotKey/hotKeyModal.js +479 -0
- package/dist/components/hotKey/hotKeyModal.js.map +1 -0
- package/dist/components/hotKey/index.js +795 -0
- package/dist/components/hotKey/index.js.map +1 -0
- package/dist/components/hotKey/localConfig.js +1216 -0
- package/dist/components/hotKey/localConfig.js.map +1 -0
- package/dist/components/hotKey/utils.js +135 -0
- package/dist/components/hotKey/utils.js.map +1 -0
- package/dist/components/input/index.js +254 -0
- package/dist/components/input/index.js.map +1 -0
- package/dist/components/input/scanInput.js +98 -0
- package/dist/components/input/scanInput.js.map +1 -0
- package/dist/components/input/tplusInput/index.js +81 -0
- package/dist/components/input/tplusInput/index.js.map +1 -0
- package/dist/components/input/tplusInput/inputContent.js +128 -0
- package/dist/components/input/tplusInput/inputContent.js.map +1 -0
- package/dist/components/input/tplusInput/inputs.js +151 -0
- package/dist/components/input/tplusInput/inputs.js.map +1 -0
- package/dist/components/input/utils/index.js +26 -0
- package/dist/components/input/utils/index.js.map +1 -0
- package/dist/components/inventorySearch/api.js +214 -0
- package/dist/components/inventorySearch/api.js.map +1 -0
- package/dist/components/inventorySearch/index.js +303 -0
- package/dist/components/inventorySearch/index.js.map +1 -0
- package/dist/components/inventorySearch/store.js +363 -0
- package/dist/components/inventorySearch/store.js.map +1 -0
- package/dist/components/inventorySearch/tab.js +280 -0
- package/dist/components/inventorySearch/tab.js.map +1 -0
- package/dist/components/keyboard/index.js +259 -0
- package/dist/components/keyboard/index.js.map +1 -0
- package/dist/components/keyboard/letterKeyboard.js +227 -0
- package/dist/components/keyboard/letterKeyboard.js.map +1 -0
- package/dist/components/keyboard/numKeyboard.js +469 -0
- package/dist/components/keyboard/numKeyboard.js.map +1 -0
- package/dist/components/keyboard/numKeyboardScan.js +208 -0
- package/dist/components/keyboard/numKeyboardScan.js.map +1 -0
- package/dist/components/keyboard/numberButton_input.js +305 -0
- package/dist/components/keyboard/numberButton_input.js.map +1 -0
- package/dist/components/keyboard/numkeyboardPassword.js +477 -0
- package/dist/components/keyboard/numkeyboardPassword.js.map +1 -0
- package/dist/components/keyboard/onlyKeyboard.js +90 -0
- package/dist/components/keyboard/onlyKeyboard.js.map +1 -0
- package/dist/components/keyboard/onlyLetterButton.js +187 -0
- package/dist/components/keyboard/onlyLetterButton.js.map +1 -0
- package/dist/components/keyboard/onlyLetterButton2.js +235 -0
- package/dist/components/keyboard/onlyLetterButton2.js.map +1 -0
- package/dist/components/keyboard/onlyNumberButton.js +128 -0
- package/dist/components/keyboard/onlyNumberButton.js.map +1 -0
- package/dist/components/keyboard/onlyNumberButton2.js +115 -0
- package/dist/components/keyboard/onlyNumberButton2.js.map +1 -0
- package/dist/components/keyboard/textKeyboard.js +50 -0
- package/dist/components/keyboard/textKeyboard.js.map +1 -0
- package/dist/components/layout/hamburger.js +29 -0
- package/dist/components/layout/hamburger.js.map +1 -0
- package/dist/components/layout/index.js +31 -0
- package/dist/components/layout/index.js.map +1 -0
- package/dist/components/layout/layout.js +182 -0
- package/dist/components/layout/layout.js.map +1 -0
- package/dist/components/layout/sider.js +167 -0
- package/dist/components/layout/sider.js.map +1 -0
- package/dist/components/loading/index.js +198 -0
- package/dist/components/loading/index.js.map +1 -0
- package/dist/components/loading/loadingContent.js +188 -0
- package/dist/components/loading/loadingContent.js.map +1 -0
- package/dist/components/loading/utils.js +29 -0
- package/dist/components/loading/utils.js.map +1 -0
- package/dist/components/message/index.js +309 -0
- package/dist/components/message/index.js.map +1 -0
- package/dist/components/modal/index.js +93 -0
- package/dist/components/modal/index.js.map +1 -0
- package/dist/components/modalVertical/index.js +325 -0
- package/dist/components/modalVertical/index.js.map +1 -0
- package/dist/components/modalWraper/index.js +485 -0
- package/dist/components/modalWraper/index.js.map +1 -0
- package/dist/components/modalWraper/utils.js +48 -0
- package/dist/components/modalWraper/utils.js.map +1 -0
- package/dist/components/notification/index.js +118 -0
- package/dist/components/notification/index.js.map +1 -0
- package/dist/components/overflowTip/index.js +269 -0
- package/dist/components/overflowTip/index.js.map +1 -0
- package/dist/components/page/index.js +49 -0
- package/dist/components/page/index.js.map +1 -0
- package/dist/components/presale/pickup.js +479 -0
- package/dist/components/presale/pickup.js.map +1 -0
- package/dist/components/product/detail.js +148 -0
- package/dist/components/product/detail.js.map +1 -0
- package/dist/components/product/getCard.js +145 -0
- package/dist/components/product/getCard.js.map +1 -0
- package/dist/components/progressState/EmptyAndErrorView.js +142 -0
- package/dist/components/progressState/EmptyAndErrorView.js.map +1 -0
- package/dist/components/progressState/ProgressState.js +158 -0
- package/dist/components/progressState/ProgressState.js.map +1 -0
- package/dist/components/progressState/index.js +14 -0
- package/dist/components/progressState/index.js.map +1 -0
- package/dist/components/scan/index.js +219 -0
- package/dist/components/scan/index.js.map +1 -0
- package/dist/components/select/index.js +28 -0
- package/dist/components/select/index.js.map +1 -0
- package/dist/components/settlement/asyncModal.js +207 -0
- package/dist/components/settlement/asyncModal.js.map +1 -0
- package/dist/components/settlement/index.js +25 -0
- package/dist/components/settlement/index.js.map +1 -0
- package/dist/components/settlement/moreCzkTable/index.js +156 -0
- package/dist/components/settlement/moreCzkTable/index.js.map +1 -0
- package/dist/components/settlement/prototypeTable/index.js +353 -0
- package/dist/components/settlement/prototypeTable/index.js.map +1 -0
- package/dist/components/settlement/prototypeTable/utils.js +14 -0
- package/dist/components/settlement/prototypeTable/utils.js.map +1 -0
- package/dist/components/settlement/settlement.js +5557 -0
- package/dist/components/settlement/settlement.js.map +1 -0
- package/dist/components/settlement/settlement.less +0 -10
- package/dist/components/settlement/settlementApi.js +512 -0
- package/dist/components/settlement/settlementApi.js.map +1 -0
- package/dist/components/settlement/settlementStore.js +2833 -0
- package/dist/components/settlement/settlementStore.js.map +1 -0
- package/dist/components/settlement/utils.js +249 -0
- package/dist/components/settlement/utils.js.map +1 -0
- package/dist/components/socket/index.js +221 -0
- package/dist/components/socket/index.js.map +1 -0
- package/dist/components/spin/index.js +95 -0
- package/dist/components/spin/index.js.map +1 -0
- package/dist/components/test/index.js +330 -0
- package/dist/components/test/index.js.map +1 -0
- package/dist/components/ticon/iconfont/demo_index.html +3 -72
- package/dist/components/ticon/iconfont/iconfont.css +3 -15
- package/dist/components/ticon/iconfont/iconfont.js +36 -0
- package/dist/components/ticon/iconfont/iconfont.js.map +1 -0
- package/dist/components/ticon/iconfont/iconfont.json +0 -21
- package/dist/components/ticon/iconfont/iconfont.ttf +0 -0
- package/dist/components/ticon/iconfont/iconfont.woff +0 -0
- package/dist/components/ticon/iconfont/iconfont.woff2 +0 -0
- package/dist/components/ticon/index.js +60 -0
- package/dist/components/ticon/index.js.map +1 -0
- package/dist/components/touchScroll/index.js +186 -0
- package/dist/components/touchScroll/index.js.map +1 -0
- package/dist/components/touchTable/AuthProcess.js +42 -0
- package/dist/components/touchTable/AuthProcess.js.map +1 -0
- package/dist/components/touchTable/generateWater.js +59 -0
- package/dist/components/touchTable/generateWater.js.map +1 -0
- package/dist/components/touchTable/index.js +1148 -0
- package/dist/components/touchTable/index.js.map +1 -0
- package/dist/components/touchTable/utils.js +27 -0
- package/dist/components/touchTable/utils.js.map +1 -0
- package/dist/index.js +1 -22
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/components/collection/api.js +0 -105
- package/dist/components/collection/api.js.map +0 -1
- package/dist/components/collection/searchView/index.less +0 -134
- package/dist/components/password/style.less +0 -95
@@ -0,0 +1,198 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.default = undefined;
|
7
|
+
|
8
|
+
var _regenerator = require('babel-runtime/regenerator');
|
9
|
+
|
10
|
+
var _regenerator2 = _interopRequireDefault(_regenerator);
|
11
|
+
|
12
|
+
var _extends2 = require('babel-runtime/helpers/extends');
|
13
|
+
|
14
|
+
var _extends3 = _interopRequireDefault(_extends2);
|
15
|
+
|
16
|
+
var _assign = require('babel-runtime/core-js/object/assign');
|
17
|
+
|
18
|
+
var _assign2 = _interopRequireDefault(_assign);
|
19
|
+
|
20
|
+
var _typeof2 = require('babel-runtime/helpers/typeof');
|
21
|
+
|
22
|
+
var _typeof3 = _interopRequireDefault(_typeof2);
|
23
|
+
|
24
|
+
var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
|
25
|
+
|
26
|
+
var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
|
27
|
+
|
28
|
+
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
29
|
+
|
30
|
+
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
31
|
+
|
32
|
+
var _createClass2 = require('babel-runtime/helpers/createClass');
|
33
|
+
|
34
|
+
var _createClass3 = _interopRequireDefault(_createClass2);
|
35
|
+
|
36
|
+
var _react = require('react');
|
37
|
+
|
38
|
+
var _react2 = _interopRequireDefault(_react);
|
39
|
+
|
40
|
+
var _propTypes = require('prop-types');
|
41
|
+
|
42
|
+
var _propTypes2 = _interopRequireDefault(_propTypes);
|
43
|
+
|
44
|
+
var _reactDom = require('react-dom');
|
45
|
+
|
46
|
+
var _reactDom2 = _interopRequireDefault(_reactDom);
|
47
|
+
|
48
|
+
var _loadingContent = require('./loadingContent');
|
49
|
+
|
50
|
+
var _loadingContent2 = _interopRequireDefault(_loadingContent);
|
51
|
+
|
52
|
+
var _utils = require('./utils');
|
53
|
+
|
54
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
55
|
+
|
56
|
+
var Loading = function () {
|
57
|
+
function Loading() {
|
58
|
+
(0, _classCallCheck3.default)(this, Loading);
|
59
|
+
this.loadingEle = null;
|
60
|
+
this.ref = null;
|
61
|
+
this.startTimeStamp = null;
|
62
|
+
this.delayTime = null;
|
63
|
+
}
|
64
|
+
|
65
|
+
(0, _createClass3.default)(Loading, null, [{
|
66
|
+
key: 'show',
|
67
|
+
value: function () {
|
68
|
+
var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(params, callback) {
|
69
|
+
var _this = this;
|
70
|
+
|
71
|
+
var props, _ref2, target, queryElement, loadingEle, queryClass, positionProper, onClose;
|
72
|
+
|
73
|
+
return _regenerator2.default.wrap(function _callee$(_context) {
|
74
|
+
while (1) {
|
75
|
+
switch (_context.prev = _context.next) {
|
76
|
+
case 0:
|
77
|
+
onClose = function onClose() {
|
78
|
+
var argument = typeof props.duration === 'number' ? callback : undefined;
|
79
|
+
Loading.destroy(argument);
|
80
|
+
};
|
81
|
+
|
82
|
+
if (window._tplus_loading) {
|
83
|
+
Loading.destroy(callback);
|
84
|
+
}
|
85
|
+
|
86
|
+
this.startTimeStamp = +new Date();
|
87
|
+
window._tplus_loading = true;
|
88
|
+
props = { delay: 200 }; // 默认200ms防闪烁延迟
|
89
|
+
|
90
|
+
if ((typeof params === 'undefined' ? 'undefined' : (0, _typeof3.default)(params)) === 'object' && params) {
|
91
|
+
props = (0, _assign2.default)(props, params);
|
92
|
+
params.delay === false && delete params.delay;
|
93
|
+
} else if (typeof params === 'string') {
|
94
|
+
props.text = params;
|
95
|
+
}
|
96
|
+
|
97
|
+
_ref2 = params || {}, target = _ref2.target;
|
98
|
+
queryElement = void 0;
|
99
|
+
loadingEle = document.createElement('div');
|
100
|
+
|
101
|
+
this.loadingEle = loadingEle;
|
102
|
+
this.delayTime = props.delay;
|
103
|
+
|
104
|
+
if (!target) {
|
105
|
+
_context.next = 19;
|
106
|
+
break;
|
107
|
+
}
|
108
|
+
|
109
|
+
queryClass = '.' + target;
|
110
|
+
|
111
|
+
if (['.', '#'].includes(target.charAt(0))) {
|
112
|
+
queryClass = target;
|
113
|
+
}
|
114
|
+
|
115
|
+
//如果找不到 取root 存在有dom渲染比查询晚一步的情况 根据事件队列机制再次查询一次
|
116
|
+
_context.next = 16;
|
117
|
+
return (0, _utils.queryEle)(queryClass);
|
118
|
+
|
119
|
+
case 16:
|
120
|
+
queryElement = _context.sent;
|
121
|
+
positionProper = getComputedStyle(queryElement, null).getPropertyValue('position');
|
122
|
+
|
123
|
+
if (!positionProper || positionProper == 'static') {
|
124
|
+
queryElement.style.position = 'relative';
|
125
|
+
}
|
126
|
+
|
127
|
+
case 19:
|
128
|
+
|
129
|
+
!target && document.body.appendChild(loadingEle);
|
130
|
+
|
131
|
+
_reactDom2.default.render(_react2.default.createElement(_loadingContent2.default, (0, _extends3.default)({ onClose: onClose }, props, { ref: function ref(_ref3) {
|
132
|
+
return _this.ref = _ref3;
|
133
|
+
} })), loadingEle);
|
134
|
+
target && queryElement.appendChild(loadingEle);
|
135
|
+
|
136
|
+
case 22:
|
137
|
+
case 'end':
|
138
|
+
return _context.stop();
|
139
|
+
}
|
140
|
+
}
|
141
|
+
}, _callee, this);
|
142
|
+
}));
|
143
|
+
|
144
|
+
function show(_x, _x2) {
|
145
|
+
return _ref.apply(this, arguments);
|
146
|
+
}
|
147
|
+
|
148
|
+
return show;
|
149
|
+
}()
|
150
|
+
}, {
|
151
|
+
key: 'hide',
|
152
|
+
value: function hide() {
|
153
|
+
var endTimeStamp = +new Date();
|
154
|
+
var delayTime = this.delayTime;
|
155
|
+
if (delayTime && endTimeStamp - this.startTimeStamp <= delayTime) {
|
156
|
+
return this.destroy();
|
157
|
+
}
|
158
|
+
this.ref && this.ref.readyClose();
|
159
|
+
}
|
160
|
+
}, {
|
161
|
+
key: 'destroy',
|
162
|
+
value: function destroy(callback) {
|
163
|
+
var loadingEle = this.loadingEle;
|
164
|
+
if (loadingEle) {
|
165
|
+
_reactDom2.default.unmountComponentAtNode(loadingEle);
|
166
|
+
!!loadingEle.parentNode && loadingEle.parentNode.removeChild(loadingEle);
|
167
|
+
delete window._tplus_loading;
|
168
|
+
}
|
169
|
+
callback && callback();
|
170
|
+
}
|
171
|
+
}, {
|
172
|
+
key: 'transfer',
|
173
|
+
value: function transfer(params) {
|
174
|
+
this.ref && this.ref.setPercent(params);
|
175
|
+
}
|
176
|
+
}]);
|
177
|
+
return Loading;
|
178
|
+
}(); /**
|
179
|
+
* Created by hzy on 2019/4/19.
|
180
|
+
*/
|
181
|
+
/**
|
182
|
+
* show 方法参数 option 说明 // Loading.show({text: '数据加载中'}, callback)
|
183
|
+
* loading调用的简写法 Loading.show('数据加载中')
|
184
|
+
* @style Loading wrapper style
|
185
|
+
* @className Loading wrapper className
|
186
|
+
* @text 提示文字,不传默认为 '加载中,请稍后...',字符串类型
|
187
|
+
* @target Loading 需要覆盖的 DOM 节点。传入一个 DOM 节点的class或者id名的字符串,不传默认为全屏效果
|
188
|
+
* @node 自定义展示元素,会覆盖默认展示。类型为react element
|
189
|
+
* @duration Loading持续时间,单位为毫秒值,数字类型
|
190
|
+
* @delay Loading防闪烁延迟显示时间, 单位为毫秒值, 数字类型,默认为200,可设置false禁用延迟
|
191
|
+
* @callback 为在传入 duration 参数后,自动隐藏后的回调,不传 duration 参数则该回调不生效
|
192
|
+
*
|
193
|
+
* hide 方法隐藏并销毁Loading组件 Loading.hide();
|
194
|
+
*/
|
195
|
+
|
196
|
+
|
197
|
+
exports.default = Loading;
|
198
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/loading/index.js"],"names":["Loading","loadingEle","ref","startTimeStamp","delayTime","params","callback","onClose","argument","props","duration","undefined","destroy","window","_tplus_loading","Date","delay","text","target","queryElement","document","createElement","queryClass","includes","charAt","positionProper","getComputedStyle","getPropertyValue","style","position","body","appendChild","ReactDOM","render","endTimeStamp","readyClose","unmountComponentAtNode","parentNode","removeChild","setPercent"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Created by hzy on 2019/4/19.\n */\n/**\n * show 方法参数 option 说明 // Loading.show({text: '数据加载中'}, callback)\n * loading调用的简写法 Loading.show('数据加载中')\n * @style Loading wrapper style\n * @className Loading wrapper className\n * @text 提示文字,不传默认为 '加载中,请稍后...',字符串类型\n * @target Loading 需要覆盖的 DOM 节点。传入一个 DOM 节点的class或者id名的字符串,不传默认为全屏效果\n * @node 自定义展示元素,会覆盖默认展示。类型为react element\n * @duration Loading持续时间,单位为毫秒值,数字类型\n * @delay Loading防闪烁延迟显示时间, 单位为毫秒值, 数字类型,默认为200,可设置false禁用延迟\n * @callback 为在传入 duration 参数后,自动隐藏后的回调,不传 duration 参数则该回调不生效\n *\n * hide 方法隐藏并销毁Loading组件 Loading.hide();\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactDOM from 'react-dom';\nimport LoaingContent from './loadingContent';\nimport {queryEle} from './utils';\n\nexport default class Loading {\n loadingEle = null;\n ref = null;\n startTimeStamp = null;\n delayTime = null;\n\n static async show(params, callback) {\n if (window._tplus_loading) {\n Loading.destroy(callback);\n }\n\n this.startTimeStamp = +new Date();\n window._tplus_loading = true;\n let props = {delay: 200}; // 默认200ms防闪烁延迟\n\n if (typeof params === 'object' && params) {\n props = Object.assign(props, params);\n params.delay === false && (delete params.delay);\n } else if (typeof params === 'string') {\n props.text = params;\n }\n\n const {target} = params || {};\n let queryElement;\n const loadingEle = document.createElement('div');\n this.loadingEle = loadingEle;\n this.delayTime = props.delay;\n\n if (target) {\n let queryClass = `.${target}`;\n if (['.', '#'].includes(target.charAt(0))) {\n queryClass = target;\n }\n\n //如果找不到 取root 存在有dom渲染比查询晚一步的情况 根据事件队列机制再次查询一次\n queryElement = await queryEle(queryClass);\n\n const positionProper = getComputedStyle(queryElement, null).getPropertyValue('position');\n if (!positionProper || positionProper == 'static') {\n queryElement.style.position = 'relative';\n }\n }\n\n !target && document.body.appendChild(loadingEle);\n\n function onClose() {\n const argument = typeof props.duration === 'number' ? callback : undefined;\n Loading.destroy(argument);\n }\n\n ReactDOM.render(<LoaingContent onClose={onClose} {...props} ref={ref => this.ref = ref}/>, loadingEle);\n target && queryElement.appendChild(loadingEle);\n }\n\n static hide() {\n const endTimeStamp = +new Date();\n const delayTime = this.delayTime;\n if (delayTime && (endTimeStamp - this.startTimeStamp <= delayTime)) {\n return this.destroy();\n }\n this.ref && this.ref.readyClose();\n }\n\n static destroy(callback) {\n const loadingEle = this.loadingEle;\n if (loadingEle) {\n ReactDOM.unmountComponentAtNode(loadingEle);\n !!loadingEle.parentNode && loadingEle.parentNode.removeChild(loadingEle);\n delete window._tplus_loading;\n }\n callback && callback();\n }\n\n static transfer(params) {\n this.ref && this.ref.setPercent(params);\n }\n}\n"]}
|
@@ -0,0 +1,188 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
|
7
|
+
var _assign = require('babel-runtime/core-js/object/assign');
|
8
|
+
|
9
|
+
var _assign2 = _interopRequireDefault(_assign);
|
10
|
+
|
11
|
+
var _progress = require('antd/es/progress');
|
12
|
+
|
13
|
+
var _progress2 = _interopRequireDefault(_progress);
|
14
|
+
|
15
|
+
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
|
16
|
+
|
17
|
+
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
|
18
|
+
|
19
|
+
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
20
|
+
|
21
|
+
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
22
|
+
|
23
|
+
var _createClass2 = require('babel-runtime/helpers/createClass');
|
24
|
+
|
25
|
+
var _createClass3 = _interopRequireDefault(_createClass2);
|
26
|
+
|
27
|
+
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
28
|
+
|
29
|
+
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
30
|
+
|
31
|
+
var _inherits2 = require('babel-runtime/helpers/inherits');
|
32
|
+
|
33
|
+
var _inherits3 = _interopRequireDefault(_inherits2);
|
34
|
+
|
35
|
+
var _class, _temp2;
|
36
|
+
|
37
|
+
require('antd/es/progress/style');
|
38
|
+
|
39
|
+
var _react = require('react');
|
40
|
+
|
41
|
+
var _react2 = _interopRequireDefault(_react);
|
42
|
+
|
43
|
+
var _mutantsUtil = require('mutants-util');
|
44
|
+
|
45
|
+
var _propTypes = require('prop-types');
|
46
|
+
|
47
|
+
var _propTypes2 = _interopRequireDefault(_propTypes);
|
48
|
+
|
49
|
+
require('./style.less');
|
50
|
+
|
51
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
52
|
+
|
53
|
+
var LoaingContent = (_temp2 = _class = function (_Component) {
|
54
|
+
(0, _inherits3.default)(LoaingContent, _Component);
|
55
|
+
|
56
|
+
function LoaingContent() {
|
57
|
+
var _ref;
|
58
|
+
|
59
|
+
var _temp, _this, _ret;
|
60
|
+
|
61
|
+
(0, _classCallCheck3.default)(this, LoaingContent);
|
62
|
+
|
63
|
+
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
64
|
+
args[_key] = arguments[_key];
|
65
|
+
}
|
66
|
+
|
67
|
+
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = LoaingContent.__proto__ || (0, _getPrototypeOf2.default)(LoaingContent)).call.apply(_ref, [this].concat(args))), _this), _this.sys_parms = {
|
68
|
+
orangeloading: window.ossAliyuncsFileURL + '/bc_pos/loading3.gif',
|
69
|
+
blueloading: window.ossAliyuncsFileURL + '/bc_pos/loading4.gif'
|
70
|
+
}, _this.state = {
|
71
|
+
closeAnimate: false,
|
72
|
+
percent: 0,
|
73
|
+
title: ''
|
74
|
+
}, _this.readyClose = function (e) {
|
75
|
+
_this.setState({ closeAnimate: true }, function () {
|
76
|
+
setTimeout(function () {
|
77
|
+
_this.close();
|
78
|
+
}, 250);
|
79
|
+
});
|
80
|
+
}, _this.close = function (e) {
|
81
|
+
if (e) {
|
82
|
+
e.stopPropagation();
|
83
|
+
}
|
84
|
+
_this.clearCloseTimer();
|
85
|
+
_this.props.onClose();
|
86
|
+
}, _this.startLoadingTimer = function () {
|
87
|
+
_this.closeTimer = setTimeout(function () {
|
88
|
+
_this.readyClose();
|
89
|
+
}, _this.props.duration);
|
90
|
+
}, _this.clearCloseTimer = function () {
|
91
|
+
if (_this.closeTimer) {
|
92
|
+
clearTimeout(_this.closeTimer);
|
93
|
+
_this.closeTimer = null;
|
94
|
+
}
|
95
|
+
}, _this.setPercent = function (params) {
|
96
|
+
var percent = params.percent,
|
97
|
+
title = params.title;
|
98
|
+
|
99
|
+
_this.setState({ percent: percent, title: title });
|
100
|
+
}, _this.getLoadingIcon = function () {
|
101
|
+
var theme = _mutantsUtil.localStore.get('theme');
|
102
|
+
var img = theme == 'blue' || theme == 'dark' ? _this.sys_parms.blueloading : _this.sys_parms.orangeloading;
|
103
|
+
return img;
|
104
|
+
}, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
|
105
|
+
}
|
106
|
+
|
107
|
+
(0, _createClass3.default)(LoaingContent, [{
|
108
|
+
key: 'componentDidMount',
|
109
|
+
value: function componentDidMount() {
|
110
|
+
if (typeof this.props.duration === 'number') {
|
111
|
+
this.startLoadingTimer();
|
112
|
+
}
|
113
|
+
}
|
114
|
+
}, {
|
115
|
+
key: 'componentWillUnmount',
|
116
|
+
value: function componentWillUnmount() {
|
117
|
+
this.clearCloseTimer();
|
118
|
+
}
|
119
|
+
}, {
|
120
|
+
key: 'render',
|
121
|
+
value: function render() {
|
122
|
+
var _props = this.props,
|
123
|
+
style = _props.style,
|
124
|
+
text = _props.text,
|
125
|
+
node = _props.node,
|
126
|
+
className = _props.className,
|
127
|
+
target = _props.target,
|
128
|
+
delay = _props.delay,
|
129
|
+
opacity = _props.opacity,
|
130
|
+
showProgress = _props.showProgress;
|
131
|
+
var _state = this.state,
|
132
|
+
closeAnimate = _state.closeAnimate,
|
133
|
+
percent = _state.percent,
|
134
|
+
title = _state.title;
|
135
|
+
|
136
|
+
var showTip = text !== false;
|
137
|
+
var tip = opacity ? 'tplus-loading-tip-color' : '';
|
138
|
+
var loadingNode = _react2.default.createElement(
|
139
|
+
_react.Fragment,
|
140
|
+
null,
|
141
|
+
_react2.default.createElement(
|
142
|
+
'div',
|
143
|
+
{ className: 'tplus-loading-spinner' },
|
144
|
+
showProgress === true ? _react2.default.createElement(_progress2.default, { strokeLinecap: 'square', percent: percent }) : _react2.default.createElement(
|
145
|
+
'div',
|
146
|
+
{ className: 'shadows' },
|
147
|
+
_react2.default.createElement('img', { src: this.getLoadingIcon(), className: 'loading-img-symbol default-spinner-gif' })
|
148
|
+
)
|
149
|
+
),
|
150
|
+
showTip && _react2.default.createElement(
|
151
|
+
'p',
|
152
|
+
{ className: 'tplus-loading-tip ' + tip },
|
153
|
+
showProgress === true ? '\u6863\u6848\u6570\u636E\u3010' + title + '\u3011\u4E0B\u8F7D\u4E2D' : text
|
154
|
+
)
|
155
|
+
);
|
156
|
+
var containerClass = ('tplus-loading ' + (closeAnimate ? 'loading-close-animate' : '') + ' ' + className).trim();
|
157
|
+
var targetStyle = target ? { position: 'absolute' } : {};
|
158
|
+
var delayDuration = delay ? { animation: 'loading-delay-animation ' + delay + 'ms', WebkitAnimation: 'loading-delay-animation ' + delay + 'ms' } : {};
|
159
|
+
var style2 = opacity ? { 'background-color': 'rgba(2555, 255, 255, ' + opacity + ')' } : {};
|
160
|
+
return _react2.default.createElement(
|
161
|
+
'div',
|
162
|
+
{ className: containerClass, style: (0, _assign2.default)(targetStyle, delayDuration, style, style2) },
|
163
|
+
_react2.default.createElement(
|
164
|
+
'div',
|
165
|
+
{ className: 'tplus-loading-content' + (showProgress === true ? ' tplus-loading-progress' : '') },
|
166
|
+
(0, _react.isValidElement)(node) ? node : loadingNode
|
167
|
+
)
|
168
|
+
);
|
169
|
+
}
|
170
|
+
}]);
|
171
|
+
return LoaingContent;
|
172
|
+
}(_react.Component), _class.propTypes = {
|
173
|
+
text: _propTypes2.default.string,
|
174
|
+
className: _propTypes2.default.string,
|
175
|
+
style: _propTypes2.default.object,
|
176
|
+
node: _propTypes2.default.element,
|
177
|
+
onClose: _propTypes2.default.func,
|
178
|
+
duration: _propTypes2.default.number,
|
179
|
+
target: _propTypes2.default.string
|
180
|
+
}, _class.defaultProps = {
|
181
|
+
onClose: function onClose() {},
|
182
|
+
|
183
|
+
className: '',
|
184
|
+
style: {},
|
185
|
+
text: '加载中,请稍后...'
|
186
|
+
}, _temp2);
|
187
|
+
exports.default = LoaingContent;
|
188
|
+
//# sourceMappingURL=loadingContent.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/loading/loadingContent.js"],"names":["LoaingContent","sys_parms","orangeloading","window","ossAliyuncsFileURL","blueloading","state","closeAnimate","percent","title","readyClose","e","setState","setTimeout","close","stopPropagation","clearCloseTimer","props","onClose","startLoadingTimer","closeTimer","duration","clearTimeout","setPercent","params","getLoadingIcon","theme","localStore","get","img","style","text","node","className","target","delay","opacity","showProgress","showTip","tip","loadingNode","containerClass","trim","targetStyle","position","delayDuration","animation","WebkitAnimation","style2","Component","propTypes","PropTypes","string","object","element","func","number","defaultProps"],"mappings":"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","file":"loadingContent.js","sourcesContent":["import React, {Component, Fragment, isValidElement} from 'react';\nimport { Progress } from 'antd';\nimport { localStore } from 'mutants-util';\nimport PropTypes from 'prop-types';\nimport './style.less';\n\nclass LoaingContent extends Component {\n static propTypes = {\n text: PropTypes.string,\n className: PropTypes.string,\n style: PropTypes.object,\n node: PropTypes.element,\n onClose: PropTypes.func,\n duration: PropTypes.number,\n target: PropTypes.string\n };\n\n sys_parms = {\n orangeloading: `${window.ossAliyuncsFileURL}/bc_pos/loading3.gif`,\n blueloading: `${window.ossAliyuncsFileURL}/bc_pos/loading4.gif`,\n }\n\n static defaultProps = {\n onClose() {},\n className: '',\n style: {},\n text: '加载中,请稍后...',\n };\n\n state = {\n closeAnimate: false,\n percent: 0,\n title: ''\n };\n\n componentDidMount() {\n if (typeof this.props.duration === 'number') {\n this.startLoadingTimer();\n }\n }\n\n componentWillUnmount() {\n this.clearCloseTimer();\n }\n\n readyClose = (e) => {\n this.setState({closeAnimate: true}, () => {\n setTimeout(() => {\n this.close();\n }, 250)\n })\n }\n\n close = (e) => {\n if (e) {\n e.stopPropagation();\n }\n this.clearCloseTimer();\n this.props.onClose();\n }\n\n startLoadingTimer = () => {\n this.closeTimer = setTimeout(() => {\n this.readyClose();\n }, this.props.duration);\n }\n\n clearCloseTimer = () => {\n if (this.closeTimer) {\n clearTimeout(this.closeTimer);\n this.closeTimer = null;\n }\n }\n\n setPercent = (params) => {\n const { percent, title } = params\n this.setState({ percent, title })\n }\n\n getLoadingIcon = () => {\n const theme = localStore.get('theme');\n const img = (theme == 'blue' || theme == 'dark') ? this.sys_parms.blueloading : this.sys_parms.orangeloading;\n return img;\n }\n\n render() {\n const { style, text, node, className, target, delay, opacity, showProgress } = this.props;\n const { closeAnimate, percent, title } = this.state;\n const showTip = text !== false;\n const tip = opacity ? 'tplus-loading-tip-color' : '';\n const loadingNode = (\n <Fragment>\n <div className='tplus-loading-spinner'>\n {\n showProgress === true ?\n <Progress strokeLinecap=\"square\" percent={percent} />\n :\n <div className='shadows'>\n <img src={this.getLoadingIcon()} className='loading-img-symbol default-spinner-gif' />\n </div>\n }\n </div>\n {\n showTip && <p className={`tplus-loading-tip ${tip}`}>{showProgress === true ? `档案数据【${title}】下载中` : text}</p>\n }\n </Fragment>\n );\n const containerClass = `tplus-loading ${closeAnimate ? 'loading-close-animate' : ''} ${className}`.trim();\n const targetStyle = target ? {position: 'absolute'} : {};\n const delayDuration = delay ? {animation: `loading-delay-animation ${delay}ms`, WebkitAnimation: `loading-delay-animation ${delay}ms`} : {};\n const style2 = opacity ? { 'background-color': `rgba(2555, 255, 255, ${opacity})` } : {};\n return (\n <div className={containerClass} style={Object.assign(targetStyle, delayDuration, style, style2)}>\n <div className={`tplus-loading-content${showProgress === true ? ' tplus-loading-progress' : ''}`}>\n {isValidElement(node) ? node : loadingNode}\n </div>\n </div>\n );\n }\n}\n\nexport default LoaingContent;\n"]}
|
@@ -0,0 +1,29 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.queryEle = undefined;
|
7
|
+
|
8
|
+
var _promise = require('babel-runtime/core-js/promise');
|
9
|
+
|
10
|
+
var _promise2 = _interopRequireDefault(_promise);
|
11
|
+
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13
|
+
|
14
|
+
function queryEle(queryClass) {
|
15
|
+
return new _promise2.default(function (resolve, reject) {
|
16
|
+
var element = document.querySelector(queryClass);
|
17
|
+
if (!element) {
|
18
|
+
setTimeout(function () {
|
19
|
+
element = document.querySelector(queryClass) || document.querySelector('#root');
|
20
|
+
resolve(element);
|
21
|
+
}, 0);
|
22
|
+
} else {
|
23
|
+
return resolve(element);
|
24
|
+
}
|
25
|
+
});
|
26
|
+
}
|
27
|
+
|
28
|
+
exports.queryEle = queryEle;
|
29
|
+
//# sourceMappingURL=utils.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/loading/utils.js"],"names":["queryEle","queryClass","resolve","reject","element","document","querySelector","setTimeout"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,QAAT,CAAkBC,UAAlB,EAA8B;AAC5B,SAAO,sBAAY,UAACC,OAAD,EAAUC,MAAV,EAAqB;AACtC,QAAIC,UAAUC,SAASC,aAAT,CAAuBL,UAAvB,CAAd;AACA,QAAI,CAACG,OAAL,EAAc;AACZG,iBAAW,YAAM;AACfH,kBAAUC,SAASC,aAAT,CAAuBL,UAAvB,KAAsCI,SAASC,aAAT,CAAuB,OAAvB,CAAhD;AACAJ,gBAAQE,OAAR;AACD,OAHD,EAGG,CAHH;AAID,KALD,MAKO;AACL,aAAOF,QAAQE,OAAR,CAAP;AACD;AACF,GAVM,CAAP;AAWD;;QAEOJ,Q,GAAAA,Q","file":"utils.js","sourcesContent":["function queryEle(queryClass) {\n return new Promise((resolve, reject) => {\n let element = document.querySelector(queryClass);\n if (!element) {\n setTimeout(() => {\n element = document.querySelector(queryClass) || document.querySelector('#root');\n resolve(element);\n }, 0);\n } else {\n return resolve(element);\n }\n });\n}\n\nexport {queryEle};\n"]}
|