tplus-components-touch 3.38.1 → 3.38.4

package/dist/components/autoCompleteWithKeyboard/index.js

@@ -97,10 +97,16 @@ var AutoCompleteWithKeyboard = (_temp = _class = function (_React$Component) {
       _this.props.onClick && _this.props.onClick(v);
     };
 
-    _this.iconRigthClick = function () {
-      _this.setState({
-        visible: !_this.state.visible
-      });
+    _this.iconRigthClick = function (e) {
+      // this.setState({
+      //   visible: !this.state.visible
+      // })
+      e.preventDefault();
+      if (_this.focus) {
+        _this.auto.input.blur();
+      } else {
+        _this.auto.input.focus();
+      }
     };
 
     _this.onSelect = function (v) {
@@ -122,11 +128,25 @@ var AutoCompleteWithKeyboard = (_temp = _class = function (_React$Component) {
       });
     };
 
-    _this.autoCompleteBlur = function () {
+    _this.onVisibleChange = function (visible) {
+      console.log('onVisibleChange', visible);
       _this.setState({
-        visible: false
+        visible: visible
       });
-      _this.props.onBlur && _this.props.onBlur();
+    };
+
+    _this.autoCompleteFocus = function () {
+      _this.props.onFocus && _this.props.onFocus();
+      _this.onVisibleChange(true);
+      _this.focus = true;
+    };
+
+    _this.autoCompleteBlur = function () {
+      setTimeout(function () {
+        _this.focus = false;
+        _this.props.onBlur && _this.props.onBlur();
+        _this.onVisibleChange(false);
+      }, 300);
     };
 
     _this.getValue = function () {
@@ -173,7 +193,7 @@ var AutoCompleteWithKeyboard = (_temp = _class = function (_React$Component) {
 
       return _react2.default.createElement(
         'div',
-        { className: 'tab-search' },
+        { className: 'tab-search keybord-icon-focus' },
         _react2.default.createElement(
           _index.AutoComplete,
           {
@@ -187,6 +207,7 @@ var AutoCompleteWithKeyboard = (_temp = _class = function (_React$Component) {
             },
             onChange: this.onChange,
             onKeyDown: this.onKeyDown,
+            onFocus: this.autoCompleteFocus,
             onBlur: this.autoCompleteBlur,
             type: type,
             clearAfterSelect: clearAfterSelect,
@@ -194,10 +215,11 @@ var AutoCompleteWithKeyboard = (_temp = _class = function (_React$Component) {
             style: style,
             className: className,
             bottomTouchEvent: bottomTouchEvent,
-            icon: this.isHorizontalPad ? '' : visible ? 'jianpan1' : 'jianpan2'
+            icon: undefined
           },
           children
         ),
+        this.isHorizontalPad ? '' : visible ? _react2.default.createElement(_index.Ticon, { type: 'jianpan1', className: 'xialaqietu3 keyboard-icon', onClick: this.iconRigthClick }) : _react2.default.createElement(_index.Ticon, { type: 'jianpan2', className: 'xialaqietu3 keyboard-icon', onClick: this.iconRigthClick }),
         _react2.default.createElement(_index.Keyboard, { type: 'letter+modal',
           visible: this.isHorizontalPad ? false : visible,
           onChange: this.keyboardChange,

package/dist/components/autoCompleteWithKeyboard/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["tplus-components-touch/components/autoCompleteWithKeyboard/index.js"],"names":["AutoCompleteWithKeyboard","handleInputFocus","isHorizontalPad","setTimeout","guideModal","document","getElementsByClassName","input","getElementsByTagName","isHorizontalSunMi","console","log","focus","click","onChange","v","props","setState","value","onKeyDown","e","onClick","iconRigthClick","visible","state","onSelect","keyboardChange","key","newValue","Keyboard","getNewValue","auto","getValue","outSideChangeValue","keyboardOk","autoCompleteBlur","onBlur","platform","placeholder","children","type","clearAfterSelect","maxHeight","style","className","bottomTouchEvent","showDropDownPanel","React","Component","propTypes","PropTypes","string","func","bool","object","Option"],"mappings":"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","file":"index.js","sourcesContent":["/**\r\n *\r\n * @param type 值为 search 时，input 前有放大镜 icon\r\n * @param placeholder\r\n * @param onSelect\r\n * @param onClick\r\n * @param onChange\r\n * @param clearAfterSelect // 是否 点击下拉列表后，情况输入框\r\n * @param style\r\n * @param className\r\n*/\r\n\r\n\r\n\r\nimport React from 'react';\r\nimport { Keyboard, AutoComplete } from '../../index';\r\nimport Option from '../autoComplete/option';\r\nimport PropTypes from 'prop-types'\r\nimport { platform } from 'mutants-util';\r\nimport './index.less';\r\n\r\nclass AutoCompleteWithKeyboard extends React.Component {\r\n\r\n  static propTypes = {\r\n    type: PropTypes.string,\r\n    placeholder: PropTypes.string,\r\n    onSelect: PropTypes.func,\r\n    onClick: PropTypes.func,\r\n    onChange: PropTypes.func,\r\n    onKeyDown: PropTypes.func,\r\n    clearAfterSelect: PropTypes.bool,\r\n    style: PropTypes.object,\r\n    className: PropTypes.string\r\n  }\r\n\r\n  constructor() {\r\n    super();\r\n    this.state = {\r\n      visible: false\r\n    }\r\n    //移动端PAD环境下，没有读取IC卡的方式。\r\n    const { isHorizontalPad, isHorizontalSunMi } = platform || {};\r\n    this.isHorizontalPad = !!isHorizontalPad;\r\n    this.isHorizontalSunMi = !!isHorizontalSunMi;\r\n  }\r\n\r\n  handleInputFocus = () => {\r\n    if (this.isHorizontalPad) return;\r\n    setTimeout(() => {\r\n      const guideModal = document.getElementsByClassName('guide-select')[0];\r\n      if (!guideModal) return;\r\n      const input = guideModal.getElementsByTagName('input')[0];\r\n      if (this.isHorizontalSunMi) {\r\n        if (input) setTimeout(() => { console.log('导购员autoCompWithKeyBo==Focus==');input.focus();input.click(); }, 250);\r\n      } else {\r\n        if (input) {console.log('导购员autoCompWithKeyBo==Focus==');input.focus();input.click();}\r\n      }\r\n    }, 0);\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.handleInputFocus()\r\n  }\r\n\r\n  onChange = (v) => {\r\n    this.props.onChange && this.props.onChange(v);\r\n    this.setState({\r\n      value: true\r\n    })\r\n  }\r\n\r\n  onKeyDown = (e) => {\r\n    this.props.onKeyDown && this.props.onKeyDown(e);\r\n  }\r\n\r\n  onClick = (v) => {\r\n    this.props.onClick && this.props.onClick(v)\r\n  }\r\n\r\n  iconRigthClick = () => {\r\n    this.setState({\r\n      visible: !this.state.visible\r\n    })\r\n  }\r\n\r\n  onSelect = (v) => {\r\n    this.props.onSelect && this.props.onSelect(v);\r\n    this.setState({\r\n      visible: false\r\n    })\r\n  }\r\n\r\n  keyboardChange = (key) => {\r\n    let newValue = Keyboard.getNewValue(this.auto.input.input, this.auto.getValue(), key);\r\n    this.auto.outSideChangeValue(newValue);\r\n    this.props.onChange && this.props.onChange(newValue);\r\n  }\r\n\r\n  keyboardOk = () => {\r\n    this.setState({\r\n      visible: false\r\n    })\r\n  }\r\n\r\n  autoCompleteBlur = () => {\r\n    this.setState({\r\n      visible: false\r\n    })\r\n    this.props.onBlur && this.props.onBlur()\r\n  }\r\n\r\n  getValue = () => {\r\n    return this.auto.getValue();\r\n  }\r\n\r\n  render() {\r\n    let { placeholder, children, type = '', clearAfterSelect = false, maxHeight = \"300px\", style, className, bottomTouchEvent,showDropDownPanel } = this.props;\r\n    let { visible } = this.state;\r\n    return (\r\n      <div className='tab-search'>\r\n        <AutoComplete\r\n          showDropDownPanel={showDropDownPanel}\r\n          placeholder={placeholder}\r\n          onSelect={this.onSelect}\r\n          onClick={this.onClick}\r\n          iconRigthClick={this.iconRigthClick}\r\n          ref={auto => this.auto = auto}\r\n          onChange={this.onChange}\r\n          onKeyDown={this.onKeyDown}\r\n          onBlur={this.autoCompleteBlur}\r\n          type={type}\r\n          clearAfterSelect={clearAfterSelect}\r\n          maxHeight={maxHeight}\r\n          style={style}\r\n          className={className}\r\n          bottomTouchEvent={bottomTouchEvent}\r\n          icon={this.isHorizontalPad ? '' : (visible ? 'jianpan1' : 'jianpan2')}\r\n        >\r\n          {children}\r\n        </AutoComplete>\r\n\r\n        <Keyboard type='letter+modal'\r\n          visible={this.isHorizontalPad ? false : visible}\r\n          onChange={this.keyboardChange}\r\n          handleOk={this.keyboardOk}\r\n          handleCancel={this.keyboardOk}\r\n        />\r\n\r\n      </div>\r\n    )\r\n  }\r\n}\r\nAutoCompleteWithKeyboard.Option = Option;\r\nexport default AutoCompleteWithKeyboard;\r\n\r\n/**\r\n * onChange\r\n * onClick\r\n * onSelect\r\n */"]}
+{"version":3,"sources":["tplus-components-touch/components/autoCompleteWithKeyboard/index.js"],"names":["AutoCompleteWithKeyboard","handleInputFocus","isHorizontalPad","setTimeout","guideModal","document","getElementsByClassName","input","getElementsByTagName","isHorizontalSunMi","console","log","focus","click","onChange","v","props","setState","value","onKeyDown","e","onClick","iconRigthClick","preventDefault","auto","blur","onSelect","visible","keyboardChange","key","newValue","Keyboard","getNewValue","getValue","outSideChangeValue","keyboardOk","onVisibleChange","autoCompleteFocus","onFocus","autoCompleteBlur","onBlur","state","platform","placeholder","children","type","clearAfterSelect","maxHeight","style","className","bottomTouchEvent","showDropDownPanel","undefined","React","Component","propTypes","PropTypes","string","func","bool","object","Option"],"mappings":"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","file":"index.js","sourcesContent":["/**\r\n *\r\n * @param type 值为 search 时，input 前有放大镜 icon\r\n * @param placeholder\r\n * @param onSelect\r\n * @param onClick\r\n * @param onChange\r\n * @param clearAfterSelect // 是否 点击下拉列表后，情况输入框\r\n * @param style\r\n * @param className\r\n*/\r\n\r\n\r\n\r\nimport React from 'react';\r\nimport { Keyboard, AutoComplete, Ticon } from '../../index';\r\nimport Option from '../autoComplete/option';\r\nimport PropTypes from 'prop-types'\r\nimport { platform } from 'mutants-util';\r\nimport './index.less';\r\n\r\nclass AutoCompleteWithKeyboard extends React.Component {\r\n\r\n  static propTypes = {\r\n    type: PropTypes.string,\r\n    placeholder: PropTypes.string,\r\n    onSelect: PropTypes.func,\r\n    onClick: PropTypes.func,\r\n    onChange: PropTypes.func,\r\n    onKeyDown: PropTypes.func,\r\n    clearAfterSelect: PropTypes.bool,\r\n    style: PropTypes.object,\r\n    className: PropTypes.string\r\n  }\r\n\r\n  constructor() {\r\n    super();\r\n    this.state = {\r\n      visible: false\r\n    }\r\n    //移动端PAD环境下，没有读取IC卡的方式。\r\n    const { isHorizontalPad, isHorizontalSunMi } = platform || {};\r\n    this.isHorizontalPad = !!isHorizontalPad;\r\n    this.isHorizontalSunMi = !!isHorizontalSunMi;\r\n  }\r\n\r\n  handleInputFocus = () => {\r\n    if (this.isHorizontalPad) return;\r\n    setTimeout(() => {\r\n      const guideModal = document.getElementsByClassName('guide-select')[0];\r\n      if (!guideModal) return;\r\n      const input = guideModal.getElementsByTagName('input')[0];\r\n      if (this.isHorizontalSunMi) {\r\n        if (input) setTimeout(() => { console.log('导购员autoCompWithKeyBo==Focus==');input.focus();input.click(); }, 250);\r\n      } else {\r\n        if (input) {console.log('导购员autoCompWithKeyBo==Focus==');input.focus();input.click();}\r\n      }\r\n    }, 0);\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.handleInputFocus()\r\n  }\r\n\r\n  onChange = (v) => {\r\n    this.props.onChange && this.props.onChange(v);\r\n    this.setState({\r\n      value: true\r\n    })\r\n  }\r\n\r\n  onKeyDown = (e) => {\r\n    this.props.onKeyDown && this.props.onKeyDown(e);\r\n  }\r\n\r\n  onClick = (v) => {\r\n    this.props.onClick && this.props.onClick(v)\r\n  }\r\n\r\n  iconRigthClick = (e) => {\r\n    // this.setState({\r\n    //   visible: !this.state.visible\r\n    // })\r\n    e.preventDefault()\r\n    if (this.focus) {\r\n      this.auto.input.blur()\r\n      \r\n    } else {\r\n      this.auto.input.focus()\r\n    }\r\n  }\r\n\r\n  onSelect = (v) => {\r\n    this.props.onSelect && this.props.onSelect(v);\r\n    this.setState({\r\n      visible: false\r\n    })\r\n  }\r\n\r\n  keyboardChange = (key) => {\r\n    let newValue = Keyboard.getNewValue(this.auto.input.input, this.auto.getValue(), key);\r\n    this.auto.outSideChangeValue(newValue);\r\n    this.props.onChange && this.props.onChange(newValue);\r\n  }\r\n\r\n  keyboardOk = () => {\r\n    this.setState({\r\n      visible: false\r\n    })\r\n  }\r\n\r\n  onVisibleChange = (visible) => {\r\n    console.log('onVisibleChange', visible);\r\n    this.setState({\r\n      visible\r\n    })\r\n  }\r\n  autoCompleteFocus = () => {\r\n    this.props.onFocus&&this.props.onFocus();\r\n    this.onVisibleChange(true)\r\n    this.focus = true\r\n  }\r\n  autoCompleteBlur = () => {\r\n    setTimeout(() => {\r\n      this.focus = false\r\n      this.props.onBlur && this.props.onBlur()\r\n      this.onVisibleChange(false)\r\n    }, 300)\r\n  }\r\n\r\n  getValue = () => {\r\n    return this.auto.getValue();\r\n  }\r\n\r\n  render() {\r\n    let { placeholder, children, type = '', clearAfterSelect = false, maxHeight = \"300px\", style, className, bottomTouchEvent,showDropDownPanel } = this.props;\r\n    let { visible } = this.state;\r\n    return (\r\n      <div className='tab-search keybord-icon-focus'>\r\n        <AutoComplete\r\n          showDropDownPanel={showDropDownPanel}\r\n          placeholder={placeholder}\r\n          onSelect={this.onSelect}\r\n          onClick={this.onClick}\r\n          iconRigthClick={this.iconRigthClick}\r\n          ref={auto => this.auto = auto}\r\n          onChange={this.onChange}\r\n          onKeyDown={this.onKeyDown}\r\n          onFocus={this.autoCompleteFocus}\r\n          onBlur={this.autoCompleteBlur}\r\n          type={type}\r\n          clearAfterSelect={clearAfterSelect}\r\n          maxHeight={maxHeight}\r\n          style={style}\r\n          className={className}\r\n          bottomTouchEvent={bottomTouchEvent}\r\n          icon={undefined}\r\n        >\r\n          {children}\r\n        </AutoComplete>\r\n        {\r\n          this.isHorizontalPad ? '' : visible ? <Ticon type='jianpan1' className='xialaqietu3 keyboard-icon' onClick={this.iconRigthClick}/>\r\n          : <Ticon type='jianpan2' className='xialaqietu3 keyboard-icon' onClick={this.iconRigthClick}/>\r\n        }\r\n        <Keyboard type='letter+modal'\r\n          visible={this.isHorizontalPad ? false : visible}\r\n          onChange={this.keyboardChange}\r\n          handleOk={this.keyboardOk}\r\n          handleCancel={this.keyboardOk}\r\n        />\r\n\r\n      </div>\r\n    )\r\n  }\r\n}\r\nAutoCompleteWithKeyboard.Option = Option;\r\nexport default AutoCompleteWithKeyboard;\r\n\r\n/**\r\n * onChange\r\n * onClick\r\n * onSelect\r\n */"]}

package/dist/components/autoCompleteWithKeyboard/index.less

@@ -5,4 +5,15 @@
         color: #999;
     }
   }
+  &.keybord-icon-focus {
+    position: relative;
+    .keyboard-icon {
+      position: absolute;
+      right: 10px;
+      top: 50% !important;
+      z-index: 999;
+      transform: translateY(-50%);
+      color: #999;
+    }
+  }
 }

package/dist/components/billSearch/index.js

@@ -1451,6 +1451,9 @@ var BillSearch = function (_React$Component) {
               className: 'bill-title-txt-input android_focus_keyboard',
               onChange: this.onChange.bind(this, 4),
               onClick: this.onFocus.bind(this, 4),
+              onBlur: function onBlur() {
+                _index.Keyboard.close();
+              },
               ref: function ref(input) {
                 return _this4.input4 = input;
               } })
@@ -1489,6 +1492,9 @@ var BillSearch = function (_React$Component) {
               className: 'bill-title-txt-input',
               onChange: this.onChange.bind(this, 6),
               onClick: this.onFocus.bind(this, 6),
+              onBlur: function onBlur() {
+                _index.Keyboard.close();
+              },
               ref: function ref(input) {
                 return _this4.input6 = input;
               } })
@@ -1524,6 +1530,9 @@ var BillSearch = function (_React$Component) {
               className: 'bill-title-txt-input android_focus_keyboard',
               onChange: this.onChange.bind(this, 5),
               onClick: this.onFocus.bind(this, 5),
+              onBlur: function onBlur() {
+                _index.Keyboard.close();
+              },
               ref: function ref(input) {
                 return _this4.input5 = input;
               } })
@@ -2086,6 +2095,9 @@ var BillSearch = function (_React$Component) {
               className: 'bill-title-txt-input android_focus_keyboard',
               onChange: this.onChange.bind(this, 7),
               onClick: this.onFocus.bind(this, 7),
+              onBlur: function onBlur() {
+                _index.Keyboard.close();
+              },
               ref: function ref(input) {
                 return _this4.input7 = input;
               }