tplus-components-touch 3.28.7 → 3.28.11
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/billSearch/api.js +13 -74
- package/dist/components/billSearch/api.js.map +1 -1
- package/dist/components/billSearch/index.js +209 -48
- package/dist/components/billSearch/index.js.map +1 -1
- package/dist/components/billSearch/index.less +6 -3
- package/dist/components/cloudPrint/api.js +85 -43
- package/dist/components/cloudPrint/api.js.map +1 -1
- package/dist/components/cloudPrint/printDispatch.js +209 -108
- package/dist/components/cloudPrint/printDispatch.js.map +1 -1
- package/dist/components/commonForm/addressPicker/index.js +7 -16
- package/dist/components/commonForm/addressPicker/index.js.map +1 -1
- package/dist/components/commonForm/index.js +3 -9
- package/dist/components/commonForm/index.js.map +1 -1
- package/dist/components/deliverySearch/index.js +1 -1
- package/dist/components/deliverySearch/index.js.map +1 -1
- package/dist/components/hotKey/localConfig.js +0 -52
- package/dist/components/hotKey/localConfig.js.map +1 -1
- package/dist/components/input/style.less +0 -7
- package/dist/components/inventorySearch/tab.js +76 -67
- package/dist/components/inventorySearch/tab.js.map +1 -1
- package/dist/components/keyboard/numberButton_input.js +4 -2
- package/dist/components/keyboard/numberButton_input.js.map +1 -1
- package/dist/components/keyboard/onlyLetterButton2.less +35 -40
- package/dist/components/loading/style.less +8 -6
- package/dist/components/progressState/EmptyAndErrorView.js +4 -3
- package/dist/components/progressState/EmptyAndErrorView.js.map +1 -1
- package/dist/components/progressState/ProgressState.js +2 -1
- package/dist/components/progressState/ProgressState.js.map +1 -1
- package/dist/components/settlement/settlement.js +75 -235
- package/dist/components/settlement/settlement.js.map +1 -1
- package/dist/components/settlement/settlement.less +1 -7
- package/dist/components/settlement/settlementStore.js +105 -135
- package/dist/components/settlement/settlementStore.js.map +1 -1
- package/dist/components/ticon/iconfont/demo_index.html +3 -26
- package/dist/components/ticon/iconfont/iconfont.css +3 -7
- package/dist/components/ticon/iconfont/iconfont.js +1 -1
- package/dist/components/ticon/iconfont/iconfont.js.map +1 -1
- package/dist/components/ticon/iconfont/iconfont.json +0 -7
- 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/touchTable/index.js +4 -12
- package/dist/components/touchTable/index.js.map +1 -1
- package/dist/components/touchTable/index.less +20 -13
- package/dist/index.js +16 -9
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/components/presale/pickup.js +0 -431
- package/dist/components/presale/pickup.js.map +0 -1
- package/dist/components/presale/style.less +0 -48
|
@@ -281,11 +281,13 @@ var KeyboardInput = (_temp = _class = function (_Component) {
|
|
|
281
281
|
onSelect: this.handleMobileKeyboard,
|
|
282
282
|
ref: function ref(input) {
|
|
283
283
|
return _this2.input = input;
|
|
284
|
-
}
|
|
284
|
+
}
|
|
285
|
+
}),
|
|
285
286
|
_react2.default.createElement(_index.Keyboard, {
|
|
286
287
|
type: 'number2',
|
|
287
288
|
positive: this.props.type,
|
|
288
|
-
onChange: this.onChange
|
|
289
|
+
onChange: this.onChange
|
|
290
|
+
})
|
|
289
291
|
);
|
|
290
292
|
}
|
|
291
293
|
}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["tplus-components-touch/components/keyboard/numberButton_input.js"],"names":["KeyboardInput","props","inputChange","v","handleMobileKeyboard","newValue","max","min","type","maxLength","precisionLength","tools","isNull","value","tip","Message","info","match","length","length1","parseInt","length2","v1","v2","indexOf","slice","split","setState","onChange","state","key","handleOk","Keyboard","getNewValue","input","getValue","el","isMobileEnvironment","env","os","constant","ios","console","log","setAttribute","removeAttribute","setTimer","window","clearTimeout","setTimeout","onFocus","e","onRef","visible","platform","isHorizontalPad","props_old","b","hotKey","hotKeyNotFilter","marginBottom","placeholder","target","Component","propTypes","PropTypes","func","isRequired","string","number"],"mappings":"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","file":"numberButton_input.js","sourcesContent":["/**\n * input + 数字键盘\n * @props {boolean} type \"positive\" 只支持正数,不传正负都可以\n * @props {number} max 最大值\n * @props {number} min 最小值\n */\n\nimport React, { Component } from 'react';\nimport { Input } from 'antd';\nimport { platform } from 'mutants-util';\nimport { env } from 'mutants-microfx';\nimport { Keyboard } from '../../index';\nimport PropTypes from 'prop-types';\nimport tools from '../../util/tools'\nimport Message from '../message/index'\nimport hotKey from '../hotKey'\n\nexport default class KeyboardInput extends Component {\n\n static propTypes = {\n onChange: PropTypes.func.isRequired,\n placeholder: PropTypes.string,\n type: PropTypes.string,\n maxLength: PropTypes.number, // 总长度\n precisionLength: PropTypes.number, // 小数总长\n max: PropTypes.number,\n min: PropTypes.number,\n }\n\n constructor(props) {\n super(props);\n this.props.onRef && this.props.onRef(this);\n this.state = {\n value: props.value || '',\n visible: false\n }\n const { isHorizontalPad } = platform || {};\n this.isMobileEnvironment = !!isHorizontalPad;\n this.setTimer = null;\n }\n\n componentDidMount() {\n this.setState({ value: this.props.value || '' })\n }\n\n componentDidUpdate(props_old, b) {\n if (props_old.visible != this.props.visible && this.props.visible == true) {\n this.setState({ value: this.props.value || '' })\n }\n }\n\n inputChange = (v) => {\n //对移动端键盘处理。\n this.handleMobileKeyboard();\n let newValue;\n if (v === '') {\n newValue = '';\n } else {\n //键盘大小控制\n const { max = {}, min = {}, type, maxLength, precisionLength } = this.props;\n if (!tools.isNull(max.value)) {\n if (v > max.value) {\n if (!tools.isNull(max.tip)) Message.info(max.tip);\n return;\n }\n }\n if (!tools.isNull(min.value)) {\n if (v < min.value) {\n if (!tools.isNull(min.tip)) Message.info(min.tip);\n return\n };\n }\n \n if (v.match(/\\./g) && v.match(/\\./g).length > 1) {\n return;\n }\n if (type == \"positive\") { // 只允许输入正数\n newValue = (v + '').match(/\\d+\\.?\\d*/);\n } else {\n newValue = (v + '').match(/^(\\-)?[(\\d*)|(\\d+\\.?\\d*)]*$/);\n }\n let length1 = maxLength ? parseInt(maxLength) : -1;\n let length2 = parseInt(precisionLength);\n if (length1 >= 0 && length2 >= 0) {\n let v = newValue[0] + '', v1, v2;\n if (v.indexOf('-') != -1) {\n v = v.slice(1, v.length);\n }\n v1 = v.split('.')[0];\n v2 = v.split('.')[1];\n if ((v1 && v1.length > (length1 - length2)) || (v2 && v2.length > length2) || (v1 && v1.length > (length1 - length2))) {\n return;\n }\n if (length2 == 0 && v.indexOf('.') > 0) { // 不允许小数的时候,也不允许小数点\n return;\n }\n }\n }\n this.setState({\n value: newValue && newValue[0] || ''\n }, () => {\n this.props.onChange && this.props.onChange(this.state.value);\n })\n }\n\n onChange = (key) => {\n //对移动端键盘处理。\n this.handleMobileKeyboard();\n const { max = {}, min = {}, handleOk, onChange, maxLength, precisionLength } = this.props;\n if (key == 'sure') {\n handleOk && handleOk(this.state.value);\n return;\n }\n let length1 = maxLength ? parseInt(maxLength) : -1;\n let length2 = parseInt(precisionLength);\n if (length2 == 0 && key == '.') {\n return;\n }\n let value = this.state.value + '';\n if (value == '' && key == '.') { // 不允许小数的时候,也不允许小数点\n return;\n }\n\n if ((value + '').indexOf('.') > 0 && key == '.') {\n return;\n }\n let newValue = Keyboard.getNewValue(this.input.input, value, key, true);\n //键盘大小控制\n if (!tools.isNull(max.value)) {\n if (newValue > max.value) {\n if (!tools.isNull(max.tip)) Message.info(max.tip);\n return;\n }\n }\n if (!tools.isNull(min.value)) {\n if (newValue < min.value) {\n if (!tools.isNull(min.tip)) Message.info(min.tip);\n return\n };\n }\n\n if (length1 && length2) {\n let v = newValue, v1, v2;\n if (newValue.indexOf('-') != -1) {\n v = newValue.slice(1, newValue.length);\n }\n v1 = v.split('.')[0];\n v2 = v.split('.')[1];\n if ((v1 && v1.length > (length1 - length2)) || (v2 && v2.length > length2) || (v1 && v1.length > (length1 - length2))) {\n return;\n }\n }\n this.setState({\n value: newValue\n }, () => {\n onChange && onChange(this.state.value);\n })\n }\n\n getValue = () => {\n return this.state.value;\n }\n\n //针对在移动端环境下,不需要系统键盘时的处理。\n handleMobileKeyboard = () => {\n let el = this.input && this.input.input;\n if (el && this.isMobileEnvironment && env.os !== env.constant.os.ios) {\n console.log('执行方法handleMobileKeyboard', el);\n if (!el.setAttribute || !el.removeAttribute) return;\n el.setAttribute('readonly', 'readonly');\n if (this.setTimer) window.clearTimeout(this.setTimer);\n this.setTimer = setTimeout(() => { el.removeAttribute('readonly') }, 200);\n }\n }\n\n onFocus = (e) => {\n this.handleMobileKeyboard()\n }\n\n render() {\n let { visible, value } = this.state;\n return (\n <div className='number-keyboard-input'>\n <Input\n className={hotKey.hotKeyNotFilter('keyboard-input')}\n style={{ marginBottom: '24px' }}\n placeholder={this.props.placeholder || ''}\n value={value}\n onChange={(e) => this.inputChange(e.target.value)}\n onFocus={this.onFocus}\n onClick={this.handleMobileKeyboard}\n onSelect={this.handleMobileKeyboard}\n ref={input => this.input = input} />\n\n <Keyboard\n type='number2'\n positive={this.props.type}\n onChange={this.onChange} />\n </div>\n )\n }\n}"]}
|
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/keyboard/numberButton_input.js"],"names":["KeyboardInput","props","inputChange","v","handleMobileKeyboard","newValue","max","min","type","maxLength","precisionLength","tools","isNull","value","tip","Message","info","match","length","length1","parseInt","length2","v1","v2","indexOf","slice","split","setState","onChange","state","key","handleOk","Keyboard","getNewValue","input","getValue","el","isMobileEnvironment","env","os","constant","ios","console","log","setAttribute","removeAttribute","setTimer","window","clearTimeout","setTimeout","onFocus","e","onRef","visible","platform","isHorizontalPad","props_old","b","hotKey","hotKeyNotFilter","marginBottom","placeholder","target","Component","propTypes","PropTypes","func","isRequired","string","number"],"mappings":"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","file":"numberButton_input.js","sourcesContent":["/**\n * input + 数字键盘\n * @props {boolean} type \"positive\" 只支持正数,不传正负都可以\n * @props {number} max 最大值\n * @props {number} min 最小值\n */\n\nimport React, { Component } from 'react';\nimport { Input } from 'antd';\nimport { platform } from 'mutants-util';\nimport { env } from 'mutants-microfx';\nimport { Keyboard } from '../../index';\nimport PropTypes from 'prop-types';\nimport tools from '../../util/tools'\nimport Message from '../message/index'\nimport hotKey from '../hotKey'\n\nexport default class KeyboardInput extends Component {\n\n static propTypes = {\n onChange: PropTypes.func.isRequired,\n placeholder: PropTypes.string,\n type: PropTypes.string,\n maxLength: PropTypes.number, // 总长度\n precisionLength: PropTypes.number, // 小数总长\n max: PropTypes.number,\n min: PropTypes.number,\n }\n\n constructor(props) {\n super(props);\n this.props.onRef && this.props.onRef(this);\n this.state = {\n value: props.value || '',\n visible: false\n }\n const { isHorizontalPad } = platform || {};\n this.isMobileEnvironment = !!isHorizontalPad;\n this.setTimer = null;\n }\n\n componentDidMount() {\n this.setState({ value: this.props.value || '' })\n }\n\n componentDidUpdate(props_old, b) {\n if (props_old.visible != this.props.visible && this.props.visible == true) {\n this.setState({ value: this.props.value || '' })\n }\n }\n\n inputChange = (v) => {\n //对移动端键盘处理。\n this.handleMobileKeyboard();\n let newValue;\n if (v === '') {\n newValue = '';\n } else {\n //键盘大小控制\n const { max = {}, min = {}, type, maxLength, precisionLength } = this.props;\n if (!tools.isNull(max.value)) {\n if (v > max.value) {\n if (!tools.isNull(max.tip)) Message.info(max.tip);\n return;\n }\n }\n if (!tools.isNull(min.value)) {\n if (v < min.value) {\n if (!tools.isNull(min.tip)) Message.info(min.tip);\n return\n };\n }\n \n if (v.match(/\\./g) && v.match(/\\./g).length > 1) {\n return;\n }\n if (type == \"positive\") { // 只允许输入正数\n newValue = (v + '').match(/\\d+\\.?\\d*/);\n } else {\n newValue = (v + '').match(/^(\\-)?[(\\d*)|(\\d+\\.?\\d*)]*$/);\n }\n let length1 = maxLength ? parseInt(maxLength) : -1;\n let length2 = parseInt(precisionLength);\n if (length1 >= 0 && length2 >= 0) {\n let v = newValue[0] + '', v1, v2;\n if (v.indexOf('-') != -1) {\n v = v.slice(1, v.length);\n }\n v1 = v.split('.')[0];\n v2 = v.split('.')[1];\n if ((v1 && v1.length > (length1 - length2)) || (v2 && v2.length > length2) || (v1 && v1.length > (length1 - length2))) {\n return;\n }\n if (length2 == 0 && v.indexOf('.') > 0) { // 不允许小数的时候,也不允许小数点\n return;\n }\n }\n }\n this.setState({\n value: newValue && newValue[0] || ''\n }, () => {\n this.props.onChange && this.props.onChange(this.state.value);\n })\n }\n\n onChange = (key) => {\n //对移动端键盘处理。\n this.handleMobileKeyboard();\n const { max = {}, min = {}, handleOk, onChange, maxLength, precisionLength } = this.props;\n if (key == 'sure') {\n handleOk && handleOk(this.state.value);\n return;\n }\n let length1 = maxLength ? parseInt(maxLength) : -1;\n let length2 = parseInt(precisionLength);\n if (length2 == 0 && key == '.') {\n return;\n }\n let value = this.state.value + '';\n if (value == '' && key == '.') { // 不允许小数的时候,也不允许小数点\n return;\n }\n\n if ((value + '').indexOf('.') > 0 && key == '.') {\n return;\n }\n let newValue = Keyboard.getNewValue(this.input.input, value, key, true);\n //键盘大小控制\n if (!tools.isNull(max.value)) {\n if (newValue > max.value) {\n if (!tools.isNull(max.tip)) Message.info(max.tip);\n return;\n }\n }\n if (!tools.isNull(min.value)) {\n if (newValue < min.value) {\n if (!tools.isNull(min.tip)) Message.info(min.tip);\n return\n };\n }\n\n if (length1 && length2) {\n let v = newValue, v1, v2;\n if (newValue.indexOf('-') != -1) {\n v = newValue.slice(1, newValue.length);\n }\n v1 = v.split('.')[0];\n v2 = v.split('.')[1];\n if ((v1 && v1.length > (length1 - length2)) || (v2 && v2.length > length2) || (v1 && v1.length > (length1 - length2))) {\n return;\n }\n }\n this.setState({\n value: newValue\n }, () => {\n onChange && onChange(this.state.value);\n })\n }\n\n getValue = () => {\n return this.state.value;\n }\n\n //针对在移动端环境下,不需要系统键盘时的处理。\n handleMobileKeyboard = () => {\n let el = this.input && this.input.input;\n if (el && this.isMobileEnvironment && env.os !== env.constant.os.ios) {\n console.log('执行方法handleMobileKeyboard', el);\n if (!el.setAttribute || !el.removeAttribute) return;\n el.setAttribute('readonly', 'readonly');\n if (this.setTimer) window.clearTimeout(this.setTimer);\n this.setTimer = setTimeout(() => { el.removeAttribute('readonly') }, 200);\n }\n }\n\n onFocus = (e) => {\n this.handleMobileKeyboard()\n }\n\n render() {\n let { visible, value } = this.state;\n return (\n <div className='number-keyboard-input'>\n <Input\n className={hotKey.hotKeyNotFilter('keyboard-input')}\n style={{ marginBottom: '24px' }}\n placeholder={this.props.placeholder || ''}\n value={value}\n onChange={(e) => this.inputChange(e.target.value)}\n onFocus={this.onFocus}\n onClick={this.handleMobileKeyboard}\n onSelect={this.handleMobileKeyboard}\n ref={input => this.input = input} \n />\n <Keyboard\n type='number2'\n positive={this.props.type}\n onChange={this.onChange}\n />\n </div>\n )\n }\n}"]}
|
|
@@ -2,22 +2,22 @@
|
|
|
2
2
|
@keyboard-font-color: #333;
|
|
3
3
|
@themeColor: #FF8C25;
|
|
4
4
|
.product-keyboarde-botton.letters-box {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
height: 100%;
|
|
6
|
+
display: flex;
|
|
7
|
+
justify-content: space-around;
|
|
8
|
+
min-width: 766px;
|
|
9
|
+
position: relative;
|
|
10
|
+
padding-top: 19px;
|
|
11
|
+
background: rgba(0, 0, 0, .6);
|
|
12
12
|
.letters {
|
|
13
13
|
max-width: 680px;
|
|
14
14
|
width:81%;
|
|
15
15
|
|
|
16
16
|
.letters-line {
|
|
17
|
-
height: 70px;
|
|
18
|
-
width: 100%;
|
|
19
17
|
overflow: hidden;
|
|
20
|
-
|
|
18
|
+
width: 100%;
|
|
19
|
+
height: 90px;
|
|
20
|
+
|
|
21
21
|
.disabled {
|
|
22
22
|
background: #999;
|
|
23
23
|
}
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
span {
|
|
37
37
|
display: flex;
|
|
38
38
|
height: 100%;
|
|
39
|
-
font-size:
|
|
39
|
+
font-size: 20px !important;
|
|
40
40
|
border-radius: 6px;
|
|
41
41
|
flex-direction: column;
|
|
42
42
|
justify-content: center;
|
|
@@ -57,12 +57,16 @@
|
|
|
57
57
|
width: 100%;
|
|
58
58
|
|
|
59
59
|
.num {
|
|
60
|
-
height:
|
|
61
|
-
|
|
60
|
+
height: 58px;
|
|
61
|
+
line-height: 58px;
|
|
62
62
|
max-width: 164px;
|
|
63
|
-
padding: 0 12px;
|
|
64
|
-
line-height: 40px;
|
|
65
63
|
min-width: 33%;
|
|
64
|
+
margin: 0 0px 8px 0;
|
|
65
|
+
padding: 0 12px;
|
|
66
|
+
|
|
67
|
+
span{
|
|
68
|
+
font-size: 25px;
|
|
69
|
+
}
|
|
66
70
|
}
|
|
67
71
|
}
|
|
68
72
|
|
|
@@ -73,7 +77,6 @@
|
|
|
73
77
|
.del {
|
|
74
78
|
height: 35px;
|
|
75
79
|
margin: 0 8px 8px 0;
|
|
76
|
-
|
|
77
80
|
}
|
|
78
81
|
|
|
79
82
|
.sure {
|
|
@@ -83,41 +86,37 @@
|
|
|
83
86
|
}
|
|
84
87
|
|
|
85
88
|
.key {
|
|
86
|
-
max-width: 62px;
|
|
87
89
|
width: 9%;
|
|
88
|
-
|
|
90
|
+
max-width: 62px;
|
|
91
|
+
height: 72px;
|
|
89
92
|
box-sizing: border-box;
|
|
90
93
|
float: left;
|
|
91
|
-
padding: 0 4px;
|
|
92
94
|
text-align: center;
|
|
93
95
|
cursor: pointer;
|
|
94
96
|
user-select: none;
|
|
95
|
-
// border: 1px solid #FF8C25;
|
|
96
|
-
// box-shadow: 0 2px 4px 0 rgba(242, 157, 14, 0.30);
|
|
97
|
-
;
|
|
98
97
|
border-radius: 6px;
|
|
98
|
+
padding: 0 4px;
|
|
99
99
|
span {
|
|
100
|
-
display: flex;
|
|
101
100
|
height: 100%;
|
|
102
|
-
|
|
103
|
-
border-radius: 6px;
|
|
104
|
-
flex-direction: column;
|
|
101
|
+
display: flex;
|
|
105
102
|
justify-content: center;
|
|
103
|
+
flex-direction: column;
|
|
104
|
+
border-radius: 6px;
|
|
105
|
+
font-size: 25px;
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
.handle {
|
|
110
110
|
width: 54px;
|
|
111
|
+
font-size: 20px;
|
|
111
112
|
.del {
|
|
112
|
-
float: none;
|
|
113
113
|
width: 54px;
|
|
114
|
-
height:
|
|
114
|
+
height: 72px;
|
|
115
|
+
line-height: 72px;
|
|
115
116
|
box-sizing: border-box;
|
|
116
117
|
float: left;
|
|
117
118
|
margin: 0 8px 18px 0;
|
|
118
119
|
text-align: center;
|
|
119
|
-
line-height: 52px;
|
|
120
|
-
font-size: 18px;
|
|
121
120
|
border-radius: 6px;
|
|
122
121
|
cursor: pointer;
|
|
123
122
|
user-select: none;
|
|
@@ -126,26 +125,22 @@
|
|
|
126
125
|
justify-content: center;
|
|
127
126
|
border-radius: 6px;
|
|
128
127
|
}
|
|
129
|
-
.clear {
|
|
130
|
-
font-size: 16px;
|
|
131
|
-
}
|
|
132
128
|
}
|
|
133
129
|
.is-number {
|
|
134
130
|
.delete {
|
|
135
|
-
height:
|
|
136
|
-
line-height:
|
|
131
|
+
height: 62px;
|
|
132
|
+
line-height: 62px;
|
|
137
133
|
margin: 0 8px 8px 0;
|
|
138
134
|
}
|
|
139
135
|
.clear {
|
|
140
|
-
height:
|
|
141
|
-
line-height:
|
|
136
|
+
height: 62px;
|
|
137
|
+
line-height: 62px;
|
|
142
138
|
margin: 0 8px 8px 0;
|
|
143
139
|
}
|
|
144
140
|
.sure {
|
|
145
|
-
height:
|
|
146
|
-
line-height:
|
|
141
|
+
height: 116px;
|
|
142
|
+
line-height: 116px;
|
|
147
143
|
}
|
|
148
|
-
|
|
149
144
|
}
|
|
150
145
|
.bold {
|
|
151
146
|
font-weight: 700;
|
|
@@ -17,20 +17,22 @@
|
|
|
17
17
|
transform-origin: 50% 50%;
|
|
18
18
|
position: absolute;
|
|
19
19
|
.tplus-loading-spinner{
|
|
20
|
-
|
|
20
|
+
display: flex;
|
|
21
|
+
justify-content: center;
|
|
22
|
+
align-items: center;
|
|
21
23
|
margin-bottom: 20px;
|
|
22
24
|
.default-spinner-gif{
|
|
23
|
-
width:
|
|
24
|
-
height:
|
|
25
|
+
width: 90px;
|
|
26
|
+
height: 90px;
|
|
25
27
|
}
|
|
26
28
|
.shadows{
|
|
27
|
-
width:
|
|
28
|
-
height:
|
|
29
|
+
width: 90px;
|
|
30
|
+
height: 90px;
|
|
29
31
|
border-radius: 50%;
|
|
30
32
|
display: flex;
|
|
31
33
|
align-items: center;
|
|
32
34
|
justify-content: center;
|
|
33
|
-
|
|
35
|
+
box-shadow: 0px 0px 15px 5px rgba(51, 51, 51, 0.08);
|
|
34
36
|
}
|
|
35
37
|
}
|
|
36
38
|
.tplus-loading-tip{
|
|
@@ -80,10 +80,11 @@ var EmptyAndErrorView = (_temp2 = _class = function (_Component) {
|
|
|
80
80
|
_props$style = _props.style,
|
|
81
81
|
style = _props$style === undefined ? {} : _props$style,
|
|
82
82
|
_props$type = _props.type,
|
|
83
|
-
type = _props$type === undefined ? 'error' : _props$type
|
|
83
|
+
type = _props$type === undefined ? 'error' : _props$type,
|
|
84
|
+
_props$imgStyle = _props.imgStyle,
|
|
85
|
+
imgStyle = _props$imgStyle === undefined ? {} : _props$imgStyle;
|
|
84
86
|
|
|
85
87
|
var imgURL = imgRef[type];
|
|
86
|
-
|
|
87
88
|
return _react2.default.createElement(
|
|
88
89
|
'div',
|
|
89
90
|
{ className: 'progressState', style: style },
|
|
@@ -93,7 +94,7 @@ var EmptyAndErrorView = (_temp2 = _class = function (_Component) {
|
|
|
93
94
|
iconVisible && _react2.default.createElement(
|
|
94
95
|
'div',
|
|
95
96
|
{ className: 'icon' },
|
|
96
|
-
_react2.default.createElement('img', { src: imgURL })
|
|
97
|
+
_react2.default.createElement('img', { style: imgStyle, src: imgURL })
|
|
97
98
|
),
|
|
98
99
|
info && _react2.default.createElement(
|
|
99
100
|
'div',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["tplus-components-touch/components/progressState/EmptyAndErrorView.js"],"names":["imgRef","empty","error","EmptyAndErrorView","onButtonClick","e","onClick","props","iconVisible","info","buttonVisible","buttonTitle","secondaryTip","style","type","imgURL","Component","propTypes","PropTypes","bool","string","func","object"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAEA;;;;;;AAGA,IAAMA,SAAS;AACXC,WAAM,gDADK;AAEXC,WAAM;AAFK,CAAf;;IAKMC,iB;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/progressState/EmptyAndErrorView.js"],"names":["imgRef","empty","error","EmptyAndErrorView","onButtonClick","e","onClick","props","iconVisible","info","buttonVisible","buttonTitle","secondaryTip","style","type","imgStyle","imgURL","Component","propTypes","PropTypes","bool","string","func","object"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAEA;;;;;;AAGA,IAAMA,SAAS;AACXC,WAAM,gDADK;AAEXC,WAAM;AAFK,CAAf;;IAKMC,iB;;;;;;;;;;;;;;sOA+CFC,a,GAAgB,UAACC,CAAD,EAAK;AAAA,gBACVC,OADU,GACC,MAAKC,KADN,CACVD,OADU;;AAEjBA,uBAAWA,QAAQD,CAAR,CAAX;AACH,S;;;;;iCArCQ;AAAA,yBAEoG,KAAKE,KAFzG;AAAA,gBAEEC,WAFF,UAEEA,WAFF;AAAA,gBAEeC,IAFf,UAEeA,IAFf;AAAA,gBAEqBC,aAFrB,UAEqBA,aAFrB;AAAA,gBAEoCC,WAFpC,UAEoCA,WAFpC;AAAA,gBAEgDC,YAFhD,UAEgDA,YAFhD;AAAA,sCAE6DC,KAF7D;AAAA,gBAE6DA,KAF7D,gCAEmE,EAFnE;AAAA,qCAEsEC,IAFtE;AAAA,gBAEsEA,IAFtE,+BAE2E,OAF3E;AAAA,yCAEmFC,QAFnF;AAAA,gBAEmFA,QAFnF,mCAE8F,EAF9F;;AAGL,gBAAMC,SAAShB,OAAOc,IAAP,CAAf;AACA,mBACI;AAAA;AAAA,kBAAK,WAAU,eAAf,EAA+B,OAAOD,KAAtC;AACI;AAAA;AAAA;AACKL,mCACD;AAAA;AAAA,0BAAK,WAAU,MAAf;AACI,+DAAK,OAAOO,QAAZ,EAAsB,KAAKC,MAA3B;AADJ,qBAFJ;AAMKP,4BACD;AAAA;AAAA,0BAAK,WAAU,MAAf;AAAuBA;AAAvB,qBAPJ;AASKC,qCACD;AAAA;AAAA,0BAAK,WAAU,QAAf;AACI;AAAA;AAAA,8BAAQ,MAAK,SAAb,EAAuB,SAAS,KAAKN,aAArC;AACMO;AADN;AADJ;AAVJ,iBADJ;AAkBKC,gCACG;AAAA;AAAA,sBAAK,WAAU,cAAf;AACI;AAAA;AAAA,0BAAM,WAAU,UAAhB;AAAA;AAAA,qBADJ;AAEI;AAAA;AAAA,0BAAK,WAAU,YAAf;AAAA;AAA+BA;AAA/B;AAFJ;AAnBR,aADJ;AA4BH;;;EA7C2BK,gB,UAErBC,S,GAAY;AACfV,iBAAaW,oBAAUC,IADR;AAEfX,UAAMU,oBAAUE,MAFD;AAGfX,mBAAeS,oBAAUC,IAHV;AAIfT,iBAAaQ,oBAAUE,MAJR;AAKfT,kBAAcO,oBAAUE,MALT;AAMff,aAASa,oBAAUG,IANJ;AAOfT,WAAOM,oBAAUI,MAPF;AAQfT,UAAMK,oBAAUE;AARD,C;kBAoDRlB,iB","file":"EmptyAndErrorView.js","sourcesContent":["import React, {Component} from 'react';\nimport { Button } from 'antd';\nimport PropTypes from 'prop-types';\n\n\nconst imgRef = {\n empty:'https://newretail.static.chanjet.com/empty.png',\n error:'https://newretail.static.chanjet.com/operation_error.png'\n}\n\nclass EmptyAndErrorView extends Component{\n\n static propTypes = {\n iconVisible: PropTypes.bool,\n info: PropTypes.string,\n buttonVisible: PropTypes.bool,\n buttonTitle: PropTypes.string,\n secondaryTip: PropTypes.string,\n onClick: PropTypes.func,\n style: PropTypes.object,\n type: PropTypes.string\n };\n\n render() {\n\n const {iconVisible, info, buttonVisible, buttonTitle,secondaryTip,style={},type='error',imgStyle = {}} = this.props;\n const imgURL = imgRef[type];\n return (\n <div className=\"progressState\" style={style}>\n <div>\n {iconVisible &&\n <div className=\"icon\">\n <img style={imgStyle} src={imgURL}/>\n </div>\n }\n {info &&\n <div className=\"text\">{info}</div>\n }\n {buttonVisible &&\n <div className=\"addBtn\">\n <Button type=\"primary\" onClick={this.onButtonClick}>\n {buttonTitle}\n </Button>\n </div>\n }\n </div>\n {secondaryTip &&\n <div className=\"secondaryTip\">\n <span className=\"tipLabel\">提示 :</span>\n <div className=\"tipContent\"> {secondaryTip}</div>\n </div>\n }\n\n </div>\n );\n }\n\n onButtonClick = (e)=>{\n const {onClick} = this.props;\n onClick && onClick(e);\n }\n\n}\n\nexport default EmptyAndErrorView;"]}
|
|
@@ -139,7 +139,8 @@ var ProgressState = (_temp = _class = function (_React$Component) {
|
|
|
139
139
|
buttonTitle: _propTypes2.default.string,
|
|
140
140
|
onClick: _propTypes2.default.func,
|
|
141
141
|
buttonVisible: _propTypes2.default.bool,
|
|
142
|
-
style: _propTypes2.default.object
|
|
142
|
+
style: _propTypes2.default.object,
|
|
143
|
+
imgStyle: _propTypes2.default.object
|
|
143
144
|
}),
|
|
144
145
|
error: _propTypes2.default.shape({
|
|
145
146
|
iconVisible: _propTypes2.default.bool,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["tplus-components-touch/components/progressState/ProgressState.js"],"names":["ProgressState","props","state","load","style","empty","error","children","stateCommonStyle","className","baseStyle","height","defaultProps","React","Component","iconVisible","buttonTitle","buttonVisible","info","defaultLoadProps","position","gotProgressState","loading","notEmpty","progressState","propTypes","PropTypes","oneOf","shape","text","string","object","bool","onClick","func","node"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;;;AACA;;;;AACA;;AACA;;;;;;IAEMA,a;;;;;;;;;;;;AAWF;;;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["tplus-components-touch/components/progressState/ProgressState.js"],"names":["ProgressState","props","state","load","style","empty","error","children","stateCommonStyle","className","baseStyle","height","defaultProps","React","Component","iconVisible","buttonTitle","buttonVisible","info","defaultLoadProps","position","gotProgressState","loading","notEmpty","progressState","propTypes","PropTypes","oneOf","shape","text","string","object","bool","onClick","func","imgStyle","node"],"mappings":"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","file":"ProgressState.js","sourcesContent":["import React from 'react';\nimport LoadingView from '../loading/loadingContent';\nimport EmptyAndErrorView from './EmptyAndErrorView';\nimport './style.less';\nimport PropTypes from 'prop-types';\n\nclass ProgressState extends React.Component {\n static defaultProps = {\n state: 'show',\n error: {iconVisible:true, buttonTitle: '重试', buttonVisible: true},\n empty: {iconVisible:true, info: '哎呀, 这里空空的什么都没有', buttonTitle: '刷新', buttonVisible: true},\n };\n\n static defaultLoadProps = {\n style:{position:'relative'}\n }\n\n /**\n * 返回 ProgressState, 规则如下:\n * 1. error 优先,如果有error, 则状态为 error\n * 2. 否则如果 loading, 则状态为 load\n * 3. 否则如果 notEmpty, 则状态为 show\n * 4. 否则为 empty\n * @param loading\n * @param notEmptu\n * @param error\n * @returns {*}\n */\n static gotProgressState = (loading, notEmpty, error) => {\n let progressState;\n\n if (error) {\n progressState = 'error';\n }\n else if (loading) {\n progressState = 'load';\n }\n else if (notEmpty) {\n progressState = 'show';\n }\n else {\n progressState = 'empty';\n }\n\n return progressState;\n };\n\n static propTypes = {\n state: PropTypes.oneOf(['wait', 'load', 'show', 'error', 'empty']),\n load: PropTypes.shape({\n text: PropTypes.string,\n className: PropTypes.string,\n style: PropTypes.object,\n }),\n empty: PropTypes.shape({\n iconVisible:PropTypes.bool,\n info: PropTypes.string,\n buttonTitle: PropTypes.string,\n onClick: PropTypes.func,\n buttonVisible: PropTypes.bool,\n style: PropTypes.object,\n imgStyle: PropTypes.object\n }),\n error: PropTypes.shape({\n iconVisible:PropTypes.bool,\n info: PropTypes.string,\n buttonTitle: PropTypes.string,\n onClick: PropTypes.func,\n buttonVisible: PropTypes.bool\n }),\n children: PropTypes.node,\n className: PropTypes.string,\n style: PropTypes.object,\n stateCommonStyle: PropTypes.object\n };\n\n render() {\n const {\n state,\n load = {style:{}},\n empty = {style:{}},\n error = {style:{}},\n children,\n style,\n stateCommonStyle = {},\n className,\n } = this.props;\n const baseStyle = className ? {} : {height: '100%'};\n empty.style = {...stateCommonStyle,...empty.style};\n error.style = {...stateCommonStyle,...error.style};\n load.style ={...stateCommonStyle,...load.style};\n return (\n <div className={className} style={Object.assign(baseStyle,style)}>\n {children}\n {state === 'load' &&\n <LoadingView {...load}/>\n }\n {state === 'empty' && empty &&\n <EmptyAndErrorView type={'empty'} {...ProgressState.defaultProps.empty} {...empty} />\n }\n {state === 'error' && error &&\n <EmptyAndErrorView type={'error'} {...ProgressState.defaultProps.error} {...error} />\n }\n </div>\n );\n }\n}\n\nexport default ProgressState;\n"]}
|