tplus-components-touch 1.27.1 → 1.27.2

package/dist/components/progressState/ProgressState.js

@@ -0,0 +1,157 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _assign = require('babel-runtime/core-js/object/assign');
+
+var _assign2 = _interopRequireDefault(_assign);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+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 _class, _temp;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _loadingContent = require('../loading/loadingContent');
+
+var _loadingContent2 = _interopRequireDefault(_loadingContent);
+
+var _EmptyAndErrorView = require('./EmptyAndErrorView');
+
+var _EmptyAndErrorView2 = _interopRequireDefault(_EmptyAndErrorView);
+
+require('./style.less');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var ProgressState = (_temp = _class = function (_React$Component) {
+    (0, _inherits3.default)(ProgressState, _React$Component);
+
+    function ProgressState() {
+        (0, _classCallCheck3.default)(this, ProgressState);
+        return (0, _possibleConstructorReturn3.default)(this, (ProgressState.__proto__ || (0, _getPrototypeOf2.default)(ProgressState)).apply(this, arguments));
+    }
+
+    (0, _createClass3.default)(ProgressState, [{
+        key: 'render',
+
+
+        /**
+         * 返回 ProgressState, 规则如下:
+         * 1. error 优先,如果有error, 则状态为 error
+         * 2. 否则如果 loading, 则状态为 load
+         * 3. 否则如果 notEmpty, 则状态为 show
+         * 4. 否则为 empty
+         * @param loading
+         * @param notEmptu
+         * @param error
+         * @returns {*}
+         */
+        value: function render() {
+            var _props = this.props,
+                state = _props.state,
+                _props$load = _props.load,
+                load = _props$load === undefined ? { style: {} } : _props$load,
+                _props$empty = _props.empty,
+                empty = _props$empty === undefined ? { style: {} } : _props$empty,
+                _props$error = _props.error,
+                error = _props$error === undefined ? { style: {} } : _props$error,
+                children = _props.children,
+                style = _props.style,
+                _props$stateCommonSty = _props.stateCommonStyle,
+                stateCommonStyle = _props$stateCommonSty === undefined ? {} : _props$stateCommonSty,
+                className = _props.className;
+
+            var baseStyle = className ? {} : { height: '100%' };
+            empty.style = (0, _extends3.default)({}, stateCommonStyle, empty.style);
+            error.style = (0, _extends3.default)({}, stateCommonStyle, error.style);
+            load.style = (0, _extends3.default)({}, stateCommonStyle, load.style);
+            return _react2.default.createElement(
+                'div',
+                { className: className, style: (0, _assign2.default)(baseStyle, style) },
+                children,
+                state === 'load' && _react2.default.createElement(_loadingContent2.default, load),
+                state === 'empty' && empty && _react2.default.createElement(_EmptyAndErrorView2.default, (0, _extends3.default)({ type: 'empty' }, ProgressState.defaultProps.empty, empty)),
+                state === 'error' && error && _react2.default.createElement(_EmptyAndErrorView2.default, (0, _extends3.default)({ type: 'error' }, ProgressState.defaultProps.error, error))
+            );
+        }
+    }]);
+    return ProgressState;
+}(_react2.default.Component), _class.defaultProps = {
+    state: 'show',
+    error: { iconVisible: true, buttonTitle: '重试', buttonVisible: true },
+    empty: { iconVisible: true, info: '哎呀, 这里空空的什么都没有', buttonTitle: '刷新', buttonVisible: true }
+}, _class.defaultLoadProps = {
+    style: { position: 'relative' } }, _class.gotProgressState = function (loading, notEmpty, error) {
+    var progressState = void 0;
+
+    if (error) {
+        progressState = 'error';
+    } else if (loading) {
+        progressState = 'load';
+    } else if (notEmpty) {
+        progressState = 'show';
+    } else {
+        progressState = 'empty';
+    }
+
+    return progressState;
+}, _class.propTypes = {
+    state: _propTypes2.default.oneOf(['wait', 'load', 'show', 'error', 'empty']),
+    load: _propTypes2.default.shape({
+        text: _propTypes2.default.string,
+        className: _propTypes2.default.string,
+        style: _propTypes2.default.object
+    }),
+    empty: _propTypes2.default.shape({
+        iconVisible: _propTypes2.default.bool,
+        info: _propTypes2.default.string,
+        buttonTitle: _propTypes2.default.string,
+        onClick: _propTypes2.default.func,
+        buttonVisible: _propTypes2.default.bool,
+        style: _propTypes2.default.object
+    }),
+    error: _propTypes2.default.shape({
+        iconVisible: _propTypes2.default.bool,
+        info: _propTypes2.default.string,
+        buttonTitle: _propTypes2.default.string,
+        onClick: _propTypes2.default.func,
+        buttonVisible: _propTypes2.default.bool
+    }),
+    children: _propTypes2.default.node,
+    className: _propTypes2.default.string,
+    style: _propTypes2.default.object,
+    stateCommonStyle: _propTypes2.default.object
+}, _temp);
+exports.default = ProgressState;
+//# sourceMappingURL=ProgressState.js.map

