tplus-components-touch 3.45.1 → 3.45.2
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/dist/components/commonForm/addressPicker/index.js +241 -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/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/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/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/settlementStore.js +2819 -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/iconfont.js +35 -0
- package/dist/components/ticon/iconfont/iconfont.js.map +1 -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 +1140 -0
- package/dist/components/touchTable/index.js.map +1 -0
- package/dist/components/touchTable/utils.js +14 -0
- package/dist/components/touchTable/utils.js.map +1 -0
- package/package.json +1 -1
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/settlement/utils.js"],"names":["getFixedNumber","value","name","precision","isNaN","getRoundValue","decimal","pow","Math","returnValue","round","abs","toFixed","preventDefault","nativeEvent","stopPropagation","cancelBubble","openLoadingModal","maskClosable","closable","width","className","content","openQueryingModal","showSuccessModal","amount","received","charge","fn","isXianjin","message","settleGift","store","IdbusiType","isFull","cb","isDelayModal","modal","onClose","setTimeout","destroy","openAwaitModal","tip","manually","tips"],"mappings":"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","file":"utils.js","sourcesContent":["import React from 'react'\r\nimport _bind from 'lodash/bind'\r\nimport _get from 'lodash/get'\r\nimport Ticon from '../ticon'\r\nimport asyncModal from './asyncModal'\r\nimport { Button, Spin, Popover } from 'antd';\r\nimport { PosInitData } from 'tplus-poslogin';\r\n\r\nexport const getFixedNumber = _bind(function (value, name) {\r\n name = name || 'money'\r\n const precision = _get(this, `${name}.value`)\r\n value = isNaN(value) ? 0 : value\r\n // 参数错误的时候, 返回原值\r\n if (isNaN(precision)) {\r\n return value\r\n }\r\n return getRoundValue(value, precision)\r\n}, {\"money\": { \"value\": 2, \"caption\": \"金额小数位\" },})\r\n\r\nexport const getRoundValue = (value, decimal) => {\r\n if(!decimal) return value\r\n const pow = Math.pow(10, decimal);\r\n let returnValue = Math.round(Math.abs(value) * pow) / pow;\r\n if (value < 0)\r\n returnValue = -returnValue;\r\n return returnValue.toFixed(decimal);\r\n}\r\n\r\nexport const preventDefault = function (nativeEvent) {\r\n if (!nativeEvent) {\r\n return\r\n }\r\n if (nativeEvent.preventDefault) {\r\n nativeEvent.preventDefault()\r\n } else if (typeof nativeEvent.returnValue !== 'unknown') {\r\n nativeEvent.returnValue = false\r\n }\r\n}\r\n\r\nexport const stopPropagation = function (nativeEvent) {\r\n if (!nativeEvent) {\r\n return\r\n }\r\n if (nativeEvent.stopPropagation) {\r\n nativeEvent.stopPropagation()\r\n } else if (typeof nativeEvent.cancelBubble !== 'unknown') {\r\n // The ChangeEventPlugin registers a \"propertychange\" event for\r\n // IE. This event does not support bubbling or cancelling, and\r\n // any references to cancelBubble throw \"Member not found\". A\r\n // typeof check of \"unknown\" circumvents this issue (and is also\r\n // IE specific).\r\n nativeEvent.cancelBubble = true\r\n }\r\n}\r\n\r\nexport const openLoadingModal = function () {\r\n\r\n return asyncModal({\r\n maskClosable: false,\r\n closable: false,\r\n width: 'auto',\r\n className: 'loading-modal',\r\n content: <div className='billingSettling'>\r\n <Spin size=\"large\"/>\r\n <div>结算中...</div>\r\n </div>\r\n })\r\n}\r\n\r\nexport const openQueryingModal = function () {\r\n\r\n return asyncModal({\r\n maskClosable: false,\r\n closable: false,\r\n width: 'auto',\r\n className: 'loading-modal',\r\n content: <div className='billingSettling'>\r\n <Spin size=\"large\"/>\r\n <div>正在查询中,请稍候~</div>\r\n </div>\r\n })\r\n}\r\n\r\n\r\nexport const showSuccessModal = function (amount, received, charge, fn, isXianjin,message,settleGift, store, IdbusiType, isFull, cb) {\r\n let isDelayModal;\r\n if (!isXianjin) {\r\n isDelayModal = false\r\n } else {\r\n // GiveChangeSupportManualClose 找零界面手动关闭\r\n isDelayModal = PosInitData('GiveChangeSupportManualClose');\r\n }\r\n\r\n const modal = asyncModal({\r\n width:'400px',\r\n closable:false,\r\n maskClosable:true,\r\n onClose: () => { typeof fn == 'function' && fn() },\r\n content: <div className=\"paySuccess\">\r\n <div className={`${isDelayModal ? 'icon1' : ''} icon ${settleGift ? 'settleIcon' : ''}`}><Ticon type=\"zhifuchenggong\" /></div>\r\n <div className={`${isDelayModal ? 'text1' : ''} text ${settleGift ? 'settleText' : ''}`}>{message}</div>\r\n {settleGift && !(IdbusiType == 38 && !isFull || IdbusiType == 39) ? <div className='primary-color settleGift'>此订单满足支付返券活动,优惠券会自动发放到用户账户</div> : null}\r\n <div className={`${isDelayModal ? 'tipStyle1' : ''} tipStyle`}><span className=\"fl\">应收金额</span><span className=\"fr\">{amount}</span></div>\r\n <div className={`${isDelayModal ? 'tipStyle2' : ''} tipStyle`}><span className=\"fl\">实收金额</span><span className=\"fr\">{received}</span></div>\r\n <div className={`${isDelayModal ? 'tipStyle3' : ''} tipStyle`}><span className=\"fl\">找零</span><span className=\"fr\">{getFixedNumber(charge)}</span></div>\r\n {\r\n isDelayModal ?\r\n <div className=\"tipStyle tipStyle4\">\r\n <Button onClick={() => {\r\n setTimeout(() => { modal.destroy(); cb && cb(); }, 0)\r\n }} className=\"paymentSuccessBtn\" type=\"primary\">确定</Button>\r\n </div>\r\n :\r\n null\r\n }\r\n </div>\r\n })\r\n if (!isDelayModal) {\r\n setTimeout(() => { modal.destroy(); cb && cb(); }, 1500)\r\n }\r\n return modal;\r\n}\r\n\r\nexport const openAwaitModal = function (tip, manually) {\r\n let tips = tip ? tip : '取会员价中'\r\n\r\n return asyncModal({\r\n className: 'billing-onsettle-ModalLight loading-modal',\r\n maskClosable: false,\r\n closable: false,\r\n width: 'auto',\r\n content: <div className='billing-onsettle-ModalLight-content'>\r\n\r\n <Spin size=\"large\"/>\r\n <div className='billing-onsettle-ModalLight-text'>{`${tips}...`}</div>\r\n </div>\r\n }, manually)\r\n}\r\n"]}
|
@@ -0,0 +1,221 @@
|
|
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 _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
|
13
|
+
|
14
|
+
var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
|
15
|
+
|
16
|
+
var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
|
17
|
+
|
18
|
+
var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
|
19
|
+
|
20
|
+
var _keys = require('babel-runtime/core-js/object/keys');
|
21
|
+
|
22
|
+
var _keys2 = _interopRequireDefault(_keys);
|
23
|
+
|
24
|
+
var _typeof2 = require('babel-runtime/helpers/typeof');
|
25
|
+
|
26
|
+
var _typeof3 = _interopRequireDefault(_typeof2);
|
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 _signalr = require('@aspnet/signalr');
|
37
|
+
|
38
|
+
var signalR = _interopRequireWildcard(_signalr);
|
39
|
+
|
40
|
+
var _axios = require('axios');
|
41
|
+
|
42
|
+
var _axios2 = _interopRequireDefault(_axios);
|
43
|
+
|
44
|
+
var _mutantsMicrofx = require('mutants-microfx');
|
45
|
+
|
46
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
47
|
+
|
48
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
49
|
+
|
50
|
+
var Socket = function () {
|
51
|
+
function Socket(_ref) {
|
52
|
+
var host = _ref.host,
|
53
|
+
path = _ref.path,
|
54
|
+
connected = _ref.connected,
|
55
|
+
error = _ref.error,
|
56
|
+
reconnect = _ref.reconnect,
|
57
|
+
token = _ref.token;
|
58
|
+
(0, _classCallCheck3.default)(this, Socket);
|
59
|
+
|
60
|
+
this.host = host;
|
61
|
+
this.path = path;
|
62
|
+
this.token = token;
|
63
|
+
this.connected = connected || function () {};
|
64
|
+
this.reconnect = reconnect || function () {};
|
65
|
+
this.error = error || function () {};
|
66
|
+
this.connection = this._init();
|
67
|
+
this.on = this.on;
|
68
|
+
this.stop = this.stop;
|
69
|
+
this.throttle = this.throttle;
|
70
|
+
}
|
71
|
+
|
72
|
+
(0, _createClass3.default)(Socket, [{
|
73
|
+
key: '_init',
|
74
|
+
value: function _init() {
|
75
|
+
var _this = this;
|
76
|
+
|
77
|
+
var connection = new signalR.HubConnectionBuilder().withUrl('' + this.host + this.path, {
|
78
|
+
accessTokenFactory: function accessTokenFactory() {
|
79
|
+
return _this.token;
|
80
|
+
}
|
81
|
+
}).configureLogging(signalR.LogLevel.Information).build();
|
82
|
+
|
83
|
+
connection.start().then(function () {
|
84
|
+
return _this.connected(connection);
|
85
|
+
}).catch(function (err) {
|
86
|
+
return _this._error(err);
|
87
|
+
});
|
88
|
+
connection.onclose(function () {
|
89
|
+
return _this.reconnect(connection);
|
90
|
+
});
|
91
|
+
|
92
|
+
return connection;
|
93
|
+
}
|
94
|
+
}, {
|
95
|
+
key: '_error',
|
96
|
+
value: function _error(err) {
|
97
|
+
var _this2 = this;
|
98
|
+
|
99
|
+
console.error('signalR:', err);
|
100
|
+
this.error(err);
|
101
|
+
this.throttle(function () {
|
102
|
+
_this2.reconnect(_this2.connection);
|
103
|
+
}, 3000);
|
104
|
+
}
|
105
|
+
}, {
|
106
|
+
key: 'updateConfig',
|
107
|
+
value: function updateConfig(options, reInit) {
|
108
|
+
var _this3 = this;
|
109
|
+
|
110
|
+
if (options && (typeof options === 'undefined' ? 'undefined' : (0, _typeof3.default)(options)) === 'object') {
|
111
|
+
(0, _keys2.default)(options).forEach(function (key) {
|
112
|
+
return _this3[key] = options[key];
|
113
|
+
});
|
114
|
+
}
|
115
|
+
if (reInit) {
|
116
|
+
this.stop(function () {
|
117
|
+
_this3.connection = _this3._init();
|
118
|
+
});
|
119
|
+
} else {
|
120
|
+
this.connection.start().then(function () {
|
121
|
+
return _this3.connected(_this3.connection);
|
122
|
+
}).catch(function (err) {
|
123
|
+
return _this3._error(err);
|
124
|
+
});
|
125
|
+
}
|
126
|
+
}
|
127
|
+
}, {
|
128
|
+
key: 'on',
|
129
|
+
value: function on(type, func) {
|
130
|
+
this.connection.on(type, function () {
|
131
|
+
return func.apply(undefined, arguments);
|
132
|
+
});
|
133
|
+
}
|
134
|
+
}, {
|
135
|
+
key: 'send',
|
136
|
+
value: function send(type) {
|
137
|
+
var _connection;
|
138
|
+
|
139
|
+
var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
140
|
+
var error = arguments[2];
|
141
|
+
|
142
|
+
(_connection = this.connection).invoke.apply(_connection, [type].concat((0, _toConsumableArray3.default)(params))).catch(function (err) {
|
143
|
+
return error && error(err);
|
144
|
+
});
|
145
|
+
}
|
146
|
+
}, {
|
147
|
+
key: 'stop',
|
148
|
+
value: function stop(func) {
|
149
|
+
var _this4 = this;
|
150
|
+
|
151
|
+
var stoped = function stoped() {
|
152
|
+
_this4.connection = null;
|
153
|
+
func && func();
|
154
|
+
};
|
155
|
+
this.connection.stop().then(stoped).catch(stoped);
|
156
|
+
}
|
157
|
+
}, {
|
158
|
+
key: 'throttle',
|
159
|
+
value: function throttle(fn, gapTime) {
|
160
|
+
var _lastTime = null;
|
161
|
+
return function () {
|
162
|
+
var _nowTime = +new Date();
|
163
|
+
if (_nowTime - _lastTime > gapTime || !_lastTime) {
|
164
|
+
fn();
|
165
|
+
_lastTime = _nowTime;
|
166
|
+
}
|
167
|
+
};
|
168
|
+
}
|
169
|
+
}], [{
|
170
|
+
key: 'socketAuth',
|
171
|
+
value: function () {
|
172
|
+
var _ref2 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee() {
|
173
|
+
var _ref3, orgId, loginInfo, SignalRServerHost, CiaToken, accountId, token, PosId, storeID, appKey, params;
|
174
|
+
|
175
|
+
return _regenerator2.default.wrap(function _callee$(_context) {
|
176
|
+
while (1) {
|
177
|
+
switch (_context.prev = _context.next) {
|
178
|
+
case 0:
|
179
|
+
_ref3 = _mutantsMicrofx.stores.user || {}, orgId = _ref3.orgId;
|
180
|
+
loginInfo = _mutantsMicrofx.stores.user.options.get('loginInfo');
|
181
|
+
SignalRServerHost = loginInfo.SignalRServerHost, CiaToken = loginInfo.CiaToken, accountId = loginInfo.enterpriseUniqId, token = loginInfo.SignalRToken, PosId = loginInfo.PosId, storeID = loginInfo.storeID, appKey = loginInfo.CloudServerAppKey;
|
182
|
+
params = { accountId: accountId, token: token, PosId: PosId, storeID: storeID, orgId: orgId, appKey: appKey, CiaToken: CiaToken };
|
183
|
+
_context.next = 6;
|
184
|
+
return _axios2.default.get(SignalRServerHost + '/api/auth/GetAccessToken', { params: params });
|
185
|
+
|
186
|
+
case 6:
|
187
|
+
return _context.abrupt('return', _context.sent);
|
188
|
+
|
189
|
+
case 7:
|
190
|
+
case 'end':
|
191
|
+
return _context.stop();
|
192
|
+
}
|
193
|
+
}
|
194
|
+
}, _callee, this);
|
195
|
+
}));
|
196
|
+
|
197
|
+
function socketAuth() {
|
198
|
+
return _ref2.apply(this, arguments);
|
199
|
+
}
|
200
|
+
|
201
|
+
return socketAuth;
|
202
|
+
}()
|
203
|
+
}]);
|
204
|
+
return Socket;
|
205
|
+
}(); // cloud server消息推送接口单独使用 不走统一配置
|
206
|
+
/**
|
207
|
+
* host 主机
|
208
|
+
* path 地址
|
209
|
+
* connected 连接成功后的回调
|
210
|
+
* error 错误信息的回调
|
211
|
+
* reconnect 触发重连的钩子
|
212
|
+
* updateConfig 触发重连时候 需要在实例化时的reconnect钩子调用该方法,参数 options 为设置新的参数 reInit 为是否重新初始化连接
|
213
|
+
* send 发送消息
|
214
|
+
* on 监听推送消息
|
215
|
+
* stop 停止连接
|
216
|
+
*
|
217
|
+
**/
|
218
|
+
|
219
|
+
|
220
|
+
exports.default = Socket;
|
221
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/socket/index.js"],"names":["signalR","Socket","host","path","connected","error","reconnect","token","connection","_init","on","stop","throttle","HubConnectionBuilder","withUrl","accessTokenFactory","configureLogging","LogLevel","Information","build","start","then","catch","_error","err","onclose","console","options","reInit","forEach","key","type","func","params","invoke","stoped","fn","gapTime","_lastTime","_nowTime","Date","stores","user","orgId","loginInfo","get","SignalRServerHost","CiaToken","accountId","enterpriseUniqId","SignalRToken","PosId","storeID","appKey","CloudServerAppKey","axios"],"mappings":"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","file":"index.js","sourcesContent":["/**\r\n * host 主机\r\n * path 地址\r\n * connected 连接成功后的回调\r\n * error 错误信息的回调\r\n * reconnect 触发重连的钩子\r\n * updateConfig 触发重连时候 需要在实例化时的reconnect钩子调用该方法,参数 options 为设置新的参数 reInit 为是否重新初始化连接\r\n * send 发送消息\r\n * on 监听推送消息\r\n * stop 停止连接\r\n *\r\n**/\r\nimport * as signalR from '@aspnet/signalr';\r\nimport axios from 'axios'; // cloud server消息推送接口单独使用 不走统一配置\r\nimport { stores, localStore } from 'mutants-microfx';\r\n\r\nexport default class Socket {\r\n constructor({ host, path, connected, error, reconnect, token }) {\r\n this.host = host;\r\n this.path = path;\r\n this.token = token;\r\n this.connected = connected || (() => { });\r\n this.reconnect = reconnect || (() => { });\r\n this.error = error || (() => { });\r\n this.connection = this._init();\r\n this.on = this.on;\r\n this.stop = this.stop;\r\n this.throttle = this.throttle;\r\n }\r\n\r\n _init() {\r\n const connection = new signalR.HubConnectionBuilder()\r\n .withUrl(`${this.host}${this.path}`, {\r\n accessTokenFactory: () => this.token\r\n })\r\n .configureLogging(signalR.LogLevel.Information)\r\n .build();\r\n\r\n connection.start().then(() => this.connected(connection)).catch(err => this._error(err));\r\n connection.onclose(() => this.reconnect(connection));\r\n\r\n return connection;\r\n }\r\n\r\n _error(err) {\r\n console.error('signalR:', err);\r\n this.error(err);\r\n this.throttle(() => {\r\n this.reconnect(this.connection);\r\n }, 3000);\r\n }\r\n\r\n updateConfig(options, reInit) {\r\n if (options && typeof options === 'object') {\r\n Object.keys(options).forEach(key => this[key] = options[key]);\r\n }\r\n if (reInit) {\r\n this.stop(() => {\r\n this.connection = this._init();\r\n });\r\n } else {\r\n this.connection.start().then(() => this.connected(this.connection)).catch(err => this._error(err));\r\n }\r\n }\r\n\r\n on(type, func) {\r\n this.connection.on(type, (...argument) => func(...argument));\r\n }\r\n\r\n send(type, params = [], error) {\r\n this.connection.invoke(type, ...params).catch(err => error && error(err));\r\n }\r\n\r\n stop(func) {\r\n const stoped = () => {\r\n this.connection = null;\r\n func && func();\r\n }\r\n this.connection.stop().then(stoped).catch(stoped);\r\n }\r\n\r\n throttle(fn, gapTime) {\r\n let _lastTime = null;\r\n return function () {\r\n const _nowTime = +new Date();\r\n if (_nowTime - _lastTime > gapTime || !_lastTime) {\r\n fn();\r\n _lastTime = _nowTime;\r\n }\r\n }\r\n }\r\n\r\n static async socketAuth() {\r\n const { orgId } = stores.user || {};\r\n const loginInfo = stores.user.options.get('loginInfo');\r\n const { SignalRServerHost, CiaToken, enterpriseUniqId: accountId, SignalRToken: token, PosId, storeID, CloudServerAppKey: appKey } = loginInfo;\r\n const params = { accountId, token, PosId, storeID, orgId, appKey, CiaToken };\r\n return await axios.get(`${SignalRServerHost}/api/auth/GetAccessToken`, { params });\r\n }\r\n}\r\n"]}
|
@@ -0,0 +1,95 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
|
7
|
+
var _extends2 = require('babel-runtime/helpers/extends');
|
8
|
+
|
9
|
+
var _extends3 = _interopRequireDefault(_extends2);
|
10
|
+
|
11
|
+
exports.default = Spin;
|
12
|
+
|
13
|
+
var _react = require('react');
|
14
|
+
|
15
|
+
var _react2 = _interopRequireDefault(_react);
|
16
|
+
|
17
|
+
require('./spin-style.less');
|
18
|
+
|
19
|
+
var _propTypes = require('prop-types');
|
20
|
+
|
21
|
+
var _propTypes2 = _interopRequireDefault(_propTypes);
|
22
|
+
|
23
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
24
|
+
|
25
|
+
var rotating = _react2.default.createElement(
|
26
|
+
'div',
|
27
|
+
{ 'class': 'la-ball-spin-clockwise-fade-rotating' },
|
28
|
+
_react2.default.createElement('div', null),
|
29
|
+
_react2.default.createElement('div', null),
|
30
|
+
_react2.default.createElement('div', null),
|
31
|
+
_react2.default.createElement('div', null),
|
32
|
+
_react2.default.createElement('div', null),
|
33
|
+
_react2.default.createElement('div', null),
|
34
|
+
_react2.default.createElement('div', null),
|
35
|
+
_react2.default.createElement('div', null)
|
36
|
+
); /**
|
37
|
+
* @style style
|
38
|
+
* @className className
|
39
|
+
* @scale spin缩放比
|
40
|
+
* @type spin类型 arrow-circle | circle | circle-side | shape
|
41
|
+
* @visible 是否显示
|
42
|
+
*/
|
43
|
+
|
44
|
+
|
45
|
+
var shapeNode = function shapeNode() {
|
46
|
+
return _react2.default.createElement(
|
47
|
+
'div',
|
48
|
+
{ className: 'shape-container' },
|
49
|
+
_react2.default.createElement('div', { className: 'shape shape-1' }),
|
50
|
+
_react2.default.createElement('div', { className: 'shape shape-2' }),
|
51
|
+
_react2.default.createElement('div', { className: 'shape shape-3' }),
|
52
|
+
_react2.default.createElement('div', { className: 'shape shape-4' })
|
53
|
+
);
|
54
|
+
};
|
55
|
+
|
56
|
+
function Spin(props) {
|
57
|
+
var _props$className = props.className,
|
58
|
+
className = _props$className === undefined ? '' : _props$className,
|
59
|
+
_props$style = props.style,
|
60
|
+
style = _props$style === undefined ? {} : _props$style,
|
61
|
+
_props$scale = props.scale,
|
62
|
+
scale = _props$scale === undefined ? 1 : _props$scale,
|
63
|
+
_props$type = props.type,
|
64
|
+
type = _props$type === undefined ? 'arrow-circle' : _props$type,
|
65
|
+
_props$visible = props.visible,
|
66
|
+
visible = _props$visible === undefined ? true : _props$visible;
|
67
|
+
|
68
|
+
var scaleSize = 'scale(' + scale + ')';
|
69
|
+
var scaleStyle = {
|
70
|
+
transform: scaleSize,
|
71
|
+
WebkitTransform: scaleSize,
|
72
|
+
MozTransform: scaleSize
|
73
|
+
};
|
74
|
+
var assignStyle = (0, _extends3.default)({}, style, scaleStyle);
|
75
|
+
if (!visible) return null;
|
76
|
+
var createContent = function createContent() {
|
77
|
+
if (type === 'shape') return shapeNode();
|
78
|
+
if (type === 'rotating') return rotating;
|
79
|
+
return _react2.default.createElement('div', { className: type });
|
80
|
+
};
|
81
|
+
return _react2.default.createElement(
|
82
|
+
'div',
|
83
|
+
{ className: 'tplus-spin ' + className, style: assignStyle },
|
84
|
+
createContent()
|
85
|
+
);
|
86
|
+
}
|
87
|
+
|
88
|
+
Spin.propTypes = {
|
89
|
+
style: _propTypes2.default.object,
|
90
|
+
className: _propTypes2.default.string,
|
91
|
+
type: _propTypes2.default.string,
|
92
|
+
scale: _propTypes2.default.number,
|
93
|
+
visible: _propTypes2.default.bool
|
94
|
+
};
|
95
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/spin/index.js"],"names":["Spin","rotating","shapeNode","props","className","style","scale","type","visible","scaleSize","scaleStyle","transform","WebkitTransform","MozTransform","assignStyle","createContent","propTypes","PropTypes","object","string","number","bool"],"mappings":";;;;;;;;;;kBA6BwBA,I;;AAtBxB;;;;AACA;;AACA;;;;;;AAEA,IAAMC,WAAY;AAAA;AAAA,IAAK,SAAM,sCAAX;AAChB,4CADgB;AAEhB,4CAFgB;AAGhB,4CAHgB;AAIhB,4CAJgB;AAKhB,4CALgB;AAMhB,4CANgB;AAOhB,4CAPgB;AAQhB;AARgB,CAAlB,C,CAXA;;;;;;;;;AAsBA,IAAMC,YAAY,SAAZA,SAAY;AAAA,SAAO;AAAA;AAAA,MAAK,WAAU,iBAAf;AACvB,2CAAK,WAAU,eAAf,GADuB;AAEvB,2CAAK,WAAU,eAAf,GAFuB;AAGvB,2CAAK,WAAU,eAAf,GAHuB;AAIvB,2CAAK,WAAU,eAAf;AAJuB,GAAP;AAAA,CAAlB;;AAOe,SAASF,IAAT,CAAcG,KAAd,EAAqB;AAAA,yBACqDA,KADrD,CAC3BC,SAD2B;AAAA,MAC3BA,SAD2B,oCACf,EADe;AAAA,qBACqDD,KADrD,CACXE,KADW;AAAA,MACXA,KADW,gCACH,EADG;AAAA,qBACqDF,KADrD,CACCG,KADD;AAAA,MACCA,KADD,gCACS,CADT;AAAA,oBACqDH,KADrD,CACYI,IADZ;AAAA,MACYA,IADZ,+BACmB,cADnB;AAAA,uBACqDJ,KADrD,CACmCK,OADnC;AAAA,MACmCA,OADnC,kCAC6C,IAD7C;;AAElC,MAAMC,uBAAqBH,KAArB,MAAN;AACA,MAAMI,aAAa;AACjBC,eAAWF,SADM;AAEjBG,qBAAiBH,SAFA;AAGjBI,kBAAcJ;AAHG,GAAnB;AAKA,MAAMK,yCAAkBT,KAAlB,EAA4BK,UAA5B,CAAN;AACA,MAAI,CAACF,OAAL,EAAc,OAAO,IAAP;AACd,MAAMO,gBAAgB,SAAhBA,aAAgB,GAAM;AAC1B,QAAIR,SAAS,OAAb,EAAsB,OAAOL,WAAP;AACtB,QAAIK,SAAS,UAAb,EAAyB,OAAON,QAAP;AACzB,WAAO,uCAAK,WAAWM,IAAhB,GAAP;AACD,GAJD;AAKA,SAAO;AAAA;AAAA,MAAK,2BAAyBH,SAA9B,EAA2C,OAAOU,WAAlD;AACJC;AADI,GAAP;AAGD;;AAGDf,KAAKgB,SAAL,GAAiB;AACfX,SAAOY,oBAAUC,MADF;AAEfd,aAAWa,oBAAUE,MAFN;AAGfZ,QAAMU,oBAAUE,MAHD;AAIfb,SAAOW,oBAAUG,MAJF;AAKfZ,WAASS,oBAAUI;AALJ,CAAjB","file":"index.js","sourcesContent":["/**\r\n * @style style\r\n * @className className\r\n * @scale spin缩放比\r\n * @type spin类型 arrow-circle | circle | circle-side | shape\r\n * @visible 是否显示\r\n */\r\nimport React from 'react';\r\nimport './spin-style.less';\r\nimport PropTypes, {oneOfType} from 'prop-types';\r\n\r\nconst rotating = (<div class=\"la-ball-spin-clockwise-fade-rotating\">\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n <div></div>\r\n</div>)\r\n\r\nconst shapeNode = () => (<div className=\"shape-container\">\r\n <div className=\"shape shape-1\"></div>\r\n <div className=\"shape shape-2\"></div>\r\n <div className=\"shape shape-3\"></div>\r\n <div className=\"shape shape-4\"></div>\r\n</div>)\r\n\r\nexport default function Spin(props) {\r\n const {className = '', style = {}, scale = 1, type = 'arrow-circle', visible = true} = props;\r\n const scaleSize = `scale(${scale})`;\r\n const scaleStyle = {\r\n transform: scaleSize,\r\n WebkitTransform: scaleSize,\r\n MozTransform: scaleSize,\r\n };\r\n const assignStyle = {...style, ...scaleStyle};\r\n if (!visible) return null;\r\n const createContent = () => {\r\n if (type === 'shape') return shapeNode();\r\n if (type === 'rotating') return rotating;\r\n return <div className={type} />;\r\n }\r\n return(<div className={`tplus-spin ${className}`} style={assignStyle}>\r\n {createContent()}\r\n </div>);\r\n}\r\n\r\n\r\nSpin.propTypes = {\r\n style: PropTypes.object,\r\n className: PropTypes.string,\r\n type: PropTypes.string,\r\n scale: PropTypes.number,\r\n visible: PropTypes.bool,\r\n};\r\n"]}
|