tplus-components-touch 3.54.1 → 3.54.2

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

@@ -0,0 +1,260 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _regenerator = require('babel-runtime/regenerator');
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+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 _select = require('antd/es/select');
+
+var _select2 = _interopRequireDefault(_select);
+
+var _form = require('antd/es/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+require('antd/es/select/style');
+
+require('antd/es/form/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _keyboard = require('../../keyboard');
+
+var _keyboard2 = _interopRequireDefault(_keyboard);
+
+var _reactDom = require('react-dom');
+
+var _tools = require('../../../util/tools');
+
+var _tools2 = _interopRequireDefault(_tools);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import './style.less'
+
+var FormItem = _form2.default.Item;
+var Option = _select2.default.Option;
+
+var _default = function (_React$Component) {
+    (0, _inherits3.default)(_default, _React$Component);
+
+    function _default(props) {
+        var _this3 = this;
+
+        (0, _classCallCheck3.default)(this, _default);
+
+        var _this2 = (0, _possibleConstructorReturn3.default)(this, (_default.__proto__ || (0, _getPrototypeOf2.default)(_default)).call(this, props));
+
+        _this2.handleSearch = function () {
+            var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(value) {
+                return _regenerator2.default.wrap(function _callee$(_context) {
+                    while (1) {
+                        switch (_context.prev = _context.next) {
+                            case 0:
+                                _this2.handleChange(value);
+
+                            case 1:
+                            case 'end':
+                                return _context.stop();
+                        }
+                    }
+                }, _callee, _this3);
+            }));
+
+            return function (_x) {
+                return _ref.apply(this, arguments);
+            };
+        }();
+
+        _this2.handleSelect = function (value, _ref2) {
+            var item = _ref2.props.item;
+
+            console.log('selected ' + value);
+            console.log('selected item ', item);
+            var viewInfo = _this2.props.viewInfo;
+            var changed = {};
+            var FieldName = viewInfo.FieldName.split('.')[0];
+            changed[FieldName] = item;
+            _this2.props.changeVal(changed);
+        };
+
+        _this2.handleChange = function (value) {
+            console.log('handleChange ' + value);
+            var _this = _this2;
+            if (_this2.timer != null) window.clearTimeout(_this2.timer);
+            _this2.timer = window.setTimeout(function () {
+                _this.changeSelectData(value);
+            }, 300);
+        };
+
+        _this2.changeSelectData = function () {
+            var _ref3 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2(value) {
+                var _this2$props, viewInfo, getMemberReferData, searchKey, referData;
+
+                return _regenerator2.default.wrap(function _callee2$(_context2) {
+                    while (1) {
+                        switch (_context2.prev = _context2.next) {
+                            case 0:
+                                _this2$props = _this2.props, viewInfo = _this2$props.viewInfo, getMemberReferData = _this2$props.getMemberReferData;
+                                searchKey = viewInfo['FieldName'] == 'Member.Name' ? 'CardCode,Name,Mobilephone' : '';
+                                _context2.next = 4;
+                                return getMemberReferData(viewInfo['FieldName'], searchKey, value || '');
+
+                            case 4:
+                                referData = _context2.sent;
+
+                                _this2.setState({ options: referData || [] });
+
+                            case 6:
+                            case 'end':
+                                return _context2.stop();
+                        }
+                    }
+                }, _callee2, _this3);
+            }));
+
+            return function (_x2) {
+                return _ref3.apply(this, arguments);
+            };
+        }();
+
+        _this2.useKb = function () {
+            var _this = _this2;
+            var domNode = (0, _reactDom.findDOMNode)(_this.input);
+            var input = domNode && domNode.querySelector('input');
+            _keyboard2.default.close();
+            _keyboard2.default.open(function (v) {
+                var value = _keyboard2.default.getNewValue(input, input.value, v);
+                input.value = value;
+            })();
+        };
+
+        _this2.state = {
+            options: []
+        };
+        _this2.timer = null;
+        return _this2;
+    }
+
+    //改变下拉框的值
+
+
+    (0, _createClass3.default)(_default, [{
+        key: 'render',
+        value: function render() {
+            var _this4 = this;
+
+            var viewInfo = this.props.viewInfo;
+            // const { getFieldProps, getFieldError } = this.props.form;
+
+            var options = this.state.options;
+
+            var self = this;
+            var selectItems = options.filter(function (item) {
+                return item.CardCode || item.Name || item.Mobilephone;
+            });
+            var fieldName = viewInfo['FieldName'];
+            var name = fieldName.split('.');
+            var isReferrer = fieldName == 'Member.Name';
+            return _react2.default.createElement(
+                FormItem,
+                { label: viewInfo.Title, name: name, rules: [{ required: !viewInfo.AllowNone }] },
+                _react2.default.createElement(
+                    _select2.default,
+                    {
+                        key: fieldName,
+                        className: 'form-autoComplete',
+                        showSearch: true,
+                        ref: function ref(el) {
+                            self.input = el;
+                        },
+                        disabled: viewInfo.ReadOnly,
+                        onSelect: this.handleSelect,
+                        onSearch: this.handleSearch,
+                        onFocus: function onFocus(e) {
+                            _this4.handleChange();
+                            // 优化2期由于自定义键盘输入输入的内容有覆盖的问题，所以暂时不使用自定义键盘
+                            // this.useKb()
+                        },
+                        notFoundContent: '空',
+                        onBlur: function onBlur() {
+                            // 优化2期由于自定义键盘输入输入的内容有覆盖的问题，所以暂时不使用自定义键盘
+                            // Keyboard.close()
+                        },
+                        getPopupContainer: function getPopupContainer(triggerNode) {
+                            return triggerNode.parentElement;
+                        },
+                        optionFilterProp: 'filterProp'
+                    },
+                    selectItems && selectItems.map(function (option, index) {
+                        var _option = option,
+                            CardCode = _option.CardCode,
+                            Name = _option.Name,
+                            Mobilephone = _option.Mobilephone;
+
+                        var ret = Name || CardCode || Mobilephone;
+                        var filterRet = Name || CardCode || Mobilephone;
+                        if (isReferrer == true) {
+                            option = _tools2.default.changePrivateInfo(option);
+                            var arr = [];var filterArr = [];
+                            if (CardCode) {
+                                arr.push(option.CardCode);
+                                filterArr.push(CardCode);
+                            }
+                            if (Name) {
+                                arr.push(option.Name);
+                                filterArr.push(Name);
+                            }
+                            if (Mobilephone) {
+                                arr.push(option.Mobilephone);
+                                filterArr.push(Mobilephone);
+                            }
+                            ret = arr && arr.length > 0 && arr.join('+');
+                            filterRet = filterArr && filterArr.length > 0 && filterArr.join('+');
+                        }
+                        return _react2.default.createElement(
+                            Option,
+                            { key: index, value: ret, item: option, filterProp: filterRet },
+                            ret
+                        );
+                    })
+                )
+            );
+        }
+    }]);
+    return _default;
+}(_react2.default.Component);
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/commonForm/autoComplete/index.js"],"names":["FormItem","Item","Option","props","handleSearch","value","handleChange","handleSelect","item","console","log","viewInfo","changed","FieldName","split","changeVal","_this","timer","window","clearTimeout","setTimeout","changeSelectData","getMemberReferData","searchKey","referData","setState","options","useKb","domNode","input","querySelector","Keyboard","close","open","v","getNewValue","state","self","selectItems","filter","CardCode","Name","Mobilephone","fieldName","name","isReferrer","Title","required","AllowNone","el","ReadOnly","e","triggerNode","parentElement","map","option","index","ret","filterRet","tools","changePrivateInfo","arr","filterArr","push","length","join","React","Component"],"mappings":"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","file":"index.js","sourcesContent":["import React from 'react';\nimport { Select, Form } from 'antd';\nimport Keyboard from '../../keyboard'\nimport { findDOMNode } from 'react-dom'\nimport tools from \"../../../util/tools\";\n// import './style.less'\n\nconst FormItem = Form.Item;\nconst Option = Select.Option;\nexport default class extends React.Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            options: []\n        };\n        this.timer = null;\n    }\n\n    handleSearch = async (value) => {\n        this.handleChange(value)\n    }\n\n    handleSelect = (value, { props: { item } }) => {\n        console.log(`selected ${value}`);\n        console.log(`selected item `, item);\n        let viewInfo = this.props.viewInfo;\n        const changed = {}\n        const FieldName = viewInfo.FieldName.split('.')[0];\n        changed[FieldName] = item;\n        this.props.changeVal(changed);\n    }\n\n    handleChange = (value) => {\n        console.log(`handleChange ${value}`);\n        let _this = this;\n        if (this.timer != null) window.clearTimeout(this.timer);\n        this.timer = window.setTimeout(() => { _this.changeSelectData(value) }, 300);\n    }\n\n    //改变下拉框的值\n    changeSelectData = async (value) => {\n        let { viewInfo, getMemberReferData } = this.props;\n        let searchKey = (viewInfo['FieldName'] == 'Member.Name') ? 'CardCode,Name,Mobilephone' : '';\n        const referData = await getMemberReferData(viewInfo['FieldName'], searchKey, value || '')\n        this.setState({ options: referData || [] })\n    }\n\n    useKb = () => {\n        const _this = this;\n        const domNode = findDOMNode(_this.input);\n        const input = domNode && domNode.querySelector('input');\n        Keyboard.close();\n        Keyboard.open((v) => {\n            let value = Keyboard.getNewValue(input, input.value, v);\n            input.value = value\n        })()\n    }\n\n    render() {\n        let { viewInfo } = this.props;\n        // const { getFieldProps, getFieldError } = this.props.form;\n        const { options } = this.state;\n        const self = this;\n        const selectItems = options.filter(item => item.CardCode || item.Name || item.Mobilephone);\n        const fieldName = viewInfo['FieldName'];\n        const name = fieldName.split('.');\n        const isReferrer = (fieldName == 'Member.Name');\n        return (<FormItem label={viewInfo.Title} name={name} rules={[{ required: !viewInfo.AllowNone }]}>\n            <Select\n                key={fieldName}\n                className='form-autoComplete'\n                showSearch={true}\n                ref={(el) => {\n                    self.input = el;\n                }}\n                disabled={viewInfo.ReadOnly}\n                onSelect={this.handleSelect}\n                onSearch={this.handleSearch}\n                onFocus={(e) => {\n                    this.handleChange()\n                    // 优化2期由于自定义键盘输入输入的内容有覆盖的问题，所以暂时不使用自定义键盘\n                    // this.useKb()\n                }}\n                notFoundContent={'空'}\n                onBlur={() => { \n                    // 优化2期由于自定义键盘输入输入的内容有覆盖的问题，所以暂时不使用自定义键盘\n                    // Keyboard.close()\n                }}\n                getPopupContainer={triggerNode => triggerNode.parentElement}\n                optionFilterProp={'filterProp'}\n            >\n                {\n                    selectItems && selectItems.map((option, index) => {\n                        const { CardCode, Name, Mobilephone } = option;\n                        let ret = Name || CardCode || Mobilephone;\n                        let filterRet = Name || CardCode || Mobilephone;\n                        if (isReferrer == true) {\n                            option = tools.changePrivateInfo(option);\n                            let arr = []; let filterArr = [];\n                            if (CardCode) {\n                                arr.push(option.CardCode);\n                                filterArr.push(CardCode)\n                            }\n                            if (Name) {\n                                arr.push(option.Name);\n                                filterArr.push(Name)\n                            }\n                            if (Mobilephone) {\n                                arr.push(option.Mobilephone);\n                                filterArr.push(Mobilephone)\n                            }\n                            ret = arr && arr.length > 0 && arr.join('+');\n                            filterRet = filterArr && filterArr.length > 0 && filterArr.join('+');\n                        }\n                        return <Option key={index} value={ret} item={option} filterProp={filterRet}>\n                            {ret}\n                        </Option>\n                    })\n                }\n            </Select>\n        </FormItem>)\n    }\n}"]}

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"]}