tplus-components-touch 3.28.2 → 3.28.6

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

@@ -0,0 +1,143 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _input = require('antd/es/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+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 _form = require('antd/es/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+var _class;
+
+require('antd/es/input/style');
+
+require('antd/es/form/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _ticon = require('../../ticon');
+
+var _ticon2 = _interopRequireDefault(_ticon);
+
+var _keyboard = require('../../keyboard');
+
+var _keyboard2 = _interopRequireDefault(_keyboard);
+
+var _mobxReact = require('mobx-react');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var FormItem = _form2.default.Item;
+// import './style.less';
+
+var _default = (0, _mobxReact.observer)(_class = function (_React$Component) {
+    (0, _inherits3.default)(_default, _React$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 setFieldsValue = _this2.props.form.current.setFieldsValue;
+
+            var viewInfo = _this2.props.viewInfo;
+            var _this = _this2;
+            _keyboard2.default.close();
+            var changeVal = _this2.props.changeVal;
+
+            _keyboard2.default.open(function (v) {
+                var value = _keyboard2.default.getNewValue(_this.input.input, _this.input.input.value, v);
+                var changed = {};
+                changed[viewInfo['FieldName']] = value;
+                setFieldsValue(changed);
+                changeVal && changeVal(changed);
+            })();
+        };
+
+        _this2.state = {
+            value: 11
+        };
+        return _this2;
+    }
+
+    (0, _createClass3.default)(_default, [{
+        key: 'render',
+        value: function render() {
+            var _this3 = this;
+
+            var viewInfo = this.props.viewInfo;
+            // const { getFieldProps, getFieldError,setFieldsValue } = this.props.form;
+            var isShouldUseAndroidKeyBoard = viewInfo.Title == '会员姓名';
+
+            var _this = this;
+            return _react2.default.createElement(
+                FormItem,
+                { label: viewInfo.Title, name: viewInfo['FieldName'], rules: [{ required: !viewInfo.AllowNone, message: _react2.default.createElement(
+                            'span',
+                            null,
+                            _react2.default.createElement(_ticon2.default, { type: 'tanhao' }),
+                            _react2.default.createElement(
+                                'span',
+                                null,
+                                '\u8BF7\u8F93\u5165',
+                                viewInfo.Title
+                            )
+                        ) }] },
+                _react2.default.createElement(_input2.default, {
+                    placeholder: '',
+                    type: viewInfo.Format === 'PassWord' ? 'password' : 'text',
+                    disabled: viewInfo.ReadOnly,
+                    ref: function ref(el) {
+                        _this.input = el;
+                    },
+                    className: '' + (isShouldUseAndroidKeyBoard ? 'android_focus_keyboard' : ''),
+                    onFocus: function onFocus() {
+                        _this3.useKb();
+                    }
+                    // suffix={
+                    //     <Ticon type='jianpan2' onClick={()=>{
+                    //         _this.input.input.focus();
+                    //     }}
+                    //     ></Ticon>
+                    // }
+                    , onBlur: function onBlur() {
+                        _keyboard2.default.close();
+                    }
+                })
+            );
+        }
+    }]);
+    return _default;
+}(_react2.default.Component)) || _class;
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/commonForm/formControl/index.js"],"names":["FormItem","Item","observer","props","context","useKb","setFieldsValue","form","current","viewInfo","_this","Keyboard","close","changeVal","open","v","value","getNewValue","input","changed","state","isShouldUseAndroidKeyBoard","Title","required","AllowNone","message","Format","ReadOnly","el","React","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAGA;;;;AACA;;;;AAEA;;;;AAJA,IAAMA,WAAW,eAAKC,IAAtB;AAGA;;mBAECC,mB;;;AAGG,sBAAYC,KAAZ,EAAkBC,OAAlB,EAA0B;AAAA;;AAAA,+IAChBD,KADgB;;AAAA,eAO1BE,KAP0B,GAOpB,YAAI;AAAA,gBACEC,cADF,GACqB,OAAKH,KAAL,CAAWI,IAAX,CAAgBC,OADrC,CACEF,cADF;;AAEN,gBAAIG,WAAU,OAAKN,KAAL,CAAWM,QAAzB;AACA,gBAAMC,cAAN;AACAC,+BAASC,KAAT;AAJM,gBAKEC,SALF,GAKgB,OAAKV,KALrB,CAKEU,SALF;;AAMNF,+BAASG,IAAT,CAAc,UAACC,CAAD,EAAK;AACf,oBAAIC,QAAML,mBAASM,WAAT,CAAqBP,MAAMQ,KAAN,CAAYA,KAAjC,EAAuCR,MAAMQ,KAAN,CAAYA,KAAZ,CAAkBF,KAAzD,EAA+DD,CAA/D,CAAV;AACA,oBAAMI,UAAU,EAAhB;AACAA,wBAAQV,SAAS,WAAT,CAAR,IAA+BO,KAA/B;AACAV,+BAAea,OAAf;AACAN,6BAAaA,UAAUM,OAAV,CAAb;AACH,aAND;AAOH,SApByB;;AAEtB,eAAKC,KAAL,GAAW;AACPJ,mBAAM;AADC,SAAX;AAFsB;AAKzB;;;;iCAiBO;AAAA;;AACJ,gBAAIP,WAAU,KAAKN,KAAL,CAAWM,QAAzB;AACA;AACA,gBAAMY,6BAA8BZ,SAASa,KAAT,IAAkB,MAAtD;;AAEA,gBAAMZ,QAAM,IAAZ;AACA,mBACI;AAAC,wBAAD;AAAA,kBAAU,OAAOD,SAASa,KAA1B,EAAiC,MAAMb,SAAS,WAAT,CAAvC,EAA8D,OAAO,CAAC,EAACc,UAAU,CAACd,SAASe,SAArB,EAAgCC,SAAS;AAAA;AAAA;AAAM,0DAAC,eAAD,IAAO,MAAK,QAAZ,GAAN;AAA4B;AAAA;AAAA;AAAA;AAAUhB,yCAASa;AAAnB;AAA5B,yBAAzC,EAAD,CAArE;AACI;AACI,iCAAY,EADhB;AAEI,0BAAMb,SAASiB,MAAT,KAAkB,UAAlB,GAA6B,UAA7B,GAAwC,MAFlD;AAGI,8BAAUjB,SAASkB,QAHvB;AAII,yBAAK,aAACC,EAAD,EAAM;AACPlB,8BAAMQ,KAAN,GAAcU,EAAd;AACH,qBANL;AAOI,qCAAgBP,6BAA2B,wBAA3B,GAAoD,EAApE,CAPJ;AAQI,6BAAS,mBAAI;AACT,+BAAKhB,KAAL;AACH;AACD;AACA;AACA;AACA;AACA;AACA;AAhBJ,sBAiBI,QAAQ,kBAAI;AAAEM,2CAASC,KAAT;AAAkB;AAjBpC;AADJ,aADJ;AAuBH;;;EArDwBiB,gBAAMC,S","file":"index.js","sourcesContent":["import React from 'react';\nimport { Input, Form } from 'antd';\nconst FormItem = Form.Item;\nimport Ticon from '../../ticon';\nimport Keyboard from '../../keyboard';\n// import './style.less';\nimport {observer} from 'mobx-react';\n@observer\nexport default class extends React.Component{\n\n    constructor(props,context){\n        super(props)\n        this.state={\n            value:11\n        }\n    }\n\n    useKb=()=>{\n        const { setFieldsValue } = this.props.form.current;\n        let viewInfo= this.props.viewInfo;\n        const _this=this;\n        Keyboard.close();\n        const { changeVal } = this.props;\n        Keyboard.open((v)=>{\n            let value=Keyboard.getNewValue(_this.input.input,_this.input.input.value,v);\n            const changed = {}\n            changed[viewInfo['FieldName']]=value;\n            setFieldsValue(changed);\n            changeVal && changeVal(changed)\n        })()\n    }\n\n    render(){\n        let viewInfo= this.props.viewInfo;\n        // const { getFieldProps, getFieldError,setFieldsValue } = this.props.form;\n        const isShouldUseAndroidKeyBoard  = viewInfo.Title == '会员姓名';\n\n        const _this=this;\n        return (\n            <FormItem label={viewInfo.Title} name={viewInfo['FieldName']} rules={[{required: !viewInfo.AllowNone, message: <span><Ticon type=\"tanhao\"/><span>请输入{viewInfo.Title}</span></span>}]} >\n                <Input\n                    placeholder=\"\"\n                    type={viewInfo.Format==='PassWord'?'password':'text'}\n                    disabled={viewInfo.ReadOnly}\n                    ref={(el)=>{\n                        _this.input = el;\n                    }}\n                    className = {`${isShouldUseAndroidKeyBoard?'android_focus_keyboard':''}`}\n                    onFocus={()=>{\n                        this.useKb()\n                    }}\n                    // suffix={\n                    //     <Ticon type='jianpan2' onClick={()=>{\n                    //         _this.input.input.focus();\n                    //     }}\n                    //     ></Ticon>\n                    // }\n                    onBlur={()=>{ Keyboard.close();}}\n                />\n            </FormItem>\n        )\n    }\n}\n"]}

package/dist/components/commonForm/index.js

@@ -0,0 +1,225 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _form = require('antd/es/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+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 _class; /**
+             *
+             * @title 表单校验
+             * @description 用户信息录入实例
+             */
+
+
+require('antd/es/form/style');
+
+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 _addressPicker = require('./addressPicker');
+
+var _addressPicker2 = _interopRequireDefault(_addressPicker);
+
+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');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+//输入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 _default = (0, _mobxReact.observer)(_class = function (_React$Component) {
+    (0, _inherits3.default)(_default, _React$Component);
+
+    function _default(props) {
+        (0, _classCallCheck3.default)(this, _default);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (_default.__proto__ || (0, _getPrototypeOf2.default)(_default)).call(this, props));
+
+        _this.handleInputFocus = function () {
+            if (_this.isHorizontalPad) return;
+            var memberModal = document.getElementsByClassName('common-form')[0];
+            if (!memberModal) return;
+            var input = memberModal.getElementsByTagName('input')[0];
+            if (input) setTimeout(function () {
+                console.log('commonForm==Focus==');input.focus();input.click();
+            }, 300);
+        };
+
+        _this.getPropsToFields = function () {
+            var obj = [];
+            var data = _this.props.data;
+
+            _this.props.viewInfo.forEach(function (el) {
+                var value = '';
+                if (el.FieldName.lastIndexOf(".") > 0) {
+                    value = (0, _get3.default)(data, el.FieldName);
+                    obj.push({ name: el.FieldName.split('.'), value: value });
+                } else {
+                    value = JSON.getCellValue(data, el.FieldName);
+                    obj.push({ name: el.FieldName, value: value });
+                }
+
+                if (el.ControlType == 'DateDropDown') {
+                    value = handdleDate(value);
+                    obj.push({ name: el.FieldName, value: value });
+                }
+            });
+            return obj;
+        };
+
+        _this.valuesChange = function (changedValues, allValues) {
+            var viewInfo = _this.props.viewInfo;
+
+            for (var key in changedValues) {
+                if (changedValues[key] instanceof _moment2.default) {
+                    changedValues[key] = handdleDateOut(changedValues[key]);
+                }
+            }
+            _this.props.changeVal && _this.props.changeVal(changedValues);
+        };
+
+        _this.state = {
+            selectedValue: '',
+            selectedValue2: 'headquarters'
+        };
+
+        var _ref = _mutantsUtil.platform || {},
+            isHorizontalPad = _ref.isHorizontalPad;
+
+        _this.isHorizontalPad = !!isHorizontalPad;
+        return _this;
+    }
+    // submit = (e) => {
+    //     this.props.form.current.validateFields((err, values) => {
+    //         if (err) {
+    //             this.props.onsubmit()
+    //             console.log('校验失败', values, err);
+    //         } else {
+    //             console.log('提交成功', values)
+    //         }
+    //     });
+    // }
+
+
+    (0, _createClass3.default)(_default, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            this.handleInputFocus();
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            var props = this.props;
+            return _react2.default.createElement(
+                _form2.default,
+                { name: 'commonForm', className: 'common-form', fields: this.getPropsToFields(), onValuesChange: this.valuesChange, onFinish: function onFinish(values) {
+                        return props.onFinish(values);
+                    },
+                    onFinishFailed: function onFinishFailed(_ref2) {
+                        var values = _ref2.values,
+                            errorFields = _ref2.errorFields,
+                            outOfDate = _ref2.outOfDate;
+                        props.onFinishFailed(values, errorFields, outOfDate);
+                    },
+                    style: props.styles || {}, ref: props.form, labelCol: { span: 8 }, wrapperCol: { span: 9 }, preserve: false },
+                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: props.form, changeVal: props.changeVal });
+                        case 'ComboBox':
+                            return _react2.default.createElement(_radio2.default, { key: index, viewInfo: el, getMemberReferData: props.getMemberReferData, changeVal: props.changeVal, form: props.form });
+                        case 'DateDropDown':
+                            return _react2.default.createElement(_datePicker2.default, { key: index, viewInfo: el, form: props.form });
+                        case 'RefComplexBox':
+                            return _react2.default.createElement(_autoComplete2.default, { key: index, getMemberReferData: props.getMemberReferData, changeVal: props.changeVal, viewInfo: el, form: props.form });
+                        case 'NumTextBox':
+                            return _react2.default.createElement(_inputNumber2.default, { key: index, viewInfo: el, form: props.form, changeVal: props.changeVal });
+                        case 'SelectAddress':
+                            return _react2.default.createElement(_addressPicker2.default, { key: index, viewInfo: el, form: props.form, changeVal: props.changeVal });
+                        default:
+                            return _react2.default.createElement(_formControl2.default, { key: index, viewInfo: el, form: props.form });
+                    }
+                })
+            );
+        }
+    }]);
+    return _default;
+}(_react2.default.Component)) || _class;
+
+exports.default = _default;
+//# 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":["handdleDate","value","tools","isNull","Moment","valueOf","Date","getTime","handdleDateOut","fieldValue","format","observer","props","handleInputFocus","isHorizontalPad","memberModal","document","getElementsByClassName","input","getElementsByTagName","setTimeout","console","log","focus","click","getPropsToFields","obj","data","viewInfo","forEach","el","FieldName","lastIndexOf","push","name","split","JSON","getCellValue","ControlType","valuesChange","changedValues","allValues","key","changeVal","state","selectedValue","selectedValue2","platform","values","onFinish","errorFields","outOfDate","onFinishFailed","styles","form","span","map","index","Visible","getMemberReferData","React","Component"],"mappings":"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","file":"index.js","sourcesContent":["/**\n *\n * @title 表单校验\n * @description 用户信息录入实例\n */\nimport React from 'react';\nimport { Form } from 'antd';\nimport FormControl from './formControl';\nimport Radio from './radio';\nimport DatePickerControl from './datePicker';\nimport AutoComplete from './autoComplete';\nimport InputNumber from './inputNumber';\nimport AddressPicker from './addressPicker';\nimport _get from 'lodash/get';\nimport Moment from 'moment';\nimport { tools } from 'mutants-util';\nimport { observer } from 'mobx-react';\nimport { platform } from 'mutants-util';\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\nexport default class extends React.Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            selectedValue: '',\n            selectedValue2: 'headquarters'\n        };\n        const { isHorizontalPad } = platform || {};\n        this.isHorizontalPad = !!isHorizontalPad;\n    }\n    // submit = (e) => {\n    //     this.props.form.current.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    handleInputFocus = () => {\n        if (this.isHorizontalPad) return;\n        const memberModal = document.getElementsByClassName('common-form')[0];\n        if (!memberModal) return;\n        const input = memberModal.getElementsByTagName('input')[0];\n        if (input) setTimeout(() => { console.log('commonForm==Focus==');input.focus();input.click(); }, 300);\n    }\n\n    componentDidMount() {\n        this.handleInputFocus()\n    }\n    getPropsToFields = () => {\n        let obj = [];\n        let data = this.props.data;\n\n        this.props.viewInfo.forEach((el) => {\n            let value = '';\n            if (el.FieldName.lastIndexOf(\".\") > 0) {\n                value = _get(data, el.FieldName);\n                obj.push({name: el.FieldName.split('.'), value: value});\n            }\n            else {\n                value = JSON.getCellValue(data, el.FieldName);\n                obj.push({name: el.FieldName, value: value});\n            }\n\n            if (el.ControlType == 'DateDropDown') {\n                value = handdleDate(value);\n                obj.push({name: el.FieldName, value: value});\n            }\n        })\n        return obj;\n    };\n    valuesChange = (changedValues, allValues) => {\n        const { viewInfo } = this.props;\n        for (let key in changedValues) {\n            if (changedValues[key] instanceof Moment) {\n                changedValues[key] = handdleDateOut(changedValues[key])\n            }\n        }\n        this.props.changeVal && this.props.changeVal(changedValues);\n    }\n    render() {\n        const props = this.props;\n        return (\n            <Form name=\"commonForm\" className='common-form' fields={this.getPropsToFields()} onValuesChange={this.valuesChange} onFinish={(values)=>props.onFinish(values)}\n                  onFinishFailed={({values, errorFields, outOfDate})=>{props.onFinishFailed(values, errorFields, outOfDate)}}\n                  style={props.styles || {}} ref={props.form} labelCol={{ span: 8 }} wrapperCol={{span: 9}} preserve={false}>\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={props.form} changeVal={props.changeVal}></FormControl>\n                        case 'ComboBox': return <Radio key={index} viewInfo={el} getMemberReferData={props.getMemberReferData} changeVal={props.changeVal} form={props.form}></Radio>\n                        case 'DateDropDown': return <DatePickerControl key={index} viewInfo={el} form={props.form}></DatePickerControl>\n                        case 'RefComplexBox': return <AutoComplete key={index} getMemberReferData={props.getMemberReferData} changeVal={props.changeVal} viewInfo={el} form={props.form}></AutoComplete>\n                        case 'NumTextBox': return <InputNumber key={index} viewInfo={el} form={props.form} changeVal={props.changeVal}></InputNumber>\n                        case 'SelectAddress': return <AddressPicker key={index} viewInfo={el} form={props.form} changeVal={props.changeVal}></AddressPicker>\n                        default: return <FormControl key={index} viewInfo={el} form={props.form}></FormControl>\n                    }\n                })}\n            </Form>\n        )\n    }\n}"]}

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