package/dist/components/progressState/ProgressState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/progressState/ProgressState.js"],"names":["ProgressState","props","state","load","style","empty","error","children","stateCommonStyle","className","baseStyle","height","defaultProps","React","Component","iconVisible","buttonTitle","buttonVisible","info","defaultLoadProps","position","gotProgressState","loading","notEmpty","progressState","propTypes","PropTypes","oneOf","shape","text","string","object","bool","onClick","func","node"],"mappings":"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","file":"ProgressState.js","sourcesContent":["import React from 'react';\nimport LoadingView from '../loading/loadingContent';\nimport EmptyAndErrorView from './EmptyAndErrorView';\nimport './style.less';\nimport PropTypes from 'prop-types';\n\nclass ProgressState extends React.Component {\n    static defaultProps = {\n        state: 'show',\n        error: {iconVisible:true, buttonTitle: '重试', buttonVisible: true},\n        empty: {iconVisible:true, info: '哎呀, 这里空空的什么都没有', buttonTitle: '刷新', buttonVisible: true},\n    };\n\n    static defaultLoadProps = {\n        style:{position:'relative'}\n    }\n\n    /**\n     * 返回 ProgressState, 规则如下:\n     * 1. error 优先,如果有error, 则状态为 error\n     * 2. 否则如果 loading, 则状态为 load\n     * 3. 否则如果 notEmpty, 则状态为 show\n     * 4. 否则为 empty\n     * @param loading\n     * @param notEmptu\n     * @param error\n     * @returns {*}\n     */\n    static gotProgressState = (loading, notEmpty, error) => {\n        let progressState;\n\n        if (error) {\n            progressState = 'error';\n        }\n        else if (loading) {\n            progressState = 'load';\n        }\n        else if (notEmpty) {\n            progressState = 'show';\n        }\n        else {\n            progressState = 'empty';\n        }\n\n        return progressState;\n    };\n\n    static propTypes = {\n        state: PropTypes.oneOf(['wait', 'load', 'show', 'error', 'empty']),\n        load: PropTypes.shape({\n            text: PropTypes.string,\n            className: PropTypes.string,\n            style: PropTypes.object,\n        }),\n        empty: PropTypes.shape({\n            iconVisible:PropTypes.bool,\n            info: PropTypes.string,\n            buttonTitle: PropTypes.string,\n            onClick: PropTypes.func,\n            buttonVisible: PropTypes.bool,\n            style: PropTypes.object\n        }),\n        error: PropTypes.shape({\n            iconVisible:PropTypes.bool,\n            info: PropTypes.string,\n            buttonTitle: PropTypes.string,\n            onClick: PropTypes.func,\n            buttonVisible: PropTypes.bool\n        }),\n        children: PropTypes.node,\n        className: PropTypes.string,\n        style: PropTypes.object,\n        stateCommonStyle: PropTypes.object\n    };\n\n    render() {\n        const {\n            state,\n            load = {style:{}},\n            empty = {style:{}},\n            error = {style:{}},\n            children,\n            style,\n            stateCommonStyle = {},\n            className,\n        } = this.props;\n        const baseStyle = className ? {} : {height: '100%'};\n        empty.style = {...stateCommonStyle,...empty.style};\n        error.style = {...stateCommonStyle,...error.style};\n        load.style ={...stateCommonStyle,...load.style};\n        return (\n            <div className={className} style={Object.assign(baseStyle,style)}>\n                 {children}\n                {state === 'load' &&\n                <LoadingView {...load}/>\n                }\n                {state === 'empty' && empty &&\n                <EmptyAndErrorView type={'empty'} {...ProgressState.defaultProps.empty} {...empty}  />\n                }\n                {state === 'error' && error &&\n                <EmptyAndErrorView type={'error'} {...ProgressState.defaultProps.error} {...error} />\n                }\n            </div>\n        );\n    }\n}\n\nexport default ProgressState;\n"]}

