tplus-components-touch 3.22.16 → 3.23.2

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

@@ -0,0 +1,241 @@
+'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 (value) {
+            _this2.handleChange(value);
+        };
+
+        _this2.handleSelect = function (value, _ref) {
+            var item = _ref.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 _ref2 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(value) {
+                var _this2$props, viewInfo, getMemberReferData, searchKey, referData;
+
+                return _regenerator2.default.wrap(function _callee$(_context) {
+                    while (1) {
+                        switch (_context.prev = _context.next) {
+                            case 0:
+                                _this2$props = _this2.props, viewInfo = _this2$props.viewInfo, getMemberReferData = _this2$props.getMemberReferData;
+                                searchKey = viewInfo['FieldName'] == 'Member.Name' ? 'CardCode,Name,Mobilephone' : '';
+                                _context.next = 4;
+                                return getMemberReferData(viewInfo['FieldName'], searchKey, value || '');
+
+                            case 4:
+                                referData = _context.sent;
+
+                                _this2.setState({ options: referData || [] });
+
+                            case 6:
+                            case 'end':
+                                return _context.stop();
+                        }
+                    }
+                }, _callee, _this3);
+            }));
+
+            return function (_x) {
+                return _ref2.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();
+                            _this4.useKb();
+                        },
+                        notFoundContent: '空',
+                        onBlur: function onBlur() {
+                            _keyboard2.default.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';\r\nimport { Select, Form } from 'antd';\r\nimport Keyboard from '../../keyboard'\r\nimport { findDOMNode } from 'react-dom'\r\nimport tools from \"../../../util/tools\";\r\n// import './style.less'\r\n\r\nconst FormItem = Form.Item;\r\nconst Option = Select.Option;\r\nexport default class extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            options: []\r\n        };\r\n        this.timer = null;\r\n    }\r\n\r\n    handleSearch = (value) => {\r\n        this.handleChange(value)\r\n    }\r\n\r\n    handleSelect = (value, { props: { item } }) => {\r\n        console.log(`selected ${value}`);\r\n        console.log(`selected item `, item);\r\n        let viewInfo = this.props.viewInfo;\r\n        const changed = {}\r\n        const FieldName = viewInfo.FieldName.split('.')[0];\r\n        changed[FieldName] = item;\r\n        this.props.changeVal(changed);\r\n    }\r\n\r\n    handleChange = (value) => {\r\n        console.log(`handleChange ${value}`);\r\n        let _this = this;\r\n        if (this.timer != null) window.clearTimeout(this.timer);\r\n        this.timer = window.setTimeout(() => { _this.changeSelectData(value) }, 300);\r\n    }\r\n\r\n    //改变下拉框的值\r\n    changeSelectData = async (value) => {\r\n        let { viewInfo, getMemberReferData } = this.props;\r\n        let searchKey = (viewInfo['FieldName'] == 'Member.Name') ? 'CardCode,Name,Mobilephone' : '';\r\n        const referData = await getMemberReferData(viewInfo['FieldName'], searchKey, value || '')\r\n        this.setState({ options: referData || [] })\r\n    }\r\n\r\n    useKb = () => {\r\n        const _this = this;\r\n        const domNode = findDOMNode(_this.input);\r\n        const input = domNode && domNode.querySelector('input');\r\n        Keyboard.close();\r\n        Keyboard.open((v) => {\r\n            let value = Keyboard.getNewValue(input, input.value, v);\r\n            input.value = value;\r\n        })()\r\n    }\r\n\r\n    render() {\r\n        let { viewInfo } = this.props;\r\n        // const { getFieldProps, getFieldError } = this.props.form;\r\n        const { options } = this.state;\r\n        const self = this;\r\n        const selectItems = options.filter(item => item.CardCode || item.Name || item.Mobilephone);\r\n        const fieldName = viewInfo['FieldName'];\r\n        const name = fieldName.split('.');\r\n        const isReferrer = (fieldName == 'Member.Name');\r\n        return (<FormItem label={viewInfo.Title} name={name} rules={[{ required: !viewInfo.AllowNone }]}>\r\n            <Select\r\n                key={fieldName}\r\n                className='form-autoComplete'\r\n                showSearch={true}\r\n                ref={(el) => {\r\n                    self.input = el;\r\n                }}\r\n                disabled={viewInfo.ReadOnly}\r\n                onSelect={this.handleSelect}\r\n                onSearch={this.handleSearch}\r\n                onFocus={(e) => {\r\n                    this.handleChange()\r\n                    this.useKb()\r\n                }}\r\n                notFoundContent={'空'}\r\n                onBlur={() => { Keyboard.close() }}\r\n                getPopupContainer={triggerNode => triggerNode.parentElement}\r\n                optionFilterProp={'filterProp'}\r\n            >\r\n                {\r\n                    selectItems && selectItems.map((option, index) => {\r\n                        const { CardCode, Name, Mobilephone } = option;\r\n                        let ret = Name || CardCode || Mobilephone;\r\n                        let filterRet = Name || CardCode || Mobilephone;\r\n                        if (isReferrer == true) {\r\n                            option = tools.changePrivateInfo(option);\r\n                            let arr = []; let filterArr = [];\r\n                            if (CardCode) {\r\n                                arr.push(option.CardCode);\r\n                                filterArr.push(CardCode)\r\n                            }\r\n                            if (Name) {\r\n                                arr.push(option.Name);\r\n                                filterArr.push(Name)\r\n                            }\r\n                            if (Mobilephone) {\r\n                                arr.push(option.Mobilephone);\r\n                                filterArr.push(Mobilephone)\r\n                            }\r\n                            ret = arr && arr.length > 0 && arr.join('+');\r\n                            filterRet = filterArr && filterArr.length > 0 && filterArr.join('+');\r\n                        }\r\n                        return <Option key={index} value={ret} item={option} filterProp={filterRet}>\r\n                            {ret}\r\n                        </Option>\r\n                    })\r\n                }\r\n            </Select>\r\n        </FormItem>)\r\n    }\r\n}"]}

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

@@ -0,0 +1,3 @@
+.common-form {
+
+}

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

@@ -0,0 +1,89 @@
+'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 _ticon = require('../../ticon');
+
+var _ticon2 = _interopRequireDefault(_ticon);
+
+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, {
+                    format: 'YYYY-MM-DD',
+                    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","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,4BAAQ,YADZ;AAEI,8BAAUJ,SAASK,QAFvB;AAGI,iCAAa;AAHjB;AAJJ,aADJ;AAYH;;;EAjBwBC,gBAAMC,S","file":"index.js","sourcesContent":["import React from 'react';\r\nimport {observer} from 'mobx-react';\r\nimport { DatePicker, Form } from 'antd';\r\nimport Ticon from '../../ticon';\r\nimport './style.less';\r\n\r\nconst FormItem = Form.Item;\r\n@observer\r\nexport default class extends React.Component{\r\n\r\n    render(){\r\n        let viewInfo= this.props.viewInfo;\r\n        // const { getFieldProps, getFieldError } = this.props.form;\r\n        return (\r\n            <FormItem className='time flex'\r\n                      label={viewInfo.Title}\r\n                      name={viewInfo['FieldName']}\r\n                      rules={[{required: !viewInfo.AllowNone}]}>\r\n                <DatePicker\r\n                    format={'YYYY-MM-DD'}\r\n                    disabled={viewInfo.ReadOnly}\r\n                    placeholder={'请选择日期'}\r\n                />\r\n            </FormItem>\r\n        )\r\n    }\r\n}\r\n"]}

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

@@ -0,0 +1,5 @@
+.common-form .ant-form-item {
+    .ant-picker{
+        width: 100%;
+    }
+}

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';\r\nimport { Input, Form } from 'antd';\r\nconst FormItem = Form.Item;\r\nimport Ticon from '../../ticon';\r\nimport Keyboard from '../../keyboard';\r\n// import './style.less';\r\nimport {observer} from 'mobx-react';\r\n@observer\r\nexport default class extends React.Component{\r\n\r\n    constructor(props,context){\r\n        super(props)\r\n        this.state={\r\n            value:11\r\n        }\r\n    }\r\n\r\n    useKb=()=>{\r\n        const { setFieldsValue } = this.props.form.current;\r\n        let viewInfo= this.props.viewInfo;\r\n        const _this=this;\r\n        Keyboard.close();\r\n        const { changeVal } = this.props;\r\n        Keyboard.open((v)=>{\r\n            let value=Keyboard.getNewValue(_this.input.input,_this.input.input.value,v);\r\n            const changed = {}\r\n            changed[viewInfo['FieldName']]=value;\r\n            setFieldsValue(changed);\r\n            changeVal && changeVal(changed)\r\n        })()\r\n    }\r\n\r\n    render(){\r\n        let viewInfo= this.props.viewInfo;\r\n        // const { getFieldProps, getFieldError,setFieldsValue } = this.props.form;\r\n        const isShouldUseAndroidKeyBoard  = viewInfo.Title == '会员姓名';\r\n\r\n        const _this=this;\r\n        return (\r\n            <FormItem label={viewInfo.Title} name={viewInfo['FieldName']} rules={[{required: !viewInfo.AllowNone, message: <span><Ticon type=\"tanhao\"/><span>请输入{viewInfo.Title}</span></span>}]} >\r\n                <Input\r\n                    placeholder=\"\"\r\n                    type={viewInfo.Format==='PassWord'?'password':'text'}\r\n                    disabled={viewInfo.ReadOnly}\r\n                    ref={(el)=>{\r\n                        _this.input = el;\r\n                    }}\r\n                    className = {`${isShouldUseAndroidKeyBoard?'android_focus_keyboard':''}`}\r\n                    onFocus={()=>{\r\n                        this.useKb()\r\n                    }}\r\n                    // suffix={\r\n                    //     <Ticon type='jianpan2' onClick={()=>{\r\n                    //         _this.input.input.focus();\r\n                    //     }}\r\n                    //     ></Ticon>\r\n                    // }\r\n                    onBlur={()=>{ Keyboard.close();}}\r\n                />\r\n            </FormItem>\r\n        )\r\n    }\r\n}\r\n"]}