tplus-components-touch 1.27.1 → 1.27.2

package/dist/components/commonForm/index.js

@@ -0,0 +1,208 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _Form5 = require('tinper-bee/dist/Form');
+
+var _Form6 = _interopRequireDefault(_Form5);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _Checkbox2 = require('tinper-bee/dist/Checkbox');
+
+var _Checkbox3 = _interopRequireDefault(_Checkbox2);
+
+var _class; /**
+             *
+             * @title 表单校验
+             * @description 用户信息录入实例
+             */
+
+
+require('tinper-bee/dist/Form/index.css');
+
+require('tinper-bee/dist/Checkbox/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _formControl = require('./formControl');
+
+var _formControl2 = _interopRequireDefault(_formControl);
+
+var _radio = require('./radio');
+
+var _radio2 = _interopRequireDefault(_radio);
+
+var _datePicker = require('./datePicker');
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+var _autoComplete = require('./autoComplete');
+
+var _autoComplete2 = _interopRequireDefault(_autoComplete);
+
+var _inputNumber = require('./inputNumber');
+
+var _inputNumber2 = _interopRequireDefault(_inputNumber);
+
+var _get2 = require('lodash/get');
+
+var _get3 = _interopRequireDefault(_get2);
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _mutantsUtil = require('mutants-util');
+
+var _mobxReact = require('mobx-react');
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var FormItem = _Form6.default.FormItem;
+var CheckboxGroup = _Checkbox3.default.CheckboxGroup;
+
+//输入datepicker控制；
+var handdleDate = function handdleDate(value) {
+    if (_mutantsUtil.tools.isNull(value)) {
+        value = null;
+        return value;
+    }
+
+    if (!(value instanceof _moment2.default)) {
+        value = (0, _moment2.default)(value);
+    }
+
+    if (value && value.valueOf() < new Date(1900, 1, 1).getTime()) {
+        value = null;
+    }
+
+    return value;
+};
+var handdleDateOut = function handdleDateOut(fieldValue) {
+    return new Date(fieldValue.format('YYYY/MM/DD'));
+};
+
+var Demo = (0, _mobxReact.observer)(_class = function (_Component) {
+    (0, _inherits3.default)(Demo, _Component);
+
+    function Demo(props) {
+        (0, _classCallCheck3.default)(this, Demo);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (Demo.__proto__ || (0, _getPrototypeOf2.default)(Demo)).call(this, props));
+
+        _this.submit = function (e) {
+            _this.props.form.validateFields(function (err, values) {
+                if (err) {
+                    _this.props.onsubmit();
+                    console.log('校验失败', values, err);
+                } else {
+                    console.log('提交成功', values);
+                }
+            });
+        };
+
+        _this.state = {
+            selectedValue: '',
+            selectedValue2: 'headquarters'
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(Demo, [{
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var _props$form = this.props.form,
+                getFieldProps = _props$form.getFieldProps,
+                getFieldError = _props$form.getFieldError;
+
+            var self = this;
+            var props = this.props;
+            return _react2.default.createElement(
+                _Form6.default,
+                { className: 'common-form', style: props.styles || {} },
+                props.viewInfo.map(function (el, index) {
+                    if (!el.Visible) return;
+                    switch (el.ControlType) {
+                        case 'TextBox':
+                            return _react2.default.createElement(_formControl2.default, { key: index, viewInfo: el, form: _this2.props.form });
+                        case 'ComboBox':
+                            return _react2.default.createElement(_radio2.default, { key: index, viewInfo: el, getMemberReferData: _this2.props.getMemberReferData, form: _this2.props.form });
+                        case 'DateDropDown':
+                            return _react2.default.createElement(_datePicker2.default, { key: index, viewInfo: el, form: _this2.props.form });
+                        case 'RefComplexBox':
+                            return _react2.default.createElement(_autoComplete2.default, { key: index, getMemberReferData: _this2.props.getMemberReferData, viewInfo: el, form: _this2.props.form });
+                        case 'NumTextBox':
+                            return _react2.default.createElement(_inputNumber2.default, { key: index, viewInfo: el, form: _this2.props.form });
+                        default:
+                            return _react2.default.createElement(_formControl2.default, { key: index, viewInfo: el, form: _this2.props.form });
+                    }
+                })
+            );
+        }
+    }]);
+    return Demo;
+}(_react.Component)) || _class;
+
+var Demo4 = _Form6.default.createForm({
+    name: 'commonForm',
+    mapPropsToFields: function mapPropsToFields(props) {
+        var obj = {};
+        var data = props.data;
+
+        props.viewInfo.forEach(function (el) {
+            var value = '';
+            if (el.FieldName.lastIndexOf(".") > 0) {
+                value = (0, _get3.default)(data, el.FieldName);
+            } else {
+                value = JSON.getCellValue(data, el.FieldName);
+            }
+
+            if (el.ControlType == 'DateDropDown') {
+                value = handdleDate(value);
+            }
+
+            obj[el.FieldName] = _Form6.default.createFormField({
+                value: value
+            });
+        });
+        return obj;
+    },
+    onValuesChange: function onValuesChange(props, changed, all) {
+        for (var key in changed) {
+            if (changed[key] instanceof _moment2.default) {
+                changed[key] = handdleDateOut(changed[key]);
+            }
+        }
+        props.changeVal && props.changeVal(changed);
+    }
+})(Demo);
+
+exports.default = Demo4;
+//# sourceMappingURL=index.js.map

package/dist/components/commonForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/commonForm/index.js"],"names":["FormItem","CheckboxGroup","handdleDate","value","tools","isNull","Moment","valueOf","Date","getTime","handdleDateOut","fieldValue","format","Demo","observer","props","submit","e","form","validateFields","err","values","onsubmit","console","log","state","selectedValue","selectedValue2","getFieldProps","getFieldError","self","styles","viewInfo","map","el","index","Visible","ControlType","getMemberReferData","Component","Demo4","createForm","name","mapPropsToFields","obj","data","forEach","FieldName","lastIndexOf","JSON","getCellValue","createFormField","onValuesChange","changed","all","key","changeVal"],"mappings":"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","file":"index.js","sourcesContent":["/**\n *\n * @title 表单校验\n * @description 用户信息录入实例\n */\nimport React, { Component } from 'react';\nimport { Upload, Icon, Button, Label, CitySelect, Rate, Slider, Switch, Checkbox, Col, Row, Form } from 'tinper-bee';\nimport FormControl from './formControl';\nimport Radio from './radio';\nimport DatePickerControl from './datePicker';\nimport AutoComplete from './autoComplete';\nimport InputNumber from './inputNumber';\nimport _get from 'lodash/get'\nimport Moment from 'moment'\nimport { tools } from 'mutants-util'\nimport { observer } from 'mobx-react';\nimport './style.less'\n\nconst FormItem = Form.FormItem;\nconst CheckboxGroup = Checkbox.CheckboxGroup;\n\n//输入datepicker控制；\nconst handdleDate = (value) => {\n    if (tools.isNull(value)) {\n        value = null;\n        return value;\n    }\n\n    if (!(value instanceof Moment)) {\n        value = Moment(value)\n    }\n\n    if (value && value.valueOf() < (new Date(1900, 1, 1)).getTime()) {\n        value = null;\n    }\n\n    return value;\n}\nconst handdleDateOut = (fieldValue) => {\n    return new Date(fieldValue.format('YYYY/MM/DD'));\n}\n@observer\nclass Demo extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            selectedValue: '',\n            selectedValue2: 'headquarters'\n        };\n    }\n    submit = (e) => {\n        this.props.form.validateFields((err, values) => {\n            if (err) {\n                this.props.onsubmit()\n                console.log('校验失败', values, err);\n            } else {\n                console.log('提交成功', values)\n            }\n        });\n    }\n    render() {\n        const { getFieldProps, getFieldError } = this.props.form;\n        const self = this;\n        const props = this.props;\n        return (\n            <Form className='common-form' style={props.styles || {}}>\n                {props.viewInfo.map((el, index) => {\n                    if (!el.Visible) return;\n                    switch (el.ControlType) {\n                        case 'TextBox': return <FormControl key={index} viewInfo={el} form={this.props.form}></FormControl>\n                        case 'ComboBox': return <Radio key={index} viewInfo={el} getMemberReferData={this.props.getMemberReferData} form={this.props.form}></Radio>\n                        case 'DateDropDown': return <DatePickerControl key={index} viewInfo={el} form={this.props.form}></DatePickerControl>\n                        case 'RefComplexBox': return <AutoComplete key={index} getMemberReferData={this.props.getMemberReferData} viewInfo={el} form={this.props.form}></AutoComplete>\n                        case 'NumTextBox': return <InputNumber key={index} viewInfo={el} form={this.props.form}></InputNumber>\n                        default: return <FormControl key={index} viewInfo={el} form={this.props.form}></FormControl>\n                    }\n                })}\n            </Form>\n        )\n    }\n}\n\nconst Demo4 = Form.createForm({\n    name: 'commonForm',\n    mapPropsToFields(props) {\n        let obj = {}\n        let data = props.data;\n\n        props.viewInfo.forEach((el) => {\n            let value = '';\n            if (el.FieldName.lastIndexOf(\".\") > 0) {\n                value = _get(data, el.FieldName);\n            }\n            else {\n                value = JSON.getCellValue(data, el.FieldName);\n            }\n\n            if (el.ControlType == 'DateDropDown') {\n                value = handdleDate(value);\n            }\n\n            obj[el.FieldName] = Form.createFormField({\n                value: value,\n            })\n        })\n        return obj;\n    },\n    onValuesChange(props, changed, all) {\n        for (let key in changed) {\n            if (changed[key] instanceof Moment) {\n                changed[key] = handdleDateOut(changed[key])\n            }\n        }\n        props.changeVal && props.changeVal(changed)\n    }\n})(Demo)\n\nexport default Demo4;"]}

package/dist/components/commonForm/inputNumber/index.js

@@ -0,0 +1,291 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _FormControl2 = require('tinper-bee/dist/FormControl');
+
+var _FormControl3 = _interopRequireDefault(_FormControl2);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _Icon3 = require('tinper-bee/dist/Icon');
+
+var _Icon4 = _interopRequireDefault(_Icon3);
+
+var _Label2 = require('tinper-bee/dist/Label');
+
+var _Label3 = _interopRequireDefault(_Label2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _Form2 = require('tinper-bee/dist/Form');
+
+var _Form3 = _interopRequireDefault(_Form2);
+
+require('tinper-bee/dist/FormControl/index.css');
+
+require('tinper-bee/dist/Icon/index.css');
+
+require('tinper-bee/dist/Label/index.css');
+
+require('tinper-bee/dist/Form/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _ticon = require('../../ticon');
+
+var _ticon2 = _interopRequireDefault(_ticon);
+
+var _keyboard = require('../../keyboard');
+
+var _keyboard2 = _interopRequireDefault(_keyboard);
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var FormItem = _Form3.default.FormItem;
+
+var _default = function (_Component) {
+    (0, _inherits3.default)(_default, _Component);
+
+    function _default(props, context) {
+        (0, _classCallCheck3.default)(this, _default);
+
+        var _this2 = (0, _possibleConstructorReturn3.default)(this, (_default.__proto__ || (0, _getPrototypeOf2.default)(_default)).call(this, props));
+
+        _this2.useKb = function () {
+            var _this = _this2;
+            _keyboard2.default.close();
+            _keyboard2.default.open(function (v) {
+                var value = _keyboard2.default.getNewValue(_this.input.input, _this.input.input.value, v);
+                _this.onNumberChange(value);
+            })();
+        };
+
+        _this2.forDight = function (val, presion) {
+            val = parseFloat(val).toFixed(10);
+            if (presion == null) {
+                presion = 0;
+            }
+            var intVal = new Number(val);
+            if (isNaN(intVal)) {
+                intVal = 0;
+            }
+            //针对当val值为0.0000000001，如果针对精度类型presion为2，得到的结果理应为0，否则就会显示错误。
+            var numValue = val;
+            var numPresion = parseInt(presion);
+            if (numPresion > 0) {
+                for (var n = 0; n < numPresion; n++) {
+                    numValue = numValue * 10;
+                }
+            }
+            if (isNaN(intVal) || (val + "").toLowerCase().indexOf("e") != -1 || Math.abs(numValue) < 1) {
+                return 0;
+            }
+            var intPresion = new Number(presion);
+            var temp = (val + "").split('.');
+
+            //Math.round 只能四舍五入为整型，故先倍增精度的10次方将小数点定位于精度位之前
+            //浏览器对于一些特殊的数计算有误 比如1.225*100等于122.50000000000001 所以还需要保留2位小数
+            var bigTrim = intVal;
+            if (intVal.toString().indexOf(".") != -1) {
+                bigTrim = Math.round(accMul(intVal, Math.pow(10, intPresion)));
+                bigTrim = bigTrim.toString();
+                var bigTrimArr = bigTrim.split('.');
+                if (bigTrimArr && bigTrimArr.length == 2) {
+                    bigTrimArr[1] = bigTrimArr[1].substring(0, 2); //保留2位小数
+                    bigTrim = bigTrimArr.join(".");
+                }
+
+                var big = Math.round(bigTrim);
+                //对负数做特殊的处理 Math.round对负数5做舍（变大）的处理 因此按要求减一
+                if (intVal < 0 && temp.length == 2 && temp[1].length == intPresion + 1 && temp[1].substring(intPresion) == "5") big -= 1;
+
+                return big / Math.pow(10, intPresion);
+            } else {
+                return bigTrim;
+            }
+        };
+
+        _this2.onNumberChange = function (val) {
+            var setFieldsValue = _this2.props.form.setFieldsValue;
+
+            var viewInfo = _this2.props.viewInfo;
+
+            var _ref = viewInfo || {},
+                FieldType = _ref.FieldType,
+                Format = _ref.Format,
+                _ref$MaxLength = _ref.MaxLength,
+                MaxLength = _ref$MaxLength === undefined ? 11 : _ref$MaxLength,
+                Precision = _ref.Precision;
+
+            MaxLength = MaxLength ? parseInt(MaxLength) : 11;
+            var value = val;
+            var isPrecision = /^\d+$/.test(Precision);
+            var isNumer = /^\d+$/.test(value);
+            if (isPrecision == true) Precision = parseInt(Precision);
+            var intLength = isPrecision == false ? MaxLength : MaxLength - Precision;
+            switch (FieldType) {
+                case 'string':
+                    switch (Format) {
+                        case 'Mobile':
+                            if (isNumer === true) {
+                                if ((value + '').length > MaxLength) {
+                                    value = _this2._val || '';
+                                } else {
+                                    _this2._val = value;
+                                }
+                            } else if (value) {
+                                value = _this2._val || '';
+                            }
+                            break;
+                    }
+                    break;
+                case 'number':
+                    if (!isNaN(value)) {
+                        if ((value + '').indexOf('.') > -1) {
+                            var arr = (value + '').split('.');
+                            if (isPrecision == false || arr[1].length > Precision || arr[0].length + arr[1].length > MaxLength) {
+                                value = _this2._val || '';
+                            } else {
+                                _this2._val = value;
+                            }
+                        } else if ((value + '').indexOf('-') > -1) {
+                            value = _this2._val || '';
+                        } else {
+                            if ((value + '').length > intLength) {
+                                value = _this2._val || '';
+                            } else {
+                                _this2._val = value;
+                            }
+                        }
+                    } else {
+                        value = _this2._val || '';
+                    }
+                    break;
+            }
+            var changed = {};
+            changed[viewInfo['FieldName']] = value;
+            setFieldsValue(changed);
+        };
+
+        _this2.onBlurChange = function (val) {
+            _keyboard2.default.close();
+            var value = !val ? '' : (val + '').replace(/^[0]+/, "");
+            var viewInfo = _this2.props.viewInfo;
+
+            var _ref2 = viewInfo || {},
+                Precision = _ref2.Precision;
+
+            var isPrecision = /^\d+$/.test(Precision);
+            if (isPrecision == true) {
+                value = parseFloat(value).toFixed(Precision);
+            }
+            _this2.onNumberChange(value);
+        };
+
+        return _this2;
+    }
+
+    (0, _createClass3.default)(_default, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            var _this = this;
+            var _thisInput = this.input && this.input.input;
+            if (_thisInput) {
+                setTimeout(function () {
+                    var value = _thisInput.value;
+                    if (value) _this.onBlurChange(value);
+                }, 0);
+            }
+        }
+    }, {
+        key: 'componentWillUnmount',
+        value: function componentWillUnmount() {
+            _keyboard2.default && _keyboard2.default.close();
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this3 = this;
+
+            var viewInfo = this.props.viewInfo;
+            var _props$form = this.props.form,
+                getFieldProps = _props$form.getFieldProps,
+                getFieldError = _props$form.getFieldError,
+                setFieldsValue = _props$form.setFieldsValue;
+
+            var _this = this;
+            return _react2.default.createElement(
+                FormItem,
+                null,
+                _react2.default.createElement(
+                    _Label3.default,
+                    null,
+                    !viewInfo.AllowNone ? _react2.default.createElement(_Icon4.default, { type: 'uf-mi', className: 'mast' }) : null,
+                    viewInfo.Title
+                ),
+                _react2.default.createElement(_FormControl3.default, (0, _extends3.default)({
+                    placeholder: ''
+                }, getFieldProps(viewInfo['FieldName'], {
+                    validateTrigger: 'onBlur',
+                    rules: [{
+                        required: !viewInfo.AllowNone, message: _react2.default.createElement(
+                            'span',
+                            null,
+                            _react2.default.createElement(_Icon4.default, { type: 'uf-exc-t' }),
+                            _react2.default.createElement(
+                                'span',
+                                null,
+                                '\u8BF7\u8F93\u5165'
+                            )
+                        )
+                    }]
+                }), {
+                    disabled: viewInfo.ReadOnly,
+                    ref: function ref(el) {
+                        _this.input = el;
+                    },
+                    onFocus: function onFocus() {
+                        _this3.useKb();
+                    },
+                    suffix: _react2.default.createElement(_ticon2.default, { type: 'jianpan2', onClick: function onClick() {
+                            _this.input.input.focus();
+                        } }),
+                    onChange: this.onNumberChange,
+                    onBlur: this.onBlurChange
+                }))
+            );
+        }
+    }]);
+    return _default;
+}(_react.Component);
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/dist/components/commonForm/inputNumber/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/commonForm/inputNumber/index.js"],"names":["FormItem","props","context","useKb","_this","Keyboard","close","open","v","value","getNewValue","input","onNumberChange","forDight","val","presion","parseFloat","toFixed","intVal","Number","isNaN","numValue","numPresion","parseInt","n","toLowerCase","indexOf","Math","abs","intPresion","temp","split","bigTrim","toString","round","accMul","pow","bigTrimArr","length","substring","join","big","setFieldsValue","form","viewInfo","FieldType","Format","MaxLength","Precision","isPrecision","test","isNumer","intLength","_val","arr","changed","onBlurChange","replace","_thisInput","setTimeout","getFieldProps","getFieldError","AllowNone","Title","validateTrigger","rules","required","message","ReadOnly","el","focus","Component"],"mappings":"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","file":"index.js","sourcesContent":["import React, { Component } from 'react';\nimport { Upload, InputNumber, Icon, Button, Label, CitySelect, Rate, Slider, Switch, Checkbox, Radio, Select, Col, Row, FormControl, Form } from 'tinper-bee';\nconst FormItem = Form.FormItem;\nimport Ticon from '../../ticon'\nimport Keyboard from '../../keyboard'\nimport './style.less'\nexport default class extends Component {\n    constructor(props, context) {\n        super(props)\n    }\n\n    useKb = () => {\n        const _this = this;\n        Keyboard.close();\n        Keyboard.open((v) => {\n            let value = Keyboard.getNewValue(_this.input.input, _this.input.input.value, v);\n            _this.onNumberChange(value);\n        })()\n    }\n\n    forDight = (val, presion) => {\n        val = parseFloat(val).toFixed(10);\n        if (presion == null) {\n            presion = 0;\n        }\n        let intVal = new Number(val);\n        if (isNaN(intVal)) {\n            intVal = 0;\n        }\n        //针对当val值为0.0000000001，如果针对精度类型presion为2，得到的结果理应为0，否则就会显示错误。\n        let numValue = val;\n        let numPresion = parseInt(presion);\n        if (numPresion > 0) {\n            for (let n = 0; n < numPresion; n++) {\n                numValue = numValue * 10;\n            }\n        }\n        if (isNaN(intVal) || (val + \"\").toLowerCase().indexOf(\"e\") != -1 || Math.abs(numValue) < 1) {\n            return 0;\n        }\n        let intPresion = new Number(presion);\n        let temp = (val + \"\").split('.');\n\n        //Math.round 只能四舍五入为整型，故先倍增精度的10次方将小数点定位于精度位之前\n        //浏览器对于一些特殊的数计算有误 比如1.225*100等于122.50000000000001 所以还需要保留2位小数\n        let bigTrim = intVal;\n        if (intVal.toString().indexOf(\".\") != -1) {\n            bigTrim = Math.round(accMul(intVal, Math.pow(10, intPresion)));\n            bigTrim = bigTrim.toString();\n            let bigTrimArr = bigTrim.split('.');\n            if (bigTrimArr && bigTrimArr.length == 2) {\n                bigTrimArr[1] = bigTrimArr[1].substring(0, 2); //保留2位小数\n                bigTrim = bigTrimArr.join(\".\");\n            }\n\n            let big = Math.round(bigTrim);\n            //对负数做特殊的处理 Math.round对负数5做舍（变大）的处理 因此按要求减一\n            if (intVal < 0 && temp.length == 2 && temp[1].length == intPresion + 1 && temp[1].substring(intPresion) == \"5\")\n                big -= 1;\n\n            return big / Math.pow(10, intPresion);\n        } else {\n            return bigTrim;\n        }\n    }\n\n    onNumberChange = (val) => {\n        const { setFieldsValue } = this.props.form;\n        let viewInfo = this.props.viewInfo;\n        let { FieldType, Format, MaxLength = 11, Precision } = viewInfo || {};\n        MaxLength = MaxLength ? parseInt(MaxLength) : 11;\n        let value = val;\n        let isPrecision = /^\\d+$/.test(Precision);\n        let isNumer = /^\\d+$/.test(value);\n        if (isPrecision == true) Precision = parseInt(Precision);\n        let intLength = (isPrecision == false) ? MaxLength : MaxLength - Precision;\n        switch (FieldType) {\n            case 'string':\n                switch (Format) {\n                    case 'Mobile':\n                        if (isNumer === true) {\n                            if ((value + '').length > MaxLength) {\n                                value = this._val || '';\n                            } else {\n                                this._val = value;\n                            }\n                        } else if (value) {\n                            value = this._val || '';\n                        }\n                        break;\n                }\n                break;\n            case 'number':\n                if (!isNaN(value)) {\n                    if ((value + '').indexOf('.') > -1) {\n                        let arr = (value + '').split('.');\n                        if (isPrecision == false || arr[1].length > Precision || (arr[0].length + arr[1].length) > MaxLength) {\n                            value = this._val || '';\n                        } else {\n                            this._val = value;\n                        }\n                    }\n                    else if ((value + '').indexOf('-') > -1) {\n                        value = this._val || '';\n                    }\n                    else {\n                        if ((value + '').length > intLength) {\n                            value = this._val || '';\n                        } else {\n                            this._val = value;\n                        }\n                    }\n                } else {\n                    value = this._val || '';\n                }\n                break;\n        }\n        const changed = {}\n        changed[viewInfo['FieldName']] = value;\n        setFieldsValue(changed);\n    }\n\n    onBlurChange = (val) => {\n        Keyboard.close();\n        let value = !val ? '' : (val + '').replace(/^[0]+/, \"\");\n        let viewInfo = this.props.viewInfo;\n        let { Precision } = viewInfo || {};\n        let isPrecision = /^\\d+$/.test(Precision);\n        if (isPrecision == true) {\n            value = parseFloat(value).toFixed(Precision)\n        }\n        this.onNumberChange(value)\n    }\n\n    componentDidMount() {\n        let _this = this;\n        let _thisInput = this.input && this.input.input;\n        if (_thisInput) {\n            setTimeout(() => {\n                let value = _thisInput.value\n                if (value) _this.onBlurChange(value)\n            }, 0)\n        }\n    }\n    \n    componentWillUnmount() {\n        Keyboard && Keyboard.close();\n    }\n\n    render() {\n        let viewInfo = this.props.viewInfo;\n        const { getFieldProps, getFieldError, setFieldsValue } = this.props.form;\n        const _this = this;\n        return (<FormItem>\n            <Label >\n                {\n                    !viewInfo.AllowNone ? <Icon type=\"uf-mi\" className='mast'></Icon> : null\n                }\n                {\n                    viewInfo.Title\n                }\n            </Label>\n            <FormControl\n                placeholder=\"\"\n                {\n                ...getFieldProps(viewInfo['FieldName'],\n                    {\n                        validateTrigger: 'onBlur',\n                        rules: [{\n                            required: !viewInfo.AllowNone, message: <span><Icon type=\"uf-exc-t\"></Icon><span>请输入</span></span>,\n                        }],\n                    })\n                }\n                disabled={viewInfo.ReadOnly}\n                ref={(el) => {\n                    _this.input = el;\n                }}\n                onFocus={() => { this.useKb() }}\n                suffix={\n                    <Ticon type='jianpan2' onClick={() => {\n                        _this.input.input.focus();\n                    }}></Ticon>\n                }\n                onChange={this.onNumberChange}\n                onBlur={this.onBlurChange}\n            />\n        </FormItem>)\n    }\n}"]}

package/dist/components/commonForm/inputNumber/style.less

@@ -0,0 +1,17 @@
+.common-form .u-form-item {
+    >div {
+        width: 300px !important;
+    }
+    .u-form-control {
+        width: 300px !important;
+    }
+
+    input::-webkit-outer-spin-button,
+    input::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+    }
+
+    input[type="number"] {
+        -moz-appearance: textfield;
+    }
+}