tplus-components-touch 3.54.1 → 3.55.1

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

@@ -0,0 +1,92 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _datePicker = require('antd/es/date-picker');
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+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/date-picker/style');
+
+require('antd/es/form/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mobxReact = require('mobx-react');
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var FormItem = _form2.default.Item;
+
+var _default = (0, _mobxReact.observer)(_class = function (_React$Component) {
+    (0, _inherits3.default)(_default, _React$Component);
+
+    function _default() {
+        (0, _classCallCheck3.default)(this, _default);
+        return (0, _possibleConstructorReturn3.default)(this, (_default.__proto__ || (0, _getPrototypeOf2.default)(_default)).apply(this, arguments));
+    }
+
+    (0, _createClass3.default)(_default, [{
+        key: 'render',
+        value: function render() {
+            var viewInfo = this.props.viewInfo;
+            // const { getFieldProps, getFieldError } = this.props.form;
+            return _react2.default.createElement(
+                FormItem,
+                { className: 'time flex',
+                    label: viewInfo.Title,
+                    name: viewInfo['FieldName'],
+                    rules: [{ required: !viewInfo.AllowNone }] },
+                _react2.default.createElement(_datePicker2.default, {
+                    disabledDate: function disabledDate(currentDate) {
+                        return viewInfo.disabledDate ? currentDate < (0, _moment2.default)() : false;
+                    },
+                    showTime: viewInfo.showTime,
+                    disabled: viewInfo.ReadOnly,
+                    placeholder: '请选择日期'
+                })
+            );
+        }
+    }]);
+    return _default;
+}(_react2.default.Component)) || _class;
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/commonForm/datePicker/index.js"],"names":["FormItem","Item","observer","viewInfo","props","Title","required","AllowNone","currentDate","disabledDate","showTime","ReadOnly","React","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;AAEA;;;;AACA;;;;AAEA,IAAMA,WAAW,eAAKC,IAAtB;;mBACCC,mB;;;;;;;;;;iCAGW;AACJ,gBAAIC,WAAU,KAAKC,KAAL,CAAWD,QAAzB;AACA;AACA,mBACI;AAAC,wBAAD;AAAA,kBAAU,WAAU,WAApB;AACU,2BAAOA,SAASE,KAD1B;AAEU,0BAAMF,SAAS,WAAT,CAFhB;AAGU,2BAAO,CAAC,EAACG,UAAU,CAACH,SAASI,SAArB,EAAD,CAHjB;AAII;AACI,kCAAc,sBAACC,WAAD,EAAgB;AAAC,+BAAOL,SAASM,YAAT,GAAwBD,cAAc,uBAAtC,GAAiD,KAAxD;AAA8D,qBADjG;AAEI,8BAAUL,SAASO,QAFvB;AAGI,8BAAUP,SAASQ,QAHvB;AAII,iCAAa;AAJjB;AAJJ,aADJ;AAaH;;;EAlBwBC,gBAAMC,S","file":"index.js","sourcesContent":["import React from 'react';\nimport {observer} from 'mobx-react';\nimport { DatePicker, Form } from 'antd';\nimport moment from \"moment\";\nimport './style.less';\n\nconst FormItem = Form.Item;\n@observer\nexport default class extends React.Component{\n\n    render(){\n        let viewInfo= this.props.viewInfo;\n        // const { getFieldProps, getFieldError } = this.props.form;\n        return (\n            <FormItem className='time flex'\n                      label={viewInfo.Title}\n                      name={viewInfo['FieldName']}\n                      rules={[{required: !viewInfo.AllowNone}]}>\n                <DatePicker\n                    disabledDate={(currentDate)=> {return viewInfo.disabledDate ? currentDate < moment() : false}}\n                    showTime={viewInfo.showTime}\n                    disabled={viewInfo.ReadOnly}\n                    placeholder={'请选择日期'}\n                />\n            </FormItem>\n        )\n    }\n}\n"]}

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

@@ -0,0 +1,144 @@
+'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 == '会员姓名' || viewInfo.Title == '收货人' || 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();
+                    },
+                    maxLength: viewInfo.MaxLength || '-'
+                    // 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","MaxLength","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,MAAlB,IAA4Bb,SAASa,KAAT,IAAkB,KAA9C,IAAuDb,SAASa,KAAT,IAAkB,MAA7G;;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,qBAVL;AAWI,+BAAWI,SAASoB,SAAT,IAAsB;AACjC;AACA;AACA;AACA;AACA;AACA;AAjBJ,sBAkBI,QAAQ,kBAAI;AAAElB,2CAASC,KAAT;AAAkB;AAlBpC;AADJ,aADJ;AAwBH;;;EAtDwBkB,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 == '会员姓名' || viewInfo.Title == '收货人' || 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                    maxLength={viewInfo.MaxLength || '-'}\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,231 @@
+'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 _this$props = _this.props,
+                viewInfo = _this$props.viewInfo,
+                type = _this$props.type,
+                changeVal = _this$props.changeVal;
+
+            for (var key in changedValues) {
+                if (changedValues[key] instanceof _moment2.default) {
+                    changedValues[key] = handdleDateOut(changedValues[key]);
+                }
+                if (type == 'buyer' && key === 'Address') {
+                    return;
+                }
+            }
+            changeVal && 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, type: props.type, dataDto: props.data, 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","type","changeVal","key","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, type, changeVal } = this.props;\n        for (let key in changedValues) {\n            if (changedValues[key] instanceof Moment) {\n                changedValues[key] = handdleDateOut(changedValues[key]);\n            }\n            if ( type == 'buyer' && key  === 'Address'){\n                return;\n            }\n        }\n        changeVal && 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} type={props.type} dataDto={props.data} 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}"]}