package/dist/components/progressState/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _ProgressState = require('./ProgressState');
+
+var _ProgressState2 = _interopRequireDefault(_ProgressState);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = _ProgressState2.default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/progressState/index.js"],"names":["ProgressState"],"mappings":";;;;;;AAAA;;;;;;kBACeA,uB","file":"index.js","sourcesContent":["import ProgressState from './ProgressState';\nexport default ProgressState;"]}

package/dist/components/progressState/style.less

@@ -0,0 +1,65 @@
+.progressState{
+
+    position: relative;;
+    display:flex;
+    justify-content:center;
+    align-items: center;
+    overflow: hidden;
+    background-color: rgba(2555,255,255,0.8);
+
+    & ul{
+        width:100%;
+    }
+
+    .icon{
+        text-align: center;
+        img{
+            width: 162px;
+            height: 162px;
+        }
+    }
+
+    .error{
+        .icon {
+            font-size: 60dpx;
+            width:60dpx;
+            height:60dpx;
+            text-align: center;
+        }
+    }
+
+    .text{
+        margin-top:14px;
+        // color:#FF8C25;
+        color: #666;
+        text-align:center;
+        font-size:14px;
+        line-height: 20px;
+    }
+
+    .addBtn{
+        margin-top:30px;
+        background-color:#FFFFFF;
+        text-align:center;
+        -moz-border-radius: 8px;
+        -webkit-border-radius: 8px;
+        border-radius: 8px;
+    }
+    .secondaryTip{
+        position: absolute;
+        bottom: 22px;
+        left: 14px;
+        right: 14px;
+        display: -webkit-flex;
+        -webkit-align-items: flex-start;
+        color:#FF8C25;
+        line-height: 20dpx;
+        font-size:13dpx;
+        .tipLabel{
+            -webkit-flex: 0 0 40dpx;
+        }
+        .tipContent {
+            -webkit-flex: 1;
+        }
+    }
+}

package/dist/components/scan/index.js