@@ -0,0 +1,272 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _input = require('antd/es/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _promise = require('babel-runtime/core-js/promise');
+
+var _promise2 = _interopRequireDefault(_promise);
+
+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 _form = require('antd/es/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+require('antd/es/input/style');
+
+require('antd/es/form/style');
+
+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 = _form2.default.Item;
+
+var _default = function (_React$Component) {
+    (0, _inherits3.default)(_default, _React$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.current.setFieldsValue;
+            var _this2$props = _this2.props,
+                viewInfo = _this2$props.viewInfo,
+                changeVal = _this2$props.changeVal;
+
+            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);
+            changeVal && changeVal(changed);
+            return _promise2.default.resolve();
+        };
+
+        _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;
+            // const { getFieldProps, getFieldError, setFieldsValue } = this.props.form;
+            var _this = this;
+            return _react2.default.createElement(
+                FormItem,
+                { label: viewInfo.Title, name: viewInfo['FieldName'],
+                    rules: [{ required: !viewInfo.AllowNone, message: _react2.default.createElement(
+                            'span',
+                            null,
+                            _react2.default.createElement(_ticon2.default, { type: 'tanhao' }),
+                            _react2.default.createElement(
+                                'span',
+                                null,
+                                '\u8BF7\u8F93\u5165',
+                                viewInfo.Title
+                            )
+                        ) }, { maxLength: viewInfo.MaxLength || 11 }, { validator: function validator(_, value) {
+                            return _this3.onNumberChange(value);
+                        } }] },
+                _react2.default.createElement(_input2.default, {
+                    placeholder: '',
+                    disabled: viewInfo.ReadOnly,
+                    ref: function ref(el) {
+                        _this.input = el;
+                    },
+                    onFocus: function onFocus() {
+                        _this3.useKb();
+                    }
+                    // suffix={
+                    //     <Ticon type='jianpan2' onClick={() => {
+                    //         _this.input.input.focus();
+                    //     }}></Ticon>
+                    // }
+                    // onChange={(e) => this.onNumberChange(e.target.value)}
+                    , onBlur: this.onBlurChange
+                })
+            );
+        }
+    }]);
+    return _default;
+}(_react2.default.Component);
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map