tplus-components-touch 3.28.2 → 3.28.6

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

@@ -0,0 +1,232 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _regenerator = require('babel-runtime/regenerator');
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+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 _form = require('antd/es/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+var _class; /*
+             * @Descripttion:
+             * @version:
+             * @Author: chenlongad
+             * @Date: 2021-01-06 09:40:16
+             * @LastEditors: chenlongad
+             * @LastEditTime: 2021-10-26 23:41:28
+             */
+
+
+require('antd/es/form/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mobxReact = require('mobx-react');
+
+var _acCitySelect = require('../../acCitySelect');
+
+var _acCitySelect2 = _interopRequireDefault(_acCitySelect);
+
+var _tplusApi = require('tplus-api');
+
+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 (_Component) {
+    (0, _inherits3.default)(_default, _Component);
+
+    function _default() {
+        var _this2 = this;
+
+        (0, _classCallCheck3.default)(this, _default);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (_default.__proto__ || (0, _getPrototypeOf2.default)(_default)).call(this));
+
+        _this.getProvinceData = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee() {
+            var gql, result, GeoList, data, viewInfo, defaultValue, _defaultValue, geoCode;
+
+            return _regenerator2.default.wrap(function _callee$(_context) {
+                while (1) {
+                    switch (_context.prev = _context.next) {
+                        case 0:
+                            gql = '{\n                Geo {\n                geoCode\n                geoName\n                geoLevel\n                parentGeoCode\n            }\n        }';
+                            _context.next = 3;
+                            return (0, _tplusApi.gqlQuery)(gql);
+
+                        case 3:
+                            result = _context.sent;
+
+                            console.log(result);
+                            GeoList = result.Geo;
+                            data = _this.dutyProvinceData(GeoList);
+
+                            console.log(data);
+                            viewInfo = _this.props.viewInfo;
+                            defaultValue = viewInfo.defaultValue;
+                            _defaultValue = defaultValue, geoCode = _defaultValue.geoCode;
+
+                            if (geoCode) {
+                                defaultValue = _this.dutyDefaultValue(result.Geo, geoCode);
+                            } else {
+                                defaultValue = _this.state.defaultValue;
+                            }
+                            _this.setState({
+                                defaultValue: defaultValue,
+                                provinceData: data
+                            }, function () {
+                                _this.onChange((0, _extends3.default)({}, _this.state.defaultValue));
+                            });
+
+                        case 13:
+                        case 'end':
+                            return _context.stop();
+                    }
+                }
+            }, _callee, _this2);
+        }));
+
+        _this.dutyDefaultValue = function (GeoList, geoCode, defaultValue) {
+            var findGeo = GeoList.find(function (geo) {
+                return geo.geoCode == geoCode;
+            });
+            if (findGeo) {
+                if (!defaultValue) {
+                    defaultValue = { area: findGeo.geoName };
+                    return _this.dutyDefaultValue(GeoList, findGeo.parentGeoCode, defaultValue);
+                } else {
+                    if (!defaultValue.city) {
+                        defaultValue.city = findGeo.geoName;
+                        return _this.dutyDefaultValue(GeoList, findGeo.parentGeoCode, defaultValue);
+                    } else {
+                        defaultValue.province = findGeo.geoName;
+                        return defaultValue;
+                    }
+                }
+            }
+        };
+
+        _this.dutyProvinceData = function (GeoList) {
+            var obj = [];
+            GeoList.forEach(function (geo, index) {
+                if (geo.geoLevel === 1) {
+                    obj.push(_this.findOneProvinceDataToDuty(GeoList, index));
+                }
+            });
+            return obj;
+        };
+
+        _this.findOneProvinceDataToDuty = function (GeoList, index) {
+            var singleGeo = GeoList[index];
+            var GeoObj = {
+                name: singleGeo.geoName,
+                city: []
+            };
+            var newFilterData = GeoList.filter(function (Geo) {
+                return Geo.parentGeoCode == singleGeo.geoCode;
+            });
+            GeoObj.city = newFilterData.map(function (Geo) {
+                return { name: Geo.geoName, area: [].concat((0, _toConsumableArray3.default)(GeoList.filter(function (geo) {
+                        return geo.parentGeoCode == Geo.geoCode;
+                    }).map(function (geo) {
+                        return geo.geoName;
+                    }))) };
+            });
+            return GeoObj;
+        };
+
+        _this.onChange = function (obj) {
+            console.log(obj);
+            var viewInfo = _this.props.viewInfo;
+            var setFieldsValue = _this.props.form.current.setFieldsValue;
+
+            var changed = {};
+            var FieldName = viewInfo.FieldName;
+            changed[FieldName] = obj.province + ',' + obj.city + ',' + obj.area;
+            // setFieldsValue(changed);
+            _this.props.changeVal && _this.props.changeVal(changed);
+        };
+
+        _this.state = {
+            defaultValue: { province: '北京市', city: '北京市', area: '东城区', geoCode: '110101' },
+            provinceData: null
+        };
+
+        return _this;
+    }
+
+    (0, _createClass3.default)(_default, [{
+        key: 'componentWillMount',
+        value: function componentWillMount() {
+            this.getProvinceData();
+        }
+    }, {
+        key: 'componentDidMount',
+        value: function componentDidMount() {}
+    }, {
+        key: 'render',
+        value: function render() {
+            var viewInfo = this.props.viewInfo;
+            return _react2.default.createElement(
+                FormItem,
+                { className: 'time flex', label: _react2.default.createElement(
+                        'span',
+                        null,
+                        !viewInfo.AllowNone ? _react2.default.createElement(
+                            'span',
+                            { className: 'error-color' },
+                            '* '
+                        ) : null,
+                        viewInfo.Title
+                    ) },
+                this.state.provinceData !== null ? _react2.default.createElement(_acCitySelect2.default, { provinceData: this.state.provinceData, ref: 'city', onChange: this.onChange, defaultValue: this.state.defaultValue }) : null
+            );
+        }
+    }]);
+    return _default;
+}(_react.Component)) || _class;
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/commonForm/addressPicker/index.js"],"names":["FormItem","Item","observer","getProvinceData","gql","result","console","log","GeoList","Geo","data","dutyProvinceData","viewInfo","props","defaultValue","geoCode","dutyDefaultValue","state","setState","provinceData","onChange","findGeo","find","geo","area","geoName","parentGeoCode","city","province","obj","forEach","index","geoLevel","push","findOneProvinceDataToDuty","singleGeo","GeoObj","name","newFilterData","filter","map","setFieldsValue","form","current","changed","FieldName","changeVal","AllowNone","Title","Component"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * @Descripttion:\n * @version:\n * @Author: chenlongad\n * @Date: 2021-01-06 09:40:16\n * @LastEditors: chenlongad\n * @LastEditTime: 2021-10-26 23:41:28\n */\nimport React, { Component } from 'react';\nimport { observer } from 'mobx-react';\nimport { Form } from 'antd';\nimport ACCitySelect from '../../acCitySelect';\nimport { gqlQuery } from 'tplus-api';\nimport './style.less'\n\nconst FormItem = Form.Item;\n@observer\nexport default class extends Component {\n\n    constructor() {\n        super();\n        this.state = {\n            defaultValue: { province: '北京市', city: '北京市', area: '东城区', geoCode: '110101' },\n            provinceData:null\n        }\n\n    }\n    componentWillMount() {\n        this.getProvinceData();\n    }\n    componentDidMount() {\n    }\n\n    getProvinceData = async () => {\n        const gql = `{\n                Geo {\n                geoCode\n                geoName\n                geoLevel\n                parentGeoCode\n            }\n        }`\n        const result = await gqlQuery(gql);\n        console.log(result);\n        const GeoList = result.Geo;\n        let data = this.dutyProvinceData(GeoList);\n        console.log(data);\n        let viewInfo = this.props.viewInfo;\n        let { defaultValue } = viewInfo\n        const { geoCode } = defaultValue;\n        if(geoCode){\n            defaultValue = this.dutyDefaultValue(result.Geo,geoCode);\n        }else{\n            defaultValue = this.state.defaultValue;\n        }\n        this.setState({\n            defaultValue,\n            provinceData:data\n        }, () => {\n            this.onChange({\n                ...this.state.defaultValue\n            })\n        })\n    }\n    dutyDefaultValue = (GeoList,geoCode,defaultValue) => {\n      let findGeo = GeoList.find((geo)=>geo.geoCode == geoCode);\n      if(findGeo){\n          if(!defaultValue){\n              defaultValue = {area:findGeo.geoName}\n              return this.dutyDefaultValue(GeoList,findGeo.parentGeoCode,defaultValue);\n          }else{\n              if(!defaultValue.city){\n                defaultValue.city = findGeo.geoName\n                return this.dutyDefaultValue(GeoList,findGeo.parentGeoCode,defaultValue);\n              }else{\n                defaultValue.province = findGeo.geoName\n                return  defaultValue;\n              }\n          }\n      }\n    }\n\n    dutyProvinceData = (GeoList) => {\n        let obj = [];\n        GeoList.forEach((geo,index) => {\n            if (geo.geoLevel === 1) {\n                obj.push(this.findOneProvinceDataToDuty(GeoList,index))\n            }\n        })\n        return obj\n    }\n\n    findOneProvinceDataToDuty = (GeoList, index) => {\n        const singleGeo = GeoList[index];\n        let GeoObj = {\n            name: singleGeo.geoName,\n            city: []\n        };\n        let newFilterData = GeoList.filter(Geo => Geo.parentGeoCode == singleGeo.geoCode)\n        GeoObj.city = newFilterData.map(Geo =>{return { name:Geo.geoName,area:[...GeoList.filter(geo => geo.parentGeoCode == Geo.geoCode).map(geo=>geo.geoName)]}});\n        return GeoObj\n    }\n\n    onChange = (obj) => {\n        console.log(obj);\n        let viewInfo = this.props.viewInfo;\n        const { setFieldsValue } = this.props.form.current;\n        const changed = {}\n        const FieldName = viewInfo.FieldName;\n        changed[FieldName] = `${obj.province},${obj.city},${obj.area}`;\n        // setFieldsValue(changed);\n        this.props.changeVal && this.props.changeVal(changed);\n    }\n\n    render() {\n        let viewInfo = this.props.viewInfo;\n        return <FormItem className='time flex' label={<span>{!viewInfo.AllowNone ? <span className=\"error-color\">* </span> : null}{viewInfo.Title}</span>}>\n            {\n                this.state.provinceData !== null?<ACCitySelect provinceData = { this.state.provinceData} ref='city' onChange={this.onChange} defaultValue={this.state.defaultValue} />:null\n            }\n        </FormItem>\n    }\n}\n"]}

package/dist/components/commonForm/addressPicker/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/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';\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 = (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                    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                        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/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';\nimport {observer} from 'mobx-react';\nimport { DatePicker, Form } from 'antd';\nimport Ticon from '../../ticon';\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                    format={'YYYY-MM-DD'}\n                    disabled={viewInfo.ReadOnly}\n                    placeholder={'请选择日期'}\n                />\n            </FormItem>\n        )\n    }\n}\n"]}

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

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