@@ -0,0 +1,219 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+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 _class, _temp;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require('../../index');
+
+require('./index.less');
+
+var _tools = require('../../util/tools');
+
+var _tools2 = _interopRequireDefault(_tools);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Scan = (_temp = _class = function (_Component) {
+  (0, _inherits3.default)(Scan, _Component);
+
+  function Scan(props, context) {
+    (0, _classCallCheck3.default)(this, Scan);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (Scan.__proto__ || (0, _getPrototypeOf2.default)(Scan)).call(this, props, context));
+
+    _this.startScan = function () {
+      var onChange = _this.props.onChange;
+
+      window.android_CommonFun.scanDecodeByResult().then(function (data) {
+        var _ref = data || { state: 0, message: "" },
+            state = _ref.state,
+            message = _ref.message;
+
+        if (state == 1) {
+          if (onChange) onChange(message);
+        } else {
+          if (onChange) onChange("");
+        }
+      });
+      // if (window.plus) {
+      //   var styles = {
+      //     frameColor: '#65e102',
+      //     scanbarColor: '#b7e871',
+      //     background: '#000',
+      //   }; //边框属性
+      //   var filter = [window.plus.barcode.QR, window.plus.barcode.EAN8, window.plus.barcode.EAN13]; //扫码格式 空为全类型，不能省略
+      //   this.scanObj = new window.plus.barcode.Barcode(
+      //     'scan_bcid',
+      //     filter,
+      //     styles
+      //   );
+      //   this.scanObj.onmarked = this.onmarked;
+      //   this.scanObj.start({ conserve: true, filename: './_docs/barcode/' });
+      //   this.addBackKeybroadLister();
+      //   this.showBackKeyToView();
+      // 显示页面并关闭等待框
+      // this.webviewWindow.show ('pop-in');
+      // this.wo.evalJS ('closeWaiting()');
+      // }
+    };
+
+    _this.onmarked = function (type, result, file) {
+      var onChange = _this.props.onChange;
+
+      switch (type) {
+        case plus.barcode.QR:
+          type = 'QR';
+          break;
+        case plus.barcode.EAN13:
+          type = 'EAN13';
+          break;
+        case plus.barcode.EAN8:
+          type = 'EAN8';
+          break;
+        default:
+          type = '其它' + type;
+          break;
+      }
+      result = result.replace(/\n/g, '');
+      // this.wo.evalJS("scaned('" + type + "','" + result + "','" + file + "');");
+      if (onChange) onChange(result);
+      _this.back();
+    };
+
+    _this.back = function () {
+      var scanObj = _this.scanObj;
+
+      if (scanObj) scanObj.close();
+      _this.removeBackKeybroadLister();
+      _this.dismissBackKeyToView();
+    };
+
+    _this.addBackKeybroadLister = function () {
+      // let scan_icon_button = document.querySelector('#scan_icon_button');
+      // scan_icon_button.addEventListener('click', this.back);
+      // plus.key.addEventListener('backbutton', this.back);
+    };
+
+    _this.removeBackKeybroadLister = function () {
+      // let scan_icon_button = document.querySelector('#scan_icon_button');
+      // scan_icon_button.removeEventListener('click', this.back);
+      // plus.key.removeEventListener('backbutton', this.back);
+    };
+
+    _this.showBackKeyToView = function () {
+      document.querySelector('#scan_icon_button_div').style.display = 'block';
+    };
+
+    _this.dismissBackKeyToView = function () {
+      document.querySelector('#scan_icon_button_div').style.display = 'none';
+      // this.setState({
+      //   backKeyShow:'none'
+      // })
+    };
+
+    _this.addToDom = function () {
+      // <i class="iconfont icon-saomiao1 icon"></i>
+      var scan_bcid = document.querySelector('#scan_bcid');
+      if (!scan_bcid) {
+        // 为什么要取平台差异性
+        // 因为我们app是横屏显示  android平台取 可视区域宽高 即为横屏状态下的宽高  也为 竖屏下的 高宽 
+        // ios无论你什么时候 横竖屏切换不影响可是区域宽高的值
+        // 以上为假设 需验证
+        var _tools$getPlatform = _tools2.default.getPlatform(),
+            isIos = _tools$getPlatform.isIos;
+
+        var width = (isIos ? window.innerWidth : window.screen.width) + 'px';
+        var height = (isIos ? window.innerHeight - 68 : window.screen.height - 68) + 'px';
+        // const width  = `${window.screen.width}px`
+        // const height  = `${window.screen.height-68}px`
+        // const {backKeyShow} = this.state;
+        var bodyDom = document.querySelector('body');
+        var scanDom = document.createElement('div');
+        scanDom.style.overflow = 'hidden';
+        scanDom.innerHTML = '<div id="scan_icon_button_div" style="display:none;height:' + height + '" class="scan_back_content" >\n          <i id="scan_icon_button" class="iconfont icon-guanbi scan_back"></i>\n      </div>\n      <div style="width:' + width + ';height:' + height + '" class="scan_bcid_out">\n        <div style="width:' + width + ';height:' + height + '" id="scan_bcid">\n        </div>\n      </div>';
+        bodyDom.appendChild(scanDom);
+      }
+    };
+
+    _this.webviewWindow = null;
+    // this.wo = null;
+    _this.scanObj = null;
+    // this.state = {
+    //   backKeyShow:'none'
+    // }
+    return _this;
+  }
+
+  (0, _createClass3.default)(Scan, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      if (window.plus) {
+        // this.webviewWindow = plus.webview.currentWebview();
+        // this.wo = this.webviewWindow.opener();
+        // this.addToDom();
+      }
+    }
+    // 添加返回键监听
+
+    // 移除返回监听
+
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {}
+    // scanPicture = () => {
+    // plus.gallery.pick (
+    //   function (path) {
+    //     plus.barcode.scan (path, onmarked, function (error) {
+    //       plus.nativeUI.alert ('无法识别此图片');
+    //     });
+    //   },
+    //   function (err) {
+    //     console.log ('Failed: ' + err.message);
+    //   }
+    // );
+    // }
+
+  }, {
+    key: 'render',
+    value: function render() {
+      // 为什么要取平台差异性
+      // 因为我们app是横屏显示  android平台取 可视区域宽高 即为横屏状态下的宽高  也为 竖屏下的 高宽 
+      // ios无论你什么时候 横竖屏切换不影响可是区域宽高的值
+      // 以上为假设 需验证
+      return null;
+    }
+  }]);
+  return Scan;
+}(_react.Component), _class.defaultProps = {
+  onChange: function onChange() {}
+}, _temp);
+exports.default = Scan;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/scan/index.js"],"names":["Scan","props","context","startScan","onChange","window","android_CommonFun","scanDecodeByResult","then","data","state","message","onmarked","type","result","file","plus","barcode","QR","EAN13","EAN8","replace","back","scanObj","close","removeBackKeybroadLister","dismissBackKeyToView","addBackKeybroadLister","showBackKeyToView","document","querySelector","style","display","addToDom","scan_bcid","tools","getPlatform","isIos","width","innerWidth","screen","height","innerHeight","bodyDom","scanDom","createElement","overflow","innerHTML","appendChild","webviewWindow","Component","defaultProps"],"mappings":"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","file":"index.js","sourcesContent":["import React, { Component } from 'react';\nimport { Ticon } from '../../index';\nimport './index.less';\nimport tools from '../../util/tools';\n\nexport default class Scan extends Component {\n  static defaultProps = {\n    onChange: () => { },\n  };\n  constructor(props, context) {\n    super(props, context);\n    this.webviewWindow = null;\n    // this.wo = null;\n    this.scanObj = null;\n    // this.state = {\n    //   backKeyShow:'none'\n    // }\n  }\n  componentDidMount() {\n    if (window.plus) {\n      // this.webviewWindow = plus.webview.currentWebview();\n      // this.wo = this.webviewWindow.opener();\n      // this.addToDom();\n    }\n  }\n  startScan = () => {\n    const { onChange } = this.props;\n    window.android_CommonFun.scanDecodeByResult().then((data)=>{\n      const { state,message }  = data || { state : 0 , message : \"\"}\n      if(state == 1){\n        if(onChange) onChange(message);\n      }else{\n        if(onChange) onChange(\"\");\n      }\n    });\n    // if (window.plus) {\n    //   var styles = {\n    //     frameColor: '#65e102',\n    //     scanbarColor: '#b7e871',\n    //     background: '#000',\n    //   }; //边框属性\n    //   var filter = [window.plus.barcode.QR, window.plus.barcode.EAN8, window.plus.barcode.EAN13]; //扫码格式 空为全类型，不能省略\n    //   this.scanObj = new window.plus.barcode.Barcode(\n    //     'scan_bcid',\n    //     filter,\n    //     styles\n    //   );\n    //   this.scanObj.onmarked = this.onmarked;\n    //   this.scanObj.start({ conserve: true, filename: './_docs/barcode/' });\n    //   this.addBackKeybroadLister();\n    //   this.showBackKeyToView();\n      // 显示页面并关闭等待框\n      // this.webviewWindow.show ('pop-in');\n      // this.wo.evalJS ('closeWaiting()');\n    // }\n  };\n  onmarked = (type, result, file) => {\n    const { onChange } = this.props;\n    switch (type) {\n      case plus.barcode.QR:\n        type = 'QR';\n        break;\n      case plus.barcode.EAN13:\n        type = 'EAN13';\n        break;\n      case plus.barcode.EAN8:\n        type = 'EAN8';\n        break;\n      default:\n        type = '其它' + type;\n        break;\n    }\n    result = result.replace(/\\n/g, '');\n    // this.wo.evalJS(\"scaned('\" + type + \"','\" + result + \"','\" + file + \"');\");\n    if (onChange) onChange(result);\n    this.back();\n  };\n  back = () => {\n    const { scanObj } = this;\n    if (scanObj) scanObj.close();\n    this.removeBackKeybroadLister();\n    this.dismissBackKeyToView();\n  };\n  // 添加返回键监听\n  addBackKeybroadLister = () => {\n    // let scan_icon_button = document.querySelector('#scan_icon_button');\n    // scan_icon_button.addEventListener('click', this.back);\n    // plus.key.addEventListener('backbutton', this.back);\n  };\n  // 移除返回监听\n  removeBackKeybroadLister = () => {\n    // let scan_icon_button = document.querySelector('#scan_icon_button');\n    // scan_icon_button.removeEventListener('click', this.back);\n    // plus.key.removeEventListener('backbutton', this.back);\n  };\n\n  showBackKeyToView = () => {\n    document.querySelector('#scan_icon_button_div').style.display = 'block';\n  };\n  dismissBackKeyToView = () => {\n    document.querySelector('#scan_icon_button_div').style.display = 'none';\n    // this.setState({\n    //   backKeyShow:'none'\n    // })\n  };\n  addToDom = () => {\n    // <i class=\"iconfont icon-saomiao1 icon\"></i>\n    let scan_bcid = document.querySelector('#scan_bcid');\n    if (!scan_bcid) {\n      // 为什么要取平台差异性\n      // 因为我们app是横屏显示  android平台取 可视区域宽高 即为横屏状态下的宽高  也为 竖屏下的 高宽 \n      // ios无论你什么时候 横竖屏切换不影响可是区域宽高的值\n      // 以上为假设 需验证\n      const { isIos } = tools.getPlatform()\n      const width = `${isIos ? window.innerWidth : window.screen.width }px`;\n      const height = `${isIos ? window.innerHeight - 68 : window.screen.height - 68}px`;\n      // const width  = `${window.screen.width}px`\n      // const height  = `${window.screen.height-68}px`\n      // const {backKeyShow} = this.state;\n      let bodyDom = document.querySelector('body');\n      let scanDom = document.createElement('div');\n      scanDom.style.overflow = 'hidden';\n      scanDom.innerHTML = \n      `<div id=\"scan_icon_button_div\" style=\"display:none;height:${height}\" class=\"scan_back_content\" >\n          <i id=\"scan_icon_button\" class=\"iconfont icon-guanbi scan_back\"></i>\n      </div>\n      <div style=\"width:${width};height:${height}\" class=\"scan_bcid_out\">\n        <div style=\"width:${width};height:${height}\" id=\"scan_bcid\">\n        </div>\n      </div>`\n      bodyDom.appendChild(scanDom);\n    }\n  }\n  componentWillUnmount() { }\n  // scanPicture = () => {\n  // plus.gallery.pick (\n  //   function (path) {\n  //     plus.barcode.scan (path, onmarked, function (error) {\n  //       plus.nativeUI.alert ('无法识别此图片');\n  //     });\n  //   },\n  //   function (err) {\n  //     console.log ('Failed: ' + err.message);\n  //   }\n  // );\n  // }\n  render() {\n    // 为什么要取平台差异性\n    // 因为我们app是横屏显示  android平台取 可视区域宽高 即为横屏状态下的宽高  也为 竖屏下的 高宽 \n    // ios无论你什么时候 横竖屏切换不影响可是区域宽高的值\n    // 以上为假设 需验证\n    return (\n      null\n    );\n  }\n}"]}

package/dist/components/scan/index.less

@@ -0,0 +1,34 @@
+#scan_bcid {
+    height    : 100%;
+    width     : 100%;
+    margin-top: 68px;
+}
+
+.scan_back_content {
+    height    : 68px;
+    position  : fixed;
+    top       : 0;
+    left      : 0;
+    width     : 100%;
+    background: #000;
+    z-index   : 100000;
+}
+
+.scan_bcid_out {
+    position  : fixed;
+    top       : 0;
+    left      : 0;
+    bottom    : 0;
+    right     : 0;
+    background: 0;
+    z-index   : -111;
+}
+
+.scan_back {
+    color    : #FFFFFF;
+    font-size: 28px;
+    position : absolute;
+    top      : 18px;
+    left     : 20px;
+    z-index  : 1111111111;
+}

package/dist/components/select/index.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Select2 = require('tinper-bee/dist/Select');
+
+var _Select3 = _interopRequireDefault(_Select2);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+require('tinper-bee/dist/Select/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+require('./index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = function (props) {
+  return _react2.default.createElement(_Select3.default, (0, _extends3.default)({}, props, { className: 't-select ' + props.className || '' }));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/select/index.js"],"names":["props","className"],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;AAIA;;;;kBAEe,UAACA,KAAD;AAAA,SAAW,2EAAYA,KAAZ,IAAmB,WAAW,cAAcA,MAAMC,SAApB,IAAiC,EAA/D,IAAX;AAAA,C","file":"index.js","sourcesContent":["import React from 'react';\n\nimport { Select } from 'tinper-bee';\n\nimport './index.less';\n\nexport default (props) => <Select {...props} className={'t-select ' + props.className || ''}  />"]}

package/dist/components/select/index.less

@@ -0,0 +1,12 @@
+.t-select {
+  .u-select-arrow {
+    top: 41%;
+    right: 6px;
+    &::before {
+      font-family: "iconfont"!important;
+      content: "\E66D"!important;
+      color: #999;
+      font-size: 16px;
+    }
+  }
+}