tplus-components-touch 1.27.1 → 1.27.2

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

@@ -0,0 +1,272 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _Select3 = require('tinper-bee/dist/Select');
+
+var _Select4 = _interopRequireDefault(_Select3);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _Label2 = require('tinper-bee/dist/Label');
+
+var _Label3 = _interopRequireDefault(_Label2);
+
+var _Icon2 = require('tinper-bee/dist/Icon');
+
+var _Icon3 = _interopRequireDefault(_Icon2);
+
+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 _Form2 = require('tinper-bee/dist/Form');
+
+var _Form3 = _interopRequireDefault(_Form2);
+
+require('tinper-bee/dist/Select/index.css');
+
+require('tinper-bee/dist/Label/index.css');
+
+require('tinper-bee/dist/Icon/index.css');
+
+require('tinper-bee/dist/Form/index.css');
+
+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);
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var FormItem = _Form3.default.FormItem;
+var Option = _Select4.default.Option;
+
+var _default = function (_Component) {
+    (0, _inherits3.default)(_default, _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 _this2$props$form = _this2.props.form,
+                getFieldProps = _this2$props$form.getFieldProps,
+                getFieldError = _this2$props$form.getFieldError,
+                setFieldsValue = _this2$props$form.setFieldsValue;
+
+            var viewInfo = _this2.props.viewInfo;
+            var changed = {};
+            var FieldName = viewInfo.FieldName.split('.')[0];
+            changed[FieldName] = item;
+            setFieldsValue(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;
+            var _props$form = this.props.form,
+                getFieldProps = _props$form.getFieldProps,
+                getFieldError = _props$form.getFieldError;
+            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 isReferrer = fieldName == 'Member.Name';
+            return _react2.default.createElement(
+                FormItem,
+                null,
+                _react2.default.createElement(
+                    _Label3.default,
+                    null,
+                    !viewInfo.AllowNone ? _react2.default.createElement(_Icon3.default, { type: 'uf-mi', className: 'mast' }) : null,
+                    viewInfo.Title
+                ),
+                _react2.default.createElement(
+                    _Select4.default,
+                    (0, _extends3.default)({
+                        key: fieldName,
+                        className: 'form-autoComplete',
+                        showSearch: true
+                    }, getFieldProps(fieldName, {
+                        rules: [{ required: !viewInfo.AllowNone }]
+                    }), {
+                        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;
+}(_react.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","Option","props","handleSearch","value","handleChange","handleSelect","item","console","log","form","getFieldProps","getFieldError","setFieldsValue","viewInfo","changed","FieldName","split","_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","isReferrer","AllowNone","Title","rules","required","el","ReadOnly","e","triggerNode","parentElement","map","option","index","ret","filterRet","tools","changePrivateInfo","arr","filterArr","push","length","join","Component"],"mappings":"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","file":"index.js","sourcesContent":["import React, { Component } from 'react';\nimport { Icon, Label, Select, Form } from 'tinper-bee';\nimport Keyboard from '../../keyboard'\nimport { findDOMNode } from 'react-dom'\nimport tools from \"../../../util/tools\";\nimport './style.less'\n\nconst FormItem = Form.FormItem;\nconst Option = Select.Option;\nexport default class extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            options: []\n        };\n        this.timer = null;\n    }\n\n    handleSearch = (value) => {\n        this.handleChange(value)\n    }\n\n    handleSelect = (value, { props: { item } }) => {\n        console.log(`selected ${value}`);\n        console.log(`selected item `, item);\n        const { getFieldProps, getFieldError, setFieldsValue } = this.props.form;\n        let viewInfo = this.props.viewInfo;\n        const changed = {}\n        const FieldName = viewInfo.FieldName.split('.')[0];\n        changed[FieldName] = item;\n        setFieldsValue(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 isReferrer = (fieldName == 'Member.Name');\n        return (<FormItem>\n            <Label>\n                {\n                    !viewInfo.AllowNone ? <Icon type=\"uf-mi\" className='mast'></Icon> : null\n                }\n                {\n                    viewInfo.Title\n                }\n            </Label>\n            <Select\n                key={fieldName}\n                className='form-autoComplete'\n                showSearch={true}\n                {\n                    ...getFieldProps(fieldName, {\n                        rules: [{ required: !viewInfo.AllowNone }]\n                    })\n                }\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                    this.useKb()\n                }}\n                notFoundContent={'空'}\n                onBlur={() => { Keyboard.close() }}\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\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                        }\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/autoComplete/style.less

@@ -0,0 +1,8 @@
+.common-form {
+    .u-select-selection {
+        width: 100%;
+    }
+    // .u-select-dropdown {
+    //     position: relative;
+    // }
+}

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

@@ -0,0 +1,117 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _Label2 = require('tinper-bee/dist/Label');
+
+var _Label3 = _interopRequireDefault(_Label2);
+
+var _Icon2 = require('tinper-bee/dist/Icon');
+
+var _Icon3 = _interopRequireDefault(_Icon2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _Form2 = require('tinper-bee/dist/Form');
+
+var _Form3 = _interopRequireDefault(_Form2);
+
+var _class;
+
+require('tinper-bee/dist/Label/index.css');
+
+require('tinper-bee/dist/Icon/index.css');
+
+require('tinper-bee/dist/Form/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mobxReact = require('mobx-react');
+
+var _beeDatepicker = require('bee-datepicker');
+
+var _beeDatepicker2 = _interopRequireDefault(_beeDatepicker);
+
+var _ticon = require('../../ticon');
+
+var _ticon2 = _interopRequireDefault(_ticon);
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var FormItem = _Form3.default.FormItem;
+
+var _default = (0, _mobxReact.observer)(_class = function (_Component) {
+    (0, _inherits3.default)(_default, _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;
+            var _props$form = this.props.form,
+                getFieldProps = _props$form.getFieldProps,
+                getFieldError = _props$form.getFieldError;
+
+            return _react2.default.createElement(
+                FormItem,
+                { className: 'time flex' },
+                _react2.default.createElement(
+                    _Label3.default,
+                    { className: 'line-height-32' },
+                    !viewInfo.AllowNone ? _react2.default.createElement(_Icon3.default, { type: 'uf-mi', className: 'mast' }) : null,
+                    viewInfo.Title
+                ),
+                _react2.default.createElement(_beeDatepicker2.default, (0, _extends3.default)({
+                    format: 'YYYY-MM-DD',
+                    renderIcon: function renderIcon() {
+                        return _react2.default.createElement(_ticon2.default, { type: 'riqi', className: 'riqi' });
+                    }
+                }, getFieldProps(viewInfo['FieldName'], {
+                    rules: [{
+                        required: !viewInfo.AllowNone
+                    }]
+                }), {
+                    disabled: viewInfo.ReadOnly,
+                    placeholder: '请选择日期'
+                }))
+            );
+        }
+    }]);
+    return _default;
+}(_react.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","observer","viewInfo","props","form","getFieldProps","getFieldError","AllowNone","Title","rules","required","ReadOnly","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;AAEA;;;;AACA;;;;AACA;;;;AAEA,IAAMA,WAAW,eAAKA,QAAtB;;mBACCC,mB;;;;;;;;;;iCAGW;AACJ,gBAAIC,WAAU,KAAKC,KAAL,CAAWD,QAAzB;AADI,8BAEqC,KAAKC,KAAL,CAAWC,IAFhD;AAAA,gBAEIC,aAFJ,eAEIA,aAFJ;AAAA,gBAEmBC,aAFnB,eAEmBA,aAFnB;;AAGJ,mBAAO;AAAC,wBAAD;AAAA,kBAAU,WAAU,WAApB;AACH;AAAA;AAAA,sBAAO,WAAU,gBAAjB;AAEQ,qBAACJ,SAASK,SAAV,GAAsB,gDAAM,MAAK,OAAX,EAAmB,WAAU,MAA7B,GAAtB,GAAoE,IAF5E;AAIKL,6BAASM;AAJd,iBADG;AAOH,8CAAC,uBAAD;AACI,4BAAQ,YADZ;AAEI,gCAAY,sBAAM;AAAE,+BAAO,8BAAC,eAAD,IAAO,MAAK,MAAZ,EAAmB,WAAU,MAA7B,GAAP;AAA+C;AAFvE,mBAIOH,cAAcH,SAAS,WAAT,CAAd,EAAqC;AACpCO,2BAAO,CAAC;AACJC,kCAAU,CAACR,SAASK;AADhB,qBAAD;AAD6B,iBAArC,CAJP;AAUI,8BAAUL,SAASS,QAVvB;AAWI,iCAAa;AAXjB;AAPG,aAAP;AAqBH;;;EA1BwBC,gB","file":"index.js","sourcesContent":["import React, { Component } from 'react';\nimport {observer} from 'mobx-react';\nimport { Upload, Icon, Button, Label, CitySelect, Rate, InputNumber, Slider, Switch, Checkbox, Select,  Col,Row , FormControl, Form } from 'tinper-bee';\nimport DatePicker from 'bee-datepicker';\nimport Ticon from '../../ticon'\nimport './style.less'\n\nconst FormItem = Form.FormItem;\n@observer\nexport default class extends Component{\n\n    render(){\n        let viewInfo= this.props.viewInfo;\n        const { getFieldProps, getFieldError } = this.props.form;\n        return <FormItem className='time flex'>\n            <Label className=\"line-height-32\">\n                {\n                    !viewInfo.AllowNone ? <Icon type=\"uf-mi\" className='mast'></Icon> : null\n                }\n                {viewInfo.Title}\n            </Label>\n            <DatePicker\n                format={'YYYY-MM-DD'}\n                renderIcon={() => { return <Ticon type='riqi' className='riqi' /> }}\n                {\n                ...getFieldProps(viewInfo['FieldName'], {\n                    rules: [{\n                        required: !viewInfo.AllowNone\n                    }]\n                }\n                )}\n                disabled={viewInfo.ReadOnly}\n                placeholder={'请选择日期'}\n            />\n        </FormItem>\n    }\n}\n"]}

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

@@ -0,0 +1,11 @@
+.common-form .u-form-item {
+    >div {
+        width: 300px !important;
+    }
+    .u-form-control {
+        width: 300px !important;
+    }
+    .u-input-group.simple .u-input-group-btn{
+        top:6px!important;
+    }
+}

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

@@ -0,0 +1,183 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _FormControl2 = require('tinper-bee/dist/FormControl');
+
+var _FormControl3 = _interopRequireDefault(_FormControl2);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _Icon3 = require('tinper-bee/dist/Icon');
+
+var _Icon4 = _interopRequireDefault(_Icon3);
+
+var _Label2 = require('tinper-bee/dist/Label');
+
+var _Label3 = _interopRequireDefault(_Label2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _Form2 = require('tinper-bee/dist/Form');
+
+var _Form3 = _interopRequireDefault(_Form2);
+
+var _class; /*
+             * @Descripttion: 
+             * @version: 
+             * @Author: chenlongad
+             * @Date: 2020-10-29 09:43:18
+             * @LastEditors: chenlongad
+             * @LastEditTime: 2020-11-28 15:49:36
+             */
+
+
+require('tinper-bee/dist/FormControl/index.css');
+
+require('tinper-bee/dist/Icon/index.css');
+
+require('tinper-bee/dist/Label/index.css');
+
+require('tinper-bee/dist/Form/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _ticon = require('../../ticon');
+
+var _ticon2 = _interopRequireDefault(_ticon);
+
+var _keyboard = require('../../keyboard');
+
+var _keyboard2 = _interopRequireDefault(_keyboard);
+
+require('./style.less');
+
+var _mobxReact = require('mobx-react');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var FormItem = _Form3.default.FormItem;
+
+var _default = (0, _mobxReact.observer)(_class = function (_Component) {
+    (0, _inherits3.default)(_default, _Component);
+
+    function _default(props, context) {
+        (0, _classCallCheck3.default)(this, _default);
+
+        var _this2 = (0, _possibleConstructorReturn3.default)(this, (_default.__proto__ || (0, _getPrototypeOf2.default)(_default)).call(this, props));
+
+        _this2.useKb = function () {
+            var _this2$props$form = _this2.props.form,
+                getFieldProps = _this2$props$form.getFieldProps,
+                getFieldError = _this2$props$form.getFieldError,
+                setFieldsValue = _this2$props$form.setFieldsValue;
+
+            var viewInfo = _this2.props.viewInfo;
+            var _this = _this2;
+            _keyboard2.default.close();
+            _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);
+            })();
+        };
+
+        _this2.onFormBlur = function () {
+            _keyboard2.default.close();
+        };
+
+        _this2.state = {
+            value: 11
+        };
+        return _this2;
+    }
+
+    (0, _createClass3.default)(_default, [{
+        key: 'render',
+        value: function render() {
+            var _this3 = this;
+
+            var viewInfo = this.props.viewInfo;
+            var _props$form = this.props.form,
+                getFieldProps = _props$form.getFieldProps,
+                getFieldError = _props$form.getFieldError,
+                setFieldsValue = _props$form.setFieldsValue;
+
+            var _this = this;
+            return _react2.default.createElement(
+                FormItem,
+                null,
+                _react2.default.createElement(
+                    _Label3.default,
+                    null,
+                    !viewInfo.AllowNone ? _react2.default.createElement(_Icon4.default, { type: 'uf-mi', className: 'mast' }) : null,
+                    viewInfo.Title
+                ),
+                _react2.default.createElement(_FormControl3.default, (0, _extends3.default)({
+                    placeholder: ''
+                }, getFieldProps(viewInfo['FieldName'], {
+                    validateTrigger: 'onBlur',
+                    rules: [{
+                        required: !viewInfo.AllowNone, message: _react2.default.createElement(
+                            'span',
+                            null,
+                            _react2.default.createElement(_Icon4.default, { type: 'uf-exc-t' }),
+                            _react2.default.createElement(
+                                'span',
+                                null,
+                                '\u8BF7\u8F93\u5165'
+                            )
+                        )
+                    }]
+                }), {
+                    // value={this.state.value}
+                    type: viewInfo.Format === 'PassWord' ? 'password' : 'text',
+                    disabled: viewInfo.ReadOnly,
+                    ref: function ref(el) {
+                        _this.input = el;
+                    },
+                    onFocus: function onFocus() {
+                        _this3.useKb();
+                    },
+                    suffix: _react2.default.createElement(_ticon2.default, { type: 'jianpan2', onClick: function onClick() {
+                            _this.input.input.focus();
+                        }
+                    }),
+                    onBlur: function onBlur() {
+                        _this3.onFormBlur();
+                    }
+                }))
+            );
+        }
+    }]);
+    return _default;
+}(_react.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","observer","props","context","useKb","form","getFieldProps","getFieldError","setFieldsValue","viewInfo","_this","Keyboard","close","open","v","value","getNewValue","input","changed","onFormBlur","state","AllowNone","Title","validateTrigger","rules","required","message","Format","ReadOnly","el","focus","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAAA;;;;;;;;;;;;;;;;;;AAQA;;;;AAGA;;;;AACA;;;;AACA;;AACA;;;;AAJA,IAAMA,WAAW,eAAKA,QAAtB;;mBAKCC,mB;;;AAGG,sBAAYC,KAAZ,EAAkBC,OAAlB,EAA0B;AAAA;;AAAA,+IAChBD,KADgB;;AAAA,eAO1BE,KAP0B,GAOpB,YAAI;AAAA,oCACkD,OAAKF,KAAL,CAAWG,IAD7D;AAAA,gBACEC,aADF,qBACEA,aADF;AAAA,gBACiBC,aADjB,qBACiBA,aADjB;AAAA,gBAC+BC,cAD/B,qBAC+BA,cAD/B;;AAEN,gBAAIC,WAAU,OAAKP,KAAL,CAAWO,QAAzB;AACA,gBAAMC,cAAN;AACAC,+BAASC,KAAT;AACAD,+BAASE,IAAT,CAAc,UAACC,CAAD,EAAK;AACf,oBAAIC,QAAMJ,mBAASK,WAAT,CAAqBN,MAAMO,KAAN,CAAYA,KAAjC,EAAuCP,MAAMO,KAAN,CAAYA,KAAZ,CAAkBF,KAAzD,EAA+DD,CAA/D,CAAV;AACA,oBAAMI,UAAU,EAAhB;AACAA,wBAAQT,SAAS,WAAT,CAAR,IAA+BM,KAA/B;AACAP,+BAAeU,OAAf;AACH,aALD;AAMH,SAlByB;;AAAA,eAoB1BC,UApB0B,GAoBb,YAAK;AACdR,+BAASC,KAAT;AACH,SAtByB;;AAEtB,eAAKQ,KAAL,GAAW;AACPL,mBAAM;AADC,SAAX;AAFsB;AAKzB;;;;iCAmBO;AAAA;;AACJ,gBAAIN,WAAU,KAAKP,KAAL,CAAWO,QAAzB;AADI,8BAEoD,KAAKP,KAAL,CAAWG,IAF/D;AAAA,gBAEIC,aAFJ,eAEIA,aAFJ;AAAA,gBAEmBC,aAFnB,eAEmBA,aAFnB;AAAA,gBAEiCC,cAFjC,eAEiCA,cAFjC;;AAGJ,gBAAME,QAAM,IAAZ;AACA,mBAAO;AAAC,wBAAD;AAAA;AACH;AAAA;AAAA;AACA,qBAACD,SAASY,SAAV,GAAoB,gDAAM,MAAK,OAAX,EAAmB,WAAU,MAA7B,GAApB,GAAgE,IADhE;AAEEZ,6BAASa;AAFX,iBADG;AAIH;AACI,iCAAY;AADhB,mBAEQhB,cAAcG,SAAS,WAAT,CAAd,EAAqC;AACrCc,qCAAiB,QADoB;AAErCC,2BAAO,CAAC;AACJC,kCAAU,CAAChB,SAASY,SADhB,EAC2BK,SAAS;AAAA;AAAA;AAAM,4EAAM,MAAK,UAAX,GAAN;AAAmC;AAAA;AAAA;AAAA;AAAA;AAAnC;AADpC,qBAAD;AAF8B,iBAArC,CAFR;AAQI;AACA,0BAAMjB,SAASkB,MAAT,KAAkB,UAAlB,GAA6B,UAA7B,GAAwC,MATlD;AAUI,8BAAUlB,SAASmB,QAVvB;AAWI,yBAAK,aAACC,EAAD,EAAM;AACPnB,8BAAMO,KAAN,GAAcY,EAAd;AACH,qBAbL;AAcI,6BAAS,mBAAI;AACT,+BAAKzB,KAAL;AACH,qBAhBL;AAiBI,4BACG,8BAAC,eAAD,IAAO,MAAK,UAAZ,EAAuB,SAAS,mBAAI;AACnCM,kCAAMO,KAAN,CAAYA,KAAZ,CAAkBa,KAAlB;AACA;AAFD,sBAlBP;AAuBI,4BAAQ,kBAAI;AACR,+BAAKX,UAAL;AACH;AAzBL;AAJG,aAAP;AAmCH;;;EAjEwBY,gB","file":"index.js","sourcesContent":["/*\n * @Descripttion: \n * @version: \n * @Author: chenlongad\n * @Date: 2020-10-29 09:43:18\n * @LastEditors: chenlongad\n * @LastEditTime: 2020-11-28 15:49:36\n */\nimport React, { Component } from 'react';\nimport { Upload, Icon, Button, Label, CitySelect, Rate, InputNumber, Slider, Switch, Checkbox, Radio, Select,  Col,Row , FormControl, Form } from 'tinper-bee';\nconst FormItem = Form.FormItem;\nimport Ticon from '../../ticon'\nimport Keyboard from '../../keyboard'\nimport './style.less'\nimport {observer} from 'mobx-react';\n@observer\nexport default class extends Component{\n\n    constructor(props,context){\n        super(props)\n        this.state={\n            value:11\n        }\n    }\n\n    useKb=()=>{\n        const { getFieldProps, getFieldError,setFieldsValue } = this.props.form;\n        let viewInfo= this.props.viewInfo;\n        const _this=this;\n        Keyboard.close();\n        Keyboard.open((v)=>{\n            let value=Keyboard.getNewValue(_this.input.input,_this.input.input.value,v);\n            const changed = {}\n            changed[viewInfo['FieldName']]=value;\n            setFieldsValue(changed)\n        })()\n    }\n\n    onFormBlur = () =>{\n        Keyboard.close()\n    }\n\n    render(){\n        let viewInfo= this.props.viewInfo;\n        const { getFieldProps, getFieldError,setFieldsValue } = this.props.form;\n        const _this=this;\n        return <FormItem>\n            <Label >{\n            !viewInfo.AllowNone?<Icon type=\"uf-mi\" className='mast'></Icon>:null\n            }{viewInfo.Title}</Label>\n            <FormControl\n                placeholder=\"\"\n                {...getFieldProps(viewInfo['FieldName'], {\n                    validateTrigger: 'onBlur',\n                    rules: [{\n                        required: !viewInfo.AllowNone, message: <span><Icon type=\"uf-exc-t\"></Icon><span>请输入</span></span>,\n                    }],\n                }) }\n                // value={this.state.value}\n                type={viewInfo.Format==='PassWord'?'password':'text'}\n                disabled={viewInfo.ReadOnly}\n                ref={(el)=>{\n                    _this.input = el;\n                }}\n                onFocus={()=>{\n                    this.useKb()\n                }}\n                suffix={\n                   <Ticon type='jianpan2' onClick={()=>{\n                    _this.input.input.focus();\n                   }}\n                   ></Ticon>\n                }\n                onBlur={()=>{ \n                    this.onFormBlur()\n                }}\n            />\n            {/* <span className='error'>\n                {getFieldError(viewInfo['FieldName'])}\n            </span> */}\n        </FormItem>\n    }\n}\n"]}

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

@@ -0,0 +1,8 @@
+.common-form .u-form-item {
+    >div {
+        width: 300px !important;
+    }
+    .u-form-control {
+        width: 300px !important;
+    }
+}