tplus-components-touch 3.22.16 → 3.22.17
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/README.md +16 -16
- package/dist/components/acCitySelect/CitySelect.js +541 -0
- package/dist/components/acCitySelect/CitySelect.js.map +1 -0
- package/dist/components/acCitySelect/CitySelect.less +10 -0
- package/dist/components/acCitySelect/citys.js +1270 -0
- package/dist/components/acCitySelect/citys.js.map +1 -0
- package/dist/components/acCitySelect/index.js +18 -0
- package/dist/components/acCitySelect/index.js.map +1 -0
- package/dist/components/acCitySelect/provinceData.js +40 -0
- package/dist/components/acCitySelect/provinceData.js.map +1 -0
- package/dist/components/addLog/AddLogProcessor.js +49 -0
- package/dist/components/addLog/AddLogProcessor.js.map +1 -0
- package/dist/components/addLog/OperationLogApi.js +125 -0
- package/dist/components/addLog/OperationLogApi.js.map +1 -0
- package/dist/components/autoComplete/index.js +245 -0
- package/dist/components/autoComplete/index.js.map +1 -0
- package/dist/components/autoComplete/index.less +89 -0
- package/dist/components/autoComplete/option.js +75 -0
- package/dist/components/autoComplete/option.js.map +1 -0
- package/dist/components/autoCompleteWithKeyboard/index.js +231 -0
- package/dist/components/autoCompleteWithKeyboard/index.js.map +1 -0
- package/dist/components/autoCompleteWithKeyboard/index.less +8 -0
- package/dist/components/billSearch/api.js +465 -0
- package/dist/components/billSearch/api.js.map +1 -0
- package/dist/components/billSearch/index.js +2063 -0
- package/dist/components/billSearch/index.js.map +1 -0
- package/dist/components/billSearch/index.less +373 -0
- package/dist/components/cloudPrint/BTPrintFormatUtil.js +568 -0
- package/dist/components/cloudPrint/BTPrintFormatUtil.js.map +1 -0
- package/dist/components/cloudPrint/api.js +349 -0
- package/dist/components/cloudPrint/api.js.map +1 -0
- package/dist/components/cloudPrint/index.js +674 -0
- package/dist/components/cloudPrint/index.js.map +1 -0
- package/dist/components/cloudPrint/printDispatch.js +223 -0
- package/dist/components/cloudPrint/printDispatch.js.map +1 -0
- package/dist/components/commonForm/addressPicker/index.js +232 -0
- package/dist/components/commonForm/addressPicker/index.js.map +1 -0
- package/dist/components/commonForm/addressPicker/style.less +11 -0
- package/dist/components/commonForm/autoComplete/index.js +241 -0
- package/dist/components/commonForm/autoComplete/index.js.map +1 -0
- package/dist/components/commonForm/autoComplete/style.less +3 -0
- package/dist/components/commonForm/datePicker/index.js +89 -0
- package/dist/components/commonForm/datePicker/index.js.map +1 -0
- package/dist/components/commonForm/datePicker/style.less +5 -0
- package/dist/components/commonForm/formControl/index.js +143 -0
- package/dist/components/commonForm/formControl/index.js.map +1 -0
- package/dist/components/commonForm/formControl/style.less +0 -0
- package/dist/components/commonForm/index.js +225 -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/inputNumber/style.less +11 -0
- package/dist/components/commonForm/radio/index.js +132 -0
- package/dist/components/commonForm/radio/index.js.map +1 -0
- package/dist/components/commonForm/radio/style.less +0 -0
- package/dist/components/commonForm/style.less +2 -0
- package/dist/components/deliverySearch/api.js +355 -0
- package/dist/components/deliverySearch/api.js.map +1 -0
- package/dist/components/deliverySearch/index.js +1214 -0
- package/dist/components/deliverySearch/index.js.map +1 -0
- package/dist/components/deliverySearch/index.less +554 -0
- package/dist/components/form/index.js +310 -0
- package/dist/components/form/index.js.map +1 -0
- package/dist/components/hardwareAPI/index.js +181 -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 +785 -0
- package/dist/components/hotKey/index.js.map +1 -0
- package/dist/components/hotKey/localConfig.js +1021 -0
- package/dist/components/hotKey/localConfig.js.map +1 -0
- package/dist/components/hotKey/style.less +96 -0
- package/dist/components/hotKey/utils.js +135 -0
- package/dist/components/hotKey/utils.js.map +1 -0
- package/dist/components/input/index.js +251 -0
- package/dist/components/input/index.js.map +1 -0
- package/dist/components/input/style.less +99 -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/tplusInput/style.less +132 -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/index.less +120 -0
- package/dist/components/inventorySearch/store.js +344 -0
- package/dist/components/inventorySearch/store.js.map +1 -0
- package/dist/components/inventorySearch/tab.js +258 -0
- package/dist/components/inventorySearch/tab.js.map +1 -0
- package/dist/components/keyboard/index.js +255 -0
- package/dist/components/keyboard/index.js.map +1 -0
- package/dist/components/keyboard/index.less +470 -0
- package/dist/components/keyboard/letterKeyboard.js +210 -0
- package/dist/components/keyboard/letterKeyboard.js.map +1 -0
- package/dist/components/keyboard/numKeyboard.js +459 -0
- package/dist/components/keyboard/numKeyboard.js.map +1 -0
- package/dist/components/keyboard/numKeyboardScan.js +195 -0
- package/dist/components/keyboard/numKeyboardScan.js.map +1 -0
- package/dist/components/keyboard/numberButton_input.js +303 -0
- package/dist/components/keyboard/numberButton_input.js.map +1 -0
- package/dist/components/keyboard/numkeyboardPassword.js +460 -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/onlyLetterButton2.less +162 -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 +165 -0
- package/dist/components/layout/sider.js.map +1 -0
- package/dist/components/layout/style.less +82 -0
- package/dist/components/loading/index.js +198 -0
- package/dist/components/loading/index.js.map +1 -0
- package/dist/components/loading/loadingContent.js +176 -0
- package/dist/components/loading/loadingContent.js.map +1 -0
- package/dist/components/loading/style.less +61 -0
- package/dist/components/loading/utils.js +29 -0
- package/dist/components/loading/utils.js.map +1 -0
- package/dist/components/message/index.js +308 -0
- package/dist/components/message/index.js.map +1 -0
- package/dist/components/message/index.less +101 -0
- package/dist/components/modal/index.js +93 -0
- package/dist/components/modal/index.js.map +1 -0
- package/dist/components/modal/index.less +19 -0
- package/dist/components/modalVertical/index.js +325 -0
- package/dist/components/modalVertical/index.js.map +1 -0
- package/dist/components/modalVertical/style.less +60 -0
- package/dist/components/modalWraper/index.js +470 -0
- package/dist/components/modalWraper/index.js.map +1 -0
- package/dist/components/modalWraper/style.less +257 -0
- package/dist/components/modalWraper/utils.js +48 -0
- package/dist/components/modalWraper/utils.js.map +1 -0
- package/dist/components/notification/index.js +119 -0
- package/dist/components/notification/index.js.map +1 -0
- package/dist/components/notification/index.less +52 -0
- package/dist/components/overflowTip/index.js +269 -0
- package/dist/components/overflowTip/index.js.map +1 -0
- package/dist/components/overflowTip/style.less +66 -0
- package/dist/components/page/index.js +49 -0
- package/dist/components/page/index.js.map +1 -0
- package/dist/components/page/index.less +22 -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/product/index.less +128 -0
- package/dist/components/progressState/EmptyAndErrorView.js +143 -0
- package/dist/components/progressState/EmptyAndErrorView.js.map +1 -0
- package/dist/components/progressState/ProgressState.js +157 -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/progressState/style.less +65 -0
- package/dist/components/scan/index.js +219 -0
- package/dist/components/scan/index.js.map +1 -0
- package/dist/components/scan/index.less +34 -0
- package/dist/components/select/index.js +28 -0
- package/dist/components/select/index.js.map +1 -0
- package/dist/components/select/index.less +12 -0
- package/dist/components/settlement/asyncModal.js +204 -0
- package/dist/components/settlement/asyncModal.js.map +1 -0
- package/dist/components/settlement/index.js +16 -0
- package/dist/components/settlement/index.js.map +1 -0
- package/dist/components/settlement/prototypeTable/index.js +349 -0
- package/dist/components/settlement/prototypeTable/index.js.map +1 -0
- package/dist/components/settlement/prototypeTable/style.less +59 -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 +5471 -0
- package/dist/components/settlement/settlement.js.map +1 -0
- package/dist/components/settlement/settlement.less +1594 -0
- package/dist/components/settlement/settlementStore.js +2101 -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 +220 -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/spin/spin-style.less +436 -0
- package/dist/components/test/index.js +330 -0
- package/dist/components/test/index.js.map +1 -0
- package/dist/components/ticon/iconfont/demo.css +539 -0
- package/dist/components/ticon/iconfont/demo_index.html +5202 -0
- package/dist/components/ticon/iconfont/iconfont.css +887 -0
- package/dist/components/ticon/iconfont/iconfont.eot +0 -0
- package/dist/components/ticon/iconfont/iconfont.js +35 -0
- package/dist/components/ticon/iconfont/iconfont.js.map +1 -0
- package/dist/components/ticon/iconfont/iconfont.json +1535 -0
- package/dist/components/ticon/iconfont/iconfont.svg +593 -0
- 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 +182 -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 +1109 -0
- package/dist/components/touchTable/index.js.map +1 -0
- package/dist/components/touchTable/index.less +370 -0
- package/dist/components/touchTable/utils.js +14 -0
- package/dist/components/touchTable/utils.js.map +1 -0
- package/dist/demo/PopOverDemo.js +126 -0
- package/dist/demo/PopOverDemo.js.map +1 -0
- package/dist/index.js +249 -0
- package/dist/index.js.map +1 -0
- package/dist/util/tools.js +202 -0
- package/dist/util/tools.js.map +1 -0
- package/locales/zh/tplus-components-touch.json +1 -1
- package/locales/zh-CN/tplus-components-touch.json +1 -1
- package/mocks/memberInfo.json +79 -79
- package/package.json +35 -35
- package/tsconfig.json +26 -26
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = undefined;
|
|
7
|
+
|
|
8
|
+
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
|
|
9
|
+
|
|
10
|
+
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
|
|
11
|
+
|
|
12
|
+
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
|
13
|
+
|
|
14
|
+
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
15
|
+
|
|
16
|
+
var _createClass2 = require('babel-runtime/helpers/createClass');
|
|
17
|
+
|
|
18
|
+
var _createClass3 = _interopRequireDefault(_createClass2);
|
|
19
|
+
|
|
20
|
+
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
|
21
|
+
|
|
22
|
+
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
23
|
+
|
|
24
|
+
var _inherits2 = require('babel-runtime/helpers/inherits');
|
|
25
|
+
|
|
26
|
+
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
27
|
+
|
|
28
|
+
var _class, _temp; /**
|
|
29
|
+
* 结算使用的键盘
|
|
30
|
+
*/
|
|
31
|
+
|
|
32
|
+
var _react = require('react');
|
|
33
|
+
|
|
34
|
+
var _react2 = _interopRequireDefault(_react);
|
|
35
|
+
|
|
36
|
+
var _index = require('../../index');
|
|
37
|
+
|
|
38
|
+
var _propTypes = require('prop-types');
|
|
39
|
+
|
|
40
|
+
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
41
|
+
|
|
42
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
43
|
+
|
|
44
|
+
var OnlyNumberButton = (_temp = _class = function (_Component) {
|
|
45
|
+
(0, _inherits3.default)(OnlyNumberButton, _Component);
|
|
46
|
+
|
|
47
|
+
function OnlyNumberButton(props) {
|
|
48
|
+
(0, _classCallCheck3.default)(this, OnlyNumberButton);
|
|
49
|
+
|
|
50
|
+
var _this = (0, _possibleConstructorReturn3.default)(this, (OnlyNumberButton.__proto__ || (0, _getPrototypeOf2.default)(OnlyNumberButton)).call(this, props));
|
|
51
|
+
|
|
52
|
+
_this.numClick = function (key) {
|
|
53
|
+
_this.props.onChange(key);
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
return _this;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
(0, _createClass3.default)(OnlyNumberButton, [{
|
|
60
|
+
key: 'render',
|
|
61
|
+
value: function render() {
|
|
62
|
+
var _this2 = this;
|
|
63
|
+
|
|
64
|
+
var nums = {
|
|
65
|
+
'1': '1',
|
|
66
|
+
'2': '2',
|
|
67
|
+
'3': '3',
|
|
68
|
+
'delete': '<--',
|
|
69
|
+
'4': '4',
|
|
70
|
+
'5': '5',
|
|
71
|
+
'6': '6',
|
|
72
|
+
'-': '-',
|
|
73
|
+
'7': '7',
|
|
74
|
+
'8': '8',
|
|
75
|
+
'9': '9',
|
|
76
|
+
'clear': '清<br />空'
|
|
77
|
+
};
|
|
78
|
+
var nums2 = {
|
|
79
|
+
'0': '0',
|
|
80
|
+
'00': '00',
|
|
81
|
+
'.': '.'
|
|
82
|
+
};
|
|
83
|
+
var numsIndex = ['1', '2', '3', 'delete', '4', '5', '6', '-', '7', '8', '9', 'clear'];
|
|
84
|
+
var numsIndex2 = ['0', '00', '.'];
|
|
85
|
+
var numsKey = numsIndex.map(function (index) {
|
|
86
|
+
if (index === 'clear') {
|
|
87
|
+
return _react2.default.createElement('div', { className: 'key', dangerouslySetInnerHTML: { __html: index === 'clear' ? nums[index] : '' }, style: { fontSize: '18px', 'height': '126px' }, key: index, onClick: _this2.numClick.bind(_this2, index) });
|
|
88
|
+
}
|
|
89
|
+
if (index === 'delete') {
|
|
90
|
+
return _react2.default.createElement(
|
|
91
|
+
'div',
|
|
92
|
+
{ className: 'key', key: index, onClick: _this2.numClick.bind(_this2, 'delete') },
|
|
93
|
+
_react2.default.createElement(_index.Ticon, { type: 'tuige' })
|
|
94
|
+
);
|
|
95
|
+
}
|
|
96
|
+
return _react2.default.createElement(
|
|
97
|
+
'div',
|
|
98
|
+
{ className: 'key', key: index, onClick: _this2.numClick.bind(_this2, index) },
|
|
99
|
+
nums[index]
|
|
100
|
+
);
|
|
101
|
+
});
|
|
102
|
+
var numsKey2 = numsIndex2.map(function (index) {
|
|
103
|
+
return _react2.default.createElement(
|
|
104
|
+
'div',
|
|
105
|
+
{ className: 'key', key: index, onClick: _this2.numClick.bind(_this2, index) },
|
|
106
|
+
nums2[index]
|
|
107
|
+
);
|
|
108
|
+
});
|
|
109
|
+
return _react2.default.createElement(
|
|
110
|
+
'div',
|
|
111
|
+
{ className: 'only-number-button-content', onMouseDown: function onMouseDown(e) {
|
|
112
|
+
return e.preventDefault();
|
|
113
|
+
} },
|
|
114
|
+
numsKey,
|
|
115
|
+
_react2.default.createElement(
|
|
116
|
+
'div',
|
|
117
|
+
{ className: 'only-number-button-content-inner' },
|
|
118
|
+
numsKey2
|
|
119
|
+
)
|
|
120
|
+
);
|
|
121
|
+
}
|
|
122
|
+
}]);
|
|
123
|
+
return OnlyNumberButton;
|
|
124
|
+
}(_react.Component), _class.propTypes = {
|
|
125
|
+
onChange: _propTypes2.default.func.isRequired
|
|
126
|
+
}, _temp);
|
|
127
|
+
exports.default = OnlyNumberButton;
|
|
128
|
+
//# sourceMappingURL=onlyNumberButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/keyboard/onlyNumberButton.js"],"names":["OnlyNumberButton","props","numClick","key","onChange","nums","nums2","numsIndex","numsIndex2","numsKey","map","index","__html","fontSize","bind","numsKey2","e","preventDefault","Component","propTypes","PropTypes","func","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAA;;;;AAIA;;;;AACA;;AACA;;;;;;IAEqBA,gB;;;AAMnB,4BAAYC,KAAZ,EAAmB;AAAA;;AAAA,0JACXA,KADW;;AAAA,UAInBC,QAJmB,GAIR,UAACC,GAAD,EAAS;AAClB,YAAKF,KAAL,CAAWG,QAAX,CAAoBD,GAApB;AACD,KANkB;;AAAA;AAElB;;;;6BAMQ;AAAA;;AACP,UAAIE,OAAO;AACT,aAAK,GADI;AAET,aAAK,GAFI;AAGT,aAAK,GAHI;AAIT,kBAAU,KAJD;AAKT,aAAK,GALI;AAMT,aAAK,GANI;AAOT,aAAK,GAPI;AAQT,aAAK,GARI;AAST,aAAK,GATI;AAUT,aAAK,GAVI;AAWT,aAAK,GAXI;AAYT,iBAAS;AAZA,OAAX;AAcA,UAAIC,QAAQ;AACV,aAAK,GADK;AAEV,cAAM,IAFI;AAGV,aAAK;AAHK,OAAZ;AAKA,UAAIC,YAAY,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,EAAgB,QAAhB,EAA0B,GAA1B,EAA+B,GAA/B,EAAoC,GAApC,EAAyC,GAAzC,EAA8C,GAA9C,EAAmD,GAAnD,EAAwD,GAAxD,EAA6D,OAA7D,CAAhB;AACA,UAAIC,aAAa,CAAC,GAAD,EAAM,IAAN,EAAY,GAAZ,CAAjB;AACA,UAAIC,UAAUF,UAAUG,GAAV,CAAe,iBAAS;AACpC,YAAIC,UAAU,OAAd,EAAuB;AACrB,iBAAO,uCAAK,WAAU,KAAf,EAAqB,yBAAyB,EAACC,QAAQD,UAAU,OAAV,GAAoBN,KAAKM,KAAL,CAApB,GAAkC,EAA3C,EAA9C,EAA8F,OAAO,EAACE,UAAU,MAAX,EAAmB,UAAU,OAA7B,EAArG,EAA4I,KAAKF,KAAjJ,EAAwJ,SAAS,OAAKT,QAAL,CAAcY,IAAd,CAAmB,MAAnB,EAAyBH,KAAzB,CAAjK,GAAP;AACD;AACD,YAAIA,UAAU,QAAd,EAAwB;AACtB,iBAAO;AAAA;AAAA,cAAK,WAAU,KAAf,EAAqB,KAAKA,KAA1B,EAAiC,SAAS,OAAKT,QAAL,CAAcY,IAAd,CAAmB,MAAnB,EAAyB,QAAzB,CAA1C;AAA8E,0CAAC,YAAD,IAAO,MAAK,OAAZ;AAA9E,WAAP;AACD;AACD,eAAO;AAAA;AAAA,YAAK,WAAU,KAAf,EAAqB,KAAKH,KAA1B,EAAiC,SAAS,OAAKT,QAAL,CAAcY,IAAd,CAAmB,MAAnB,EAAyBH,KAAzB,CAA1C;AAA4EN,eAAKM,KAAL;AAA5E,SAAP;AACD,OARa,CAAd;AASA,UAAII,WAAWP,WAAWE,GAAX,CAAe,iBAAS;AACrC,eAAO;AAAA;AAAA,YAAK,WAAU,KAAf,EAAqB,KAAKC,KAA1B,EAAiC,SAAS,OAAKT,QAAL,CAAcY,IAAd,CAAmB,MAAnB,EAAyBH,KAAzB,CAA1C;AAA4EL,gBAAMK,KAAN;AAA5E,SAAP;AACD,OAFc,CAAf;AAGA,aACE;AAAA;AAAA,UAAK,WAAU,4BAAf,EAA4C,aAAa;AAAA,mBAAKK,EAAEC,cAAF,EAAL;AAAA,WAAzD;AACKR,eADL;AAEI;AAAA;AAAA,YAAK,WAAU,kCAAf;AACGM;AADH;AAFJ,OADF;AAQD;;;EAxD2CG,gB,UAErCC,S,GAAY;AACjBf,YAAUgB,oBAAUC,IAAV,CAAeC;AADR,C;kBAFAtB,gB","file":"onlyNumberButton.js","sourcesContent":["/**\r\n * 结算使用的键盘\r\n */\r\n\r\nimport React, { Component } from 'react';\r\nimport { Ticon } from '../../index';\r\nimport PropTypes from 'prop-types'\r\n\r\nexport default class OnlyNumberButton extends Component {\r\n\r\n static propTypes = {\r\n onChange: PropTypes.func.isRequired\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n numClick = (key) => {\r\n this.props.onChange(key);\r\n }\r\n \r\n render() {\r\n let nums = {\r\n '1': '1',\r\n '2': '2',\r\n '3': '3',\r\n 'delete': '<--',\r\n '4': '4',\r\n '5': '5',\r\n '6': '6',\r\n '-': '-',\r\n '7': '7',\r\n '8': '8',\r\n '9': '9',\r\n 'clear': '清<br />空'\r\n }\r\n let nums2 = {\r\n '0': '0',\r\n '00': '00',\r\n '.': '.'\r\n }\r\n let numsIndex = ['1', '2', '3', 'delete', '4', '5', '6', '-', '7', '8', '9', 'clear']\r\n let numsIndex2 = ['0', '00', '.']\r\n let numsKey = numsIndex.map( index => {\r\n if (index === 'clear') {\r\n return <div className='key' dangerouslySetInnerHTML={{__html: index === 'clear' ? nums[index] : ''}} style={{fontSize: '18px', 'height': '126px'}} key={index} onClick={this.numClick.bind(this, index)}></div>\r\n }\r\n if (index === 'delete') {\r\n return <div className='key' key={index} onClick={this.numClick.bind(this, 'delete')}><Ticon type='tuige' /></div>\r\n }\r\n return <div className='key' key={index} onClick={this.numClick.bind(this, index)}>{nums[index]}</div>\r\n })\r\n let numsKey2 = numsIndex2.map(index => {\r\n return <div className='key' key={index} onClick={this.numClick.bind(this, index)}>{nums2[index]}</div>\r\n })\r\n return (\r\n <div className='only-number-button-content' onMouseDown={e => e.preventDefault()}>\r\n {numsKey}\r\n <div className='only-number-button-content-inner'>\r\n {numsKey2}\r\n </div>\r\n </div>\r\n )\r\n }\r\n}"]}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = undefined;
|
|
7
|
+
|
|
8
|
+
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
|
|
9
|
+
|
|
10
|
+
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
|
|
11
|
+
|
|
12
|
+
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
|
13
|
+
|
|
14
|
+
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
15
|
+
|
|
16
|
+
var _createClass2 = require('babel-runtime/helpers/createClass');
|
|
17
|
+
|
|
18
|
+
var _createClass3 = _interopRequireDefault(_createClass2);
|
|
19
|
+
|
|
20
|
+
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
|
21
|
+
|
|
22
|
+
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
23
|
+
|
|
24
|
+
var _inherits2 = require('babel-runtime/helpers/inherits');
|
|
25
|
+
|
|
26
|
+
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
27
|
+
|
|
28
|
+
var _class, _temp; /**
|
|
29
|
+
* 弹出框使用的小键盘
|
|
30
|
+
* positive='positive' 没有负号,不传,就有负号
|
|
31
|
+
*/
|
|
32
|
+
|
|
33
|
+
var _react = require('react');
|
|
34
|
+
|
|
35
|
+
var _react2 = _interopRequireDefault(_react);
|
|
36
|
+
|
|
37
|
+
var _index = require('../../index');
|
|
38
|
+
|
|
39
|
+
var _propTypes = require('prop-types');
|
|
40
|
+
|
|
41
|
+
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
42
|
+
|
|
43
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
44
|
+
|
|
45
|
+
var OnlyNumberButton2 = (_temp = _class = function (_Component) {
|
|
46
|
+
(0, _inherits3.default)(OnlyNumberButton2, _Component);
|
|
47
|
+
|
|
48
|
+
function OnlyNumberButton2(props) {
|
|
49
|
+
(0, _classCallCheck3.default)(this, OnlyNumberButton2);
|
|
50
|
+
|
|
51
|
+
var _this = (0, _possibleConstructorReturn3.default)(this, (OnlyNumberButton2.__proto__ || (0, _getPrototypeOf2.default)(OnlyNumberButton2)).call(this, props));
|
|
52
|
+
|
|
53
|
+
_this.numClick = function (key) {
|
|
54
|
+
_this.props.onChange(key);
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
return _this;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
(0, _createClass3.default)(OnlyNumberButton2, [{
|
|
61
|
+
key: 'render',
|
|
62
|
+
value: function render() {
|
|
63
|
+
var _this2 = this;
|
|
64
|
+
|
|
65
|
+
var nums = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '00', '.'];
|
|
66
|
+
var numsKey = nums.map(function (item) {
|
|
67
|
+
return _react2.default.createElement(
|
|
68
|
+
'div',
|
|
69
|
+
{ className: 'num key ' + (item == '.' ? 'number-point' : ''), key: item, onClick: _this2.numClick.bind(_this2, item) },
|
|
70
|
+
item
|
|
71
|
+
);
|
|
72
|
+
});
|
|
73
|
+
return _react2.default.createElement(
|
|
74
|
+
'div',
|
|
75
|
+
{ className: 'clearfix text-keyboard', onMouseDown: function onMouseDown(e) {
|
|
76
|
+
return e.preventDefault();
|
|
77
|
+
} },
|
|
78
|
+
_react2.default.createElement(
|
|
79
|
+
'div',
|
|
80
|
+
{ className: 'nums clearfix' },
|
|
81
|
+
numsKey
|
|
82
|
+
),
|
|
83
|
+
_react2.default.createElement(
|
|
84
|
+
'div',
|
|
85
|
+
{ className: 'dels clearfix' },
|
|
86
|
+
_react2.default.createElement(
|
|
87
|
+
'div',
|
|
88
|
+
{ className: 'del key', onClick: this.numClick.bind(this, 'delete') },
|
|
89
|
+
_react2.default.createElement(_index.Ticon, { type: 'tuige' })
|
|
90
|
+
),
|
|
91
|
+
_react2.default.createElement(
|
|
92
|
+
'div',
|
|
93
|
+
{ className: 'del key', onClick: this.numClick.bind(this, 'clear') },
|
|
94
|
+
'\u6E05\u7A7A'
|
|
95
|
+
),
|
|
96
|
+
this.props.positive == 'positive' ? null : _react2.default.createElement(
|
|
97
|
+
'div',
|
|
98
|
+
{ className: 'del key', onClick: this.numClick.bind(this, '-') },
|
|
99
|
+
'\u2014'
|
|
100
|
+
),
|
|
101
|
+
_react2.default.createElement(
|
|
102
|
+
'div',
|
|
103
|
+
{ className: 'del key sure ' + (this.props.positive ? '' : 'sure-no-positive'), onClick: this.numClick.bind(this, 'sure') },
|
|
104
|
+
'\u786E\u5B9A'
|
|
105
|
+
)
|
|
106
|
+
)
|
|
107
|
+
);
|
|
108
|
+
}
|
|
109
|
+
}]);
|
|
110
|
+
return OnlyNumberButton2;
|
|
111
|
+
}(_react.Component), _class.propTypes = {
|
|
112
|
+
onChange: _propTypes2.default.func.isRequired
|
|
113
|
+
}, _temp);
|
|
114
|
+
exports.default = OnlyNumberButton2;
|
|
115
|
+
//# sourceMappingURL=onlyNumberButton2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/keyboard/onlyNumberButton2.js"],"names":["OnlyNumberButton2","props","numClick","key","onChange","nums","numsKey","map","item","bind","e","preventDefault","positive","Component","propTypes","PropTypes","func","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAA;;;;;AAKA;;;;AACA;;AACA;;;;;;IAEqBA,iB;;;AAMnB,6BAAYC,KAAZ,EAAmB;AAAA;;AAAA,4JACXA,KADW;;AAAA,UAInBC,QAJmB,GAIR,UAACC,GAAD,EAAS;AAClB,YAAKF,KAAL,CAAWG,QAAX,CAAoBD,GAApB;AACD,KANkB;;AAAA;AAElB;;;;6BAMQ;AAAA;;AACP,UAAIE,OAAO,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,EAAgB,GAAhB,EAAqB,GAArB,EAA0B,GAA1B,EAA+B,GAA/B,EAAoC,GAApC,EAAyC,GAAzC,EAA8C,GAA9C,EAAmD,IAAnD,EAAyD,GAAzD,CAAX;AACA,UAAIC,UAAUD,KAAKE,GAAL,CAAS,UAACC,IAAD;AAAA,eAAU;AAAA;AAAA,YAAK,yBAAsBA,QAAQ,GAAR,GAAc,cAAd,GAA+B,EAArD,CAAL,EAAgE,KAAKA,IAArE,EAA2E,SAAS,OAAKN,QAAL,CAAcO,IAAd,CAAmB,MAAnB,EAAyBD,IAAzB,CAApF;AAAqHA;AAArH,SAAV;AAAA,OAAT,CAAd;AACA,aACE;AAAA;AAAA,UAAK,WAAU,wBAAf,EAAwC,aAAa;AAAA,mBAAKE,EAAEC,cAAF,EAAL;AAAA,WAArD;AACE;AAAA;AAAA,YAAK,WAAU,eAAf;AACGL;AADH,SADF;AAIE;AAAA;AAAA,YAAK,WAAU,eAAf;AACE;AAAA;AAAA,cAAK,WAAU,SAAf,EAAyB,SAAS,KAAKJ,QAAL,CAAcO,IAAd,CAAmB,IAAnB,EAAyB,QAAzB,CAAlC;AACE,0CAAC,YAAD,IAAO,MAAK,OAAZ;AADF,WADF;AAOI;AAAA;AAAA,cAAK,oBAAL,EAA2B,SAAS,KAAKP,QAAL,CAAcO,IAAd,CAAmB,IAAnB,EAAyB,OAAzB,CAApC;AAAA;AAAA,WAPJ;AASI,eAAKR,KAAL,CAAWW,QAAX,IAAuB,UAAvB,GACE,IADF,GAGE;AAAA;AAAA,cAAK,WAAU,SAAf,EAAyB,SAAS,KAAKV,QAAL,CAAcO,IAAd,CAAmB,IAAnB,EAAyB,GAAzB,CAAlC;AAAA;AAAA,WAZN;AAeI;AAAA;AAAA,cAAK,8BAA2B,KAAKR,KAAL,CAAWW,QAAX,GAAqB,EAArB,GAA0B,kBAArD,CAAL,EAAgF,SAAS,KAAKV,QAAL,CAAcO,IAAd,CAAmB,IAAnB,EAAyB,MAAzB,CAAzF;AAAA;AAAA;AAfJ;AAJF,OADF;AAwBD;;;EAzC4CI,gB,UAEtCC,S,GAAY;AACjBV,YAAUW,oBAAUC,IAAV,CAAeC;AADR,C;kBAFAjB,iB","file":"onlyNumberButton2.js","sourcesContent":["/**\r\n * 弹出框使用的小键盘\r\n * positive='positive' 没有负号,不传,就有负号\r\n */\r\n\r\nimport React, { Component } from 'react';\r\nimport { Ticon } from '../../index';\r\nimport PropTypes from 'prop-types'\r\n\r\nexport default class OnlyNumberButton2 extends Component {\r\n\r\n static propTypes = {\r\n onChange: PropTypes.func.isRequired\r\n }\r\n\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n numClick = (key) => {\r\n this.props.onChange(key);\r\n }\r\n\r\n render() {\r\n let nums = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '00', '.'];\r\n let numsKey = nums.map((item) => <div className={`num key ${item == '.' ? 'number-point' : ''}`} key={item} onClick={this.numClick.bind(this, item)}>{item}</div>)\r\n return (\r\n <div className='clearfix text-keyboard' onMouseDown={e => e.preventDefault()}>\r\n <div className='nums clearfix'>\r\n {numsKey}\r\n </div>\r\n <div className='dels clearfix'>\r\n <div className='del key' onClick={this.numClick.bind(this, 'delete')}>\r\n <Ticon type='tuige' />\r\n </div>\r\n {/* <div className='del key' onClick={this.numClick.bind(this, 'clear')}>清空</div> */}\r\n {/* <div className='del key' onClick={this.numClick.bind(this, '100')}>100</div> */}\r\n \r\n <div className={`del key`} onClick={this.numClick.bind(this, 'clear')}>清空</div>\r\n {\r\n this.props.positive == 'positive' ?\r\n null\r\n :\r\n <div className='del key' onClick={this.numClick.bind(this, '-')}>—</div>\r\n }\r\n \r\n <div className={`del key sure ${this.props.positive? '' : 'sure-no-positive'}`} onClick={this.numClick.bind(this, 'sure')}>确定</div> \r\n </div>\r\n </div>\r\n )\r\n }\r\n}"]}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
// import React, { Component } from 'react';
|
|
2
|
+
// import { Keyboard } from '../../index';
|
|
3
|
+
|
|
4
|
+
// export default class NumKeyboard extends Component {
|
|
5
|
+
// constructor() {
|
|
6
|
+
// super();
|
|
7
|
+
// this.state = {
|
|
8
|
+
// visible: false,
|
|
9
|
+
// value: ''
|
|
10
|
+
// }
|
|
11
|
+
// }
|
|
12
|
+
|
|
13
|
+
// showModal = () => {
|
|
14
|
+
// this.setState({
|
|
15
|
+
// visible: true,
|
|
16
|
+
// value: this.props.value + ''
|
|
17
|
+
// });
|
|
18
|
+
// }
|
|
19
|
+
|
|
20
|
+
// handleOk = (value) => {
|
|
21
|
+
// this.props.handleOk && this.props.handleOk(value);
|
|
22
|
+
// this.setState({
|
|
23
|
+
// visible: false,
|
|
24
|
+
// });
|
|
25
|
+
// }
|
|
26
|
+
|
|
27
|
+
// handleCancel = (value) => {
|
|
28
|
+
// this.props.handleCancel && this.props.handleCancel(value)
|
|
29
|
+
// this.setState({
|
|
30
|
+
// visible: false,
|
|
31
|
+
// });
|
|
32
|
+
// }
|
|
33
|
+
|
|
34
|
+
// render() {
|
|
35
|
+
// return (
|
|
36
|
+
// <div className='keyboard'>
|
|
37
|
+
// <div onClick={this.showModal} className='keyboard-input keyboard-text'>{this.props.value}</div>
|
|
38
|
+
// <Keyboard
|
|
39
|
+
// type='number+modal'
|
|
40
|
+
// title={this.props.title || 'title'}
|
|
41
|
+
// visible={this.state.visible}
|
|
42
|
+
// value={this.state.value}
|
|
43
|
+
// handleOk={this.handleOk}
|
|
44
|
+
// handleCancel={this.handleCancel} />
|
|
45
|
+
// </div>
|
|
46
|
+
// )
|
|
47
|
+
// }
|
|
48
|
+
// }
|
|
49
|
+
"use strict";
|
|
50
|
+
//# sourceMappingURL=textKeyboard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/keyboard/textKeyboard.js"],"names":[],"mappings":"AAAA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"textKeyboard.js","sourcesContent":["// import React, { Component } from 'react';\r\n// import { Keyboard } from '../../index';\r\n\r\n// export default class NumKeyboard extends Component {\r\n// constructor() {\r\n// super();\r\n// this.state = {\r\n// visible: false,\r\n// value: ''\r\n// }\r\n// }\r\n\r\n// showModal = () => {\r\n// this.setState({\r\n// visible: true,\r\n// value: this.props.value + ''\r\n// });\r\n// }\r\n\r\n// handleOk = (value) => {\r\n// this.props.handleOk && this.props.handleOk(value);\r\n// this.setState({\r\n// visible: false,\r\n// });\r\n// }\r\n\r\n// handleCancel = (value) => {\r\n// this.props.handleCancel && this.props.handleCancel(value)\r\n// this.setState({\r\n// visible: false,\r\n// });\r\n// }\r\n\r\n// render() {\r\n// return (\r\n// <div className='keyboard'>\r\n// <div onClick={this.showModal} className='keyboard-input keyboard-text'>{this.props.value}</div>\r\n// <Keyboard \r\n// type='number+modal' \r\n// title={this.props.title || 'title'} \r\n// visible={this.state.visible} \r\n// value={this.state.value} \r\n// handleOk={this.handleOk} \r\n// handleCancel={this.handleCancel} />\r\n// </div>\r\n// )\r\n// }\r\n// }"]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = Hamburger;
|
|
7
|
+
|
|
8
|
+
var _react = require('react');
|
|
9
|
+
|
|
10
|
+
var _react2 = _interopRequireDefault(_react);
|
|
11
|
+
|
|
12
|
+
require('./style.less');
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
function Hamburger(props) {
|
|
17
|
+
var close = props.close,
|
|
18
|
+
_props$toggleAnimate = props.toggleAnimate,
|
|
19
|
+
toggleAnimate = _props$toggleAnimate === undefined ? true : _props$toggleAnimate;
|
|
20
|
+
|
|
21
|
+
return _react2.default.createElement(
|
|
22
|
+
'div',
|
|
23
|
+
{ className: '_hamburger_ ' + (!close && toggleAnimate ? '_hamburger-active' : '') },
|
|
24
|
+
_react2.default.createElement('span', { className: '_hamburger_-line' }),
|
|
25
|
+
_react2.default.createElement('span', { className: '_hamburger_-line' }),
|
|
26
|
+
_react2.default.createElement('span', { className: '_hamburger_-line' })
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=hamburger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/layout/hamburger.js"],"names":["Hamburger","props","close","toggleAnimate"],"mappings":";;;;;kBAGwBA,S;;AAHxB;;;;AACA;;;;AAEe,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;AAAA,MAChCC,KADgC,GACDD,KADC,CAChCC,KADgC;AAAA,6BACDD,KADC,CACzBE,aADyB;AAAA,MACzBA,aADyB,wCACT,IADS;;AAEvC,SAAQ;AAAA;AAAA,MAAK,6BAA2B,CAACD,KAAD,IAAUC,aAAX,GAA4B,mBAA5B,GAAkD,EAA5E,CAAL;AACN,4CAAM,WAAU,kBAAhB,GADM;AAEN,4CAAM,WAAU,kBAAhB,GAFM;AAGN,4CAAM,WAAU,kBAAhB;AAHM,GAAR;AAKD","file":"hamburger.js","sourcesContent":["import React from 'react';\r\nimport './style.less';\r\n\r\nexport default function Hamburger(props) {\r\n const {close, toggleAnimate = true} = props;\r\n return (<div className={`_hamburger_ ${(!close && toggleAnimate) ? '_hamburger-active' : ''}`} >\r\n <span className=\"_hamburger_-line\" />\r\n <span className=\"_hamburger_-line\" />\r\n <span className=\"_hamburger_-line\" />\r\n </div>);\r\n}\r\n"]}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
|
|
7
|
+
var _layout = require('./layout');
|
|
8
|
+
|
|
9
|
+
var _layout2 = _interopRequireDefault(_layout);
|
|
10
|
+
|
|
11
|
+
var _sider = require('./sider');
|
|
12
|
+
|
|
13
|
+
var _sider2 = _interopRequireDefault(_sider);
|
|
14
|
+
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Created by hzy on 2019/4/3.
|
|
19
|
+
*/
|
|
20
|
+
/**
|
|
21
|
+
* @Layout 布局组件,以下用法类似antd
|
|
22
|
+
* Layout props: directionChange(direction) {function 类型} 布局方向触发改变时的回调函数, 参数`direction`为当前的方向
|
|
23
|
+
*
|
|
24
|
+
* @Sider 侧边栏组件
|
|
25
|
+
* @Header header
|
|
26
|
+
* @Footer footer
|
|
27
|
+
* @Content content
|
|
28
|
+
*/
|
|
29
|
+
_layout2.default.Sider = _sider2.default;
|
|
30
|
+
exports.default = _layout2.default;
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/layout/index.js"],"names":["Layout","Sider"],"mappings":";;;;;;AAYA;;;;AACA;;;;;;AAbA;;;AAGA;;;;;;;;;AAYAA,iBAAOC,KAAP,GAAeA,eAAf;kBACeD,gB","file":"index.js","sourcesContent":["/**\r\n * Created by hzy on 2019/4/3.\r\n */\r\n/**\r\n * @Layout 布局组件,以下用法类似antd\r\n * Layout props: directionChange(direction) {function 类型} 布局方向触发改变时的回调函数, 参数`direction`为当前的方向\r\n *\r\n * @Sider 侧边栏组件\r\n * @Header header\r\n * @Footer footer\r\n * @Content content\r\n */\r\nimport Layout from './layout';\r\nimport Sider from './sider';\r\n\r\nLayout.Sider = Sider;\r\nexport default Layout;\r\n"]}
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = undefined;
|
|
7
|
+
|
|
8
|
+
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
|
|
9
|
+
|
|
10
|
+
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
|
|
11
|
+
|
|
12
|
+
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
|
13
|
+
|
|
14
|
+
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
15
|
+
|
|
16
|
+
var _createClass2 = require('babel-runtime/helpers/createClass');
|
|
17
|
+
|
|
18
|
+
var _createClass3 = _interopRequireDefault(_createClass2);
|
|
19
|
+
|
|
20
|
+
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
|
21
|
+
|
|
22
|
+
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
23
|
+
|
|
24
|
+
var _inherits2 = require('babel-runtime/helpers/inherits');
|
|
25
|
+
|
|
26
|
+
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
27
|
+
|
|
28
|
+
var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
|
|
29
|
+
|
|
30
|
+
var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
|
|
31
|
+
|
|
32
|
+
var _class, _temp2;
|
|
33
|
+
|
|
34
|
+
var _react = require('react');
|
|
35
|
+
|
|
36
|
+
var _react2 = _interopRequireDefault(_react);
|
|
37
|
+
|
|
38
|
+
var _propTypes = require('prop-types');
|
|
39
|
+
|
|
40
|
+
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
41
|
+
|
|
42
|
+
require('./style.less');
|
|
43
|
+
|
|
44
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
45
|
+
|
|
46
|
+
function generatorClass(className) {
|
|
47
|
+
var addClassName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
48
|
+
|
|
49
|
+
if (typeof addClassName === 'string') {
|
|
50
|
+
return [className, addClassName].join(' ').trim();
|
|
51
|
+
}
|
|
52
|
+
return [className].concat((0, _toConsumableArray3.default)(addClassName)).join(' ').trim();
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
var Layout = (_temp2 = _class = function (_Component) {
|
|
56
|
+
(0, _inherits3.default)(Layout, _Component);
|
|
57
|
+
|
|
58
|
+
function Layout() {
|
|
59
|
+
var _ref;
|
|
60
|
+
|
|
61
|
+
var _temp, _this, _ret;
|
|
62
|
+
|
|
63
|
+
(0, _classCallCheck3.default)(this, Layout);
|
|
64
|
+
|
|
65
|
+
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
66
|
+
args[_key] = arguments[_key];
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = Layout.__proto__ || (0, _getPrototypeOf2.default)(Layout)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
|
|
70
|
+
siders: []
|
|
71
|
+
}, _this.directionChange = function (direction) {
|
|
72
|
+
var directionChange = _this.props.directionChange;
|
|
73
|
+
|
|
74
|
+
directionChange && directionChange(direction);
|
|
75
|
+
}, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
(0, _createClass3.default)(Layout, [{
|
|
79
|
+
key: 'getChildContext',
|
|
80
|
+
value: function getChildContext() {
|
|
81
|
+
var _this2 = this;
|
|
82
|
+
|
|
83
|
+
return {
|
|
84
|
+
siderHook: {
|
|
85
|
+
addSider: function addSider(id) {
|
|
86
|
+
_this2.setState(function (state) {
|
|
87
|
+
return {
|
|
88
|
+
siders: [].concat((0, _toConsumableArray3.default)(state.siders), [id])
|
|
89
|
+
};
|
|
90
|
+
}, function () {
|
|
91
|
+
return _this2.directionChange('row');
|
|
92
|
+
});
|
|
93
|
+
},
|
|
94
|
+
removeSider: function removeSider(id) {
|
|
95
|
+
_this2.setState(function (state) {
|
|
96
|
+
return {
|
|
97
|
+
siders: state.siders.filter(function (currentId) {
|
|
98
|
+
return currentId !== id;
|
|
99
|
+
})
|
|
100
|
+
};
|
|
101
|
+
}, function () {
|
|
102
|
+
return _this2.directionChange('column');
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
}
|
|
108
|
+
}, {
|
|
109
|
+
key: 'render',
|
|
110
|
+
value: function render() {
|
|
111
|
+
var _props = this.props,
|
|
112
|
+
style = _props.style,
|
|
113
|
+
className = _props.className,
|
|
114
|
+
children = _props.children,
|
|
115
|
+
hasSider = _props.hasSider;
|
|
116
|
+
|
|
117
|
+
var isHasSider = typeof hasSider === 'boolean' ? hasSider : !!this.state.siders.length;
|
|
118
|
+
var classes = generatorClass('tplus-layout', ['' + (isHasSider ? 'tplus-layout-has-sider' : ''), className]);
|
|
119
|
+
return _react2.default.createElement(
|
|
120
|
+
'section',
|
|
121
|
+
{ className: classes, style: style },
|
|
122
|
+
children
|
|
123
|
+
);
|
|
124
|
+
}
|
|
125
|
+
}]);
|
|
126
|
+
return Layout;
|
|
127
|
+
}(_react.Component), _class.childContextTypes = {
|
|
128
|
+
siderHook: _propTypes2.default.object
|
|
129
|
+
}, _class.propTypes = {
|
|
130
|
+
directionChange: _propTypes2.default.func,
|
|
131
|
+
style: _propTypes2.default.object,
|
|
132
|
+
className: _propTypes2.default.string
|
|
133
|
+
}, _temp2);
|
|
134
|
+
exports.default = Layout;
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
function Content(props) {
|
|
138
|
+
var _props$style = props.style,
|
|
139
|
+
style = _props$style === undefined ? {} : _props$style,
|
|
140
|
+
className = props.className,
|
|
141
|
+
children = props.children;
|
|
142
|
+
|
|
143
|
+
var classes = generatorClass('tplus-layout-content', className);
|
|
144
|
+
return _react2.default.createElement(
|
|
145
|
+
'main',
|
|
146
|
+
{ className: classes, style: style },
|
|
147
|
+
children
|
|
148
|
+
);
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
function Header(props) {
|
|
152
|
+
var _props$style2 = props.style,
|
|
153
|
+
style = _props$style2 === undefined ? {} : _props$style2,
|
|
154
|
+
className = props.className,
|
|
155
|
+
children = props.children;
|
|
156
|
+
|
|
157
|
+
var classes = generatorClass('tplus-layout-header', className);
|
|
158
|
+
return _react2.default.createElement(
|
|
159
|
+
'header',
|
|
160
|
+
{ className: classes, style: style },
|
|
161
|
+
children
|
|
162
|
+
);
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
function Footer(props) {
|
|
166
|
+
var _props$style3 = props.style,
|
|
167
|
+
style = _props$style3 === undefined ? {} : _props$style3,
|
|
168
|
+
className = props.className,
|
|
169
|
+
children = props.children;
|
|
170
|
+
|
|
171
|
+
var classes = generatorClass('tplus-layout-footer', className);
|
|
172
|
+
return _react2.default.createElement(
|
|
173
|
+
'footer',
|
|
174
|
+
{ className: classes, style: style },
|
|
175
|
+
children
|
|
176
|
+
);
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
Layout.Header = Header;
|
|
180
|
+
Layout.Footer = Footer;
|
|
181
|
+
Layout.Content = Content;
|
|
182
|
+
//# sourceMappingURL=layout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/layout/layout.js"],"names":["generatorClass","className","addClassName","join","trim","Layout","state","siders","directionChange","direction","props","siderHook","addSider","id","setState","removeSider","filter","currentId","style","children","hasSider","isHasSider","length","classes","Component","childContextTypes","PropTypes","object","propTypes","func","string","Content","Header","Footer"],"mappings":"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","file":"layout.js","sourcesContent":["import React, {Component} from 'react';\r\nimport PropTypes from 'prop-types'\r\nimport './style.less';\r\n\r\nfunction generatorClass(className, addClassName = '') {\r\n if (typeof addClassName === 'string') {\r\n return [className, addClassName].join(' ').trim();\r\n }\r\n return [className, ...addClassName].join(' ').trim();\r\n}\r\n\r\nexport default class Layout extends Component {\r\n static childContextTypes = {\r\n siderHook: PropTypes.object\r\n }\r\n static propTypes = {\r\n directionChange: PropTypes.func,\r\n style: PropTypes.object,\r\n className: PropTypes.string,\r\n };\r\n getChildContext() {\r\n return {\r\n siderHook: {\r\n addSider: (id) => {\r\n this.setState(state => ({\r\n siders: [...state.siders, id],\r\n }), () => this.directionChange('row'));\r\n },\r\n removeSider: (id) => {\r\n this.setState(state => ({\r\n siders: state.siders.filter(currentId => currentId !== id),\r\n }), () => this.directionChange('column'));\r\n }\r\n }\r\n };\r\n }\r\n state = {\r\n siders: []\r\n }\r\n directionChange = (direction) => {\r\n const {directionChange} = this.props;\r\n directionChange && directionChange(direction);\r\n }\r\n render() {\r\n const {style, className, children, hasSider} = this.props;\r\n const isHasSider = typeof hasSider === 'boolean' ? hasSider : !!this.state.siders.length;\r\n const classes = generatorClass('tplus-layout', [`${isHasSider ? 'tplus-layout-has-sider' : ''}`, className]);\r\n return (<section className={classes} style={style}>{children}</section>);\r\n }\r\n}\r\n\r\nfunction Content(props) {\r\n const {style = {}, className, children} = props;\r\n const classes = generatorClass('tplus-layout-content', className);\r\n return (<main className={classes} style={style}>{children}</main>);\r\n}\r\n\r\nfunction Header(props) {\r\n const {style = {}, className, children} = props;\r\n const classes = generatorClass('tplus-layout-header', className);\r\n return (<header className={classes} style={style}>{children}</header>);\r\n}\r\n\r\nfunction Footer(props) {\r\n const {style = {}, className, children} = props;\r\n const classes = generatorClass('tplus-layout-footer', className);\r\n return (<footer className={classes} style={style}>{children}</footer>);\r\n}\r\n\r\nLayout.Header = Header;\r\nLayout.Footer = Footer;\r\nLayout.Content = Content;\r\n"]}
|