@cniot/android-pda-components 0.2.23 → 0.2.27

package/packages/BaseLayout/RfidOnce.jsx

@@ -1,106 +0,0 @@
-import React from "react";
-import BaseLayoutContainer from './BaseLayoutContainer'
-import classNames from "classnames";
-import { playSound } from "../utils";
-
-const blankFunc = () => { };
-
-export default class RfidOnce extends React.Component {
-    constructor(props) {
-        super(props);
-        this._rfidBeginScan = false;
-        this._handleRfidScan = e => {
-            const { onRfidOnce, onRfidBoxOnce, onRfidPalletOnce } = this.props;
-            const data = e.param;
-            const isBox = data.rfidData.startsWith("0F006");
-            const isPallet = data.rfidData.startsWith("0F011");
-
-            playSound('single_recog');
-
-            if(isPallet) {
-                let rfidData = data.rfidData;
-                data.originData = rfidData;
-                data.rfidData = rfidData.substr(5, 12)
-            }
-
-            if(onRfidBoxOnce && isBox) {
-                this._stopWork();
-                onRfidBoxOnce(data);
-            } else if(onRfidPalletOnce && isPallet) {
-                this._stopWork();
-                onRfidPalletOnce(data);
-            }
-            if(onRfidOnce){
-                this._stopWork();
-                onRfidOnce(data);
-            }
-        }
-        this._startWork = e => {
-            // console.log('start work');
-            document.addEventListener('ContinuousRfidScan', this._handleRfidScan);
-            WindVane.call('WindvanePlugin', 'invoke', "{'domain': 'rfid', 'method': 'startScan', 'params': null}", function(e) {
-                // alert('success ' + JSON.stringify(e));
-            }, function(e) {
-                // alert('failure ' + JSON.stringify(e));
-            });
-            this._rfidBeginScan = true;
-        }
-        this._stopWork = e => {
-            // console.log('stop work');
-            document.removeEventListener('ContinuousRfidScan', this._handleRfidScan);
-            WindVane.call('WindvanePlugin', 'invoke', "{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}", function(e) {
-            }, function(e) {
-            });
-        }
-        this._handleKeyDown = e => {
-            const { code, keyCode, key } = e; // code: F23/F24;  keyCode: 0;  key: uniden...
-            if (code === 'F22' || code === 'F23' || code === 'F24' || code === 'F9' || code ==='F16') {
-                // console.log('keydown', this._rfidBeginScan);
-                if (!this._rfidBeginScan) {
-                    this._startWork();
-                }
-            }
-        }
-        this._handleKeyUp = e => {
-            const { code, keyCode, key } = e; // code: F23/F24;  keyCode: 0;  key: uniden...
-            if (code === 'F22' || code === 'F23' || code === 'F24' || code === 'F9' || code ==='F16') {
-                // console.log('keyup stop');
-                this._stopWork();
-                this._rfidBeginScan = false;
-            }
-        }
-    }
-
-    componentDidMount() {
-        document.addEventListener('keydown', this._handleKeyDown);
-        document.addEventListener('keyup', this._handleKeyUp);
-        // document.addEventListener('ContinuousRfidScan', function (data) {
-        //     // console.log(JSON.stringify(data));
-        //     // console.log(data);
-        // }, false);
-
-        WindVane.call('WindvanePlugin', 'invoke', "{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'RFID'}}", function (e) {
-            // alert('success ' + JSON.stringify(e));
-        }, function (e) {
-            // alert('failure ' + JSON.stringify(e));
-        });
-    }
-    componentWillUnmount() {
-        document.removeEventListener('keydown', this._handleKeyDown);
-        document.removeEventListener('keyup', this._handleKeyUp);
-        this._stopWork();
-    }
-
-    render() {
-        // console.log('onRfidOnce render');
-
-        const props = this.props;
-        const { onRfidOnce = blankFunc, ...opts } = props;
-
-        return (
-            <BaseLayoutContainer
-                {...opts}
-            />
-        )
-    }
-}

package/packages/BaseLayout/RfidScan.jsx

@@ -1,118 +0,0 @@
-import React from "react";
-import BaseLayoutContainer from './BaseLayoutContainer'
-import classNames from "classnames";
-
-const blankFunc = () => { };
-
-export default class RfidOnce extends React.Component {
-    static defaultProps = {
-        rfidReaderSleep: false,
-    }
-    constructor(props) {
-        super(props);
-        this._rfidBeginScan = false;
-        this._handleRfidScan = e => {
-            const { onRfidScan, onRfidBoxScan, onRfidPalletScan } = this.props;
-            const data = e.param;
-            const isBox = data.rfidData.startsWith("0F006");
-            const isPallet = data.rfidData.startsWith("0F011");
-            if(isPallet) {
-                let rfidData = data.rfidData;
-                data.originData = rfidData;
-                data.rfidData = rfidData.substr(5, 12)
-            }
-
-            if(isBox && onRfidBoxScan) {
-                onRfidBoxScan(data);
-            } else if(isPallet && onRfidPalletScan) {
-                onRfidPalletScan(data);
-            }
-            if(onRfidScan) {
-                onRfidScan(data);
-            }
-        }
-        this._startWork = e => {
-            document.addEventListener('ContinuousRfidScan', this._handleRfidScan);
-            WindVane.call('WindvanePlugin', 'invoke', "{'domain': 'rfid', 'method': 'startScan', 'params': null}", function(e) {
-
-            }, function(e) {
-
-            });
-            this._rfidBeginScan = true;
-        }
-        this._stopWork = e => {
-            document.removeEventListener('ContinuousRfidScan', this._handleRfidScan);
-            // WindVane.call('WindvanePlugin', 'invoke', "{'domain': 'rfid', 'method': 'stopScan', 'params':null}", function(e) {
-            // }, function(e) {
-            // });
-            WindVane.call('WindvanePlugin', 'invoke', "{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}", function(e) {
-            }, function(e) {
-            });
-        }
-        this._handleKeyDown = e => {
-            const { code, keyCode, key } = e; // code: F23/F24;  keyCode: 0;  key: uniden...
-            if (code === 'F22' || code === 'F23' || code === 'F24' || code === 'F9' || code ==='F16') {
-                if (!this._rfidBeginScan) {
-                    this._startWork();
-                }
-            }
-        }
-        this._handleKeyUp = e => {
-            const { code, keyCode, key } = e; // code: F23/F24;  keyCode: 0;  key: uniden...
-            if (code === 'F22' || code === 'F23' || code === 'F24' || code === 'F9' || code ==='F16') {
-                this._stopWork();
-                this._rfidBeginScan = false;
-            }
-        }
-    }
-
-    componentDidMount() {
-        // console.log('Rfid Scan didMount');
-        const { autoRfidScan = false, rfidReaderSleep } = this.props;
-
-        WindVane.call('WindvanePlugin', 'invoke', "{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'RFID'}}", function (e) {
-            // alert('success ' + JSON.stringify(e));
-        }, function (e) {
-            // alert('failure ' + JSON.stringify(e));
-        });
-
-        if(!autoRfidScan) {
-            document.addEventListener('keydown', this._handleKeyDown);
-            document.addEventListener('keyup', this._handleKeyUp);
-        } else {
-            if(!rfidReaderSleep) {
-                this._startWork();
-            }
-        }
-    }
-    componentWillUnmount() {
-        // const { autoRfidScan = false } = this.props;
-        document.removeEventListener('keydown', this._handleKeyDown);
-        document.removeEventListener('keyup', this._handleKeyUp);
-        this._stopWork();
-    }
-    shouldComponentUpdate(nextProps, nextState) {
-        if(this.props.autoRfidScan && (this.props.rfidReaderSleep !== nextProps.rfidReaderSleep) ) {
-            if(!nextProps.rfidReaderSleep) {
-                this._startWork();
-            } else {
-                this._stopWork();
-            }
-        }
-        return true;
-    }
-
-
-    render() {
-        // console.log('onRfidScan render');
-
-        const props = this.props;
-        const { onRfidScan = blankFunc, autoRfidScan, ...opts } = props;
-
-        return (
-            <BaseLayoutContainer
-                {...opts}
-            />
-        )
-    }
-}

package/packages/BaseLayout/doc.jsx

@@ -1,177 +0,0 @@
-import React, {useState} from "react";
-import BaseLayout from "./index";
-import Title from '../PdaTitle';
-import InfoCard from '../InfoCard';
-import Button from '../Button';
-import Presentation from '../Presentation';
-
-// const ButtonGroup = Button.Group;
-
-export default function () {
-  const [loading, setLoading] = useState(false);
-
-  const header = <Title></Title>;
-  const footer = (
-    <Button.Group>
-      <Button type="cutout" onClick={e => {
-        console.log('cancle')
-        setLoading(true);
-        if(!loading) {
-          setTimeout(() => {
-            setLoading(false);
-          }, 2000);
-        }
-      }}>取消</Button>
-      <Button type="primary">确认</Button>
-    </Button.Group>
-  )
-  const infoCard = [{}, {}, {}]
-
-  return (
-    <div>
-      <h1>Scan</h1>
-      <p>扫码组件</p>
-      <h2>示例</h2>
-      {/* const { type="default", width, style = {}, onClick } = this.props; */}
-      <div className="light-block" style={{display: 'flex'}}>
-        <div style={{width: 480, height: 800, position: 'relative'}}>
-          <BaseLayout
-            style={{backgroundColor: 'black', marginRight: 20,}}
-            header={header}
-            footer={footer}
-            loading={loading}
-            // loadingTimeout={2000}
-          >
-            <Presentation text="请靠近箱码进行识别" ></Presentation>
-
-          </BaseLayout>
-        </div>
-        <div style={{width: 480, height: 800, position: 'relative'}}>
-          <BaseLayout
-            style={{backgroundColor: 'black'}}
-            header={header}
-            footer={footer}
-          >
-            {
-              infoCard.map((item, index) => {
-                return <InfoCard
-                  key={index}
-                  title="待拣件数"
-                  highlightInfo="800"
-                  highlightInfoCN = "件"
-                  highlightSubInfo="/800"
-                  highlightSubInfoCN="件"
-                  boldInfo="加粗显示：512/五厂综包一楼,这是加粗显示的货品名称可能有多行"
-                  style={{
-                    width: '400px',
-                    backgroundColor: 'black',
-                  }}
-                  theme='dark'
-                  infoList={
-                    [
-                      {label: '商品条码', content: '623126388798'},
-                      {label: '截止日期', content: '2022-07-25'},
-                      {label: '产品名称', content: '商品的名称'},
-                      {label: '品号', content: '12398765423'},
-                    ]
-                  }
-                />
-              })
-            }
-          </BaseLayout>
-        </div>
-      </div>
-      <code className="code">{`
-        const header = <Title></Title>;
-        const footer = (
-          <Button.Group>
-            <Button type="cutout" onClick={e => console.log('cancle')}>取消</Button>
-            <Button type="primary">确认</Button>
-          </Button.Group>
-        )
-
-        <BaseLayout
-          header={header}
-          footer={footer}
-        >
-          <Presentation text="请靠近箱码进行识别" ></Presentation>
-        </BaseLayout>
-      `}</code>
-      <h2>参数</h2>
-      <table className="pure-table pure-table-bordered">
-        <thead>
-          <tr>
-            <th>属性</th>
-            <th>说明</th>
-            <th>类型</th>
-            <th>默认值</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td>header</td>
-            <td>吸顶组件</td>
-            <td></td>
-            <td></td>
-          </tr>
-          <tr>
-            <td>footer</td>
-            <td>吸底组件</td>
-            <td></td>
-            <td></td>
-          </tr>
-          <tr>
-            <td>onBarcodeScan</td>
-            <td>注册扫描二维码/条形码[徐福记项目专用]</td>
-            <td>Function</td>
-            <td>data => data.scanData</td>
-          </tr>
-
-          <tr>
-            <td>onScanBarcode</td>
-            <td>注册扫描二维码/条形码[推荐使用]</td>
-            <td>Function</td>
-            <td>data => data.scanData</td>
-          </tr>
-          
-          <tr>
-            <td>onRfidOnce</td>
-            <td>按键按下/抬起，只触发第一个rfid码</td>
-            <td>Function</td>
-            <td>data => {}</td>
-          </tr>
-          <tr>
-            <td>onRfidBoxOnce</td>
-            <td>按键按下/抬起，只触发第一个 rfid 箱码</td>
-            <td>Function</td>
-            <td>data => {}</td>
-          </tr>
-          <tr>
-            <td>onRfidPalletOnce</td>
-            <td>按键按下/抬起，只触发第一个 rfid 栈板码</td>
-            <td>Function</td>
-            <td>data => {}</td>
-          </tr>
-          <tr>
-            <td>onRfidScan</td>
-            <td>按键按下/抬起触发 rfid 连续扫描</td>
-            <td>Function</td>
-            <td>data => {}</td>
-          </tr>
-          <tr>
-            <td>onRfidBoxScan</td>
-            <td>按键按下/抬起触发 rfid 箱码连续扫描</td>
-            <td>Function</td>
-            <td>data => {}</td>
-          </tr>
-          <tr>
-            <td>onRfidPalletScan</td>
-            <td>按键按下/抬起触发 rfid 栈板码连续扫描</td>
-            <td>Function</td>
-            <td>data => {}</td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  );
-}

package/packages/BaseLayout/index.jsx

@@ -1,52 +0,0 @@
-import React from "react";
-import BaseLayoutContainer from './BaseLayoutContainer';
-import RfidOnce from './RfidOnce';
-import RfidScan from './RfidScan';
-import BarcodeScan from './BarcodeScan';
-import classNames from "classnames";
-
-const blankFunc = () => { };
-
-export default class BaseLayout extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-
-    render() {
-        const props = this.props;
-        // onScanBarcode 一直监听
-        // onBarcodeScan 按下某些建才监听
-        const {onBarcodeScan, onScanBarcode,  onRfidOnce, onRfidBoxOnce, onRfidPalletOnce,   onRfidScan, onRfidBoxScan, onRfidPalletScan } = props;
-
-        if(onRfidOnce || onRfidBoxOnce || onRfidPalletOnce) {
-            return (
-                <RfidOnce
-                    // onRfidOnce={onRfidOnce}
-                    {...props}
-                />
-            )
-        }
-        if(onRfidScan || onRfidBoxScan || onRfidPalletScan) {
-            return (
-                <RfidScan
-                    // onRfidScan={onRfidScan}
-                    {...props}
-                />
-            )
-        }
-        if(onBarcodeScan || onScanBarcode) {
-            return (
-                <BarcodeScan
-                    // onBarcodeScan= {onBarcodeScan}
-                    {...props}
-                />
-            )
-        }
-
-        return (
-            <BaseLayoutContainer
-                {...props}
-             />
-        )
-    }
-}

package/packages/BaseLayout/index.less

@@ -1,47 +0,0 @@
-.baselayout-wrapper {
-    height: 100%;
-    min-height: 100%;
-    display: flex;
-    flex-direction: column;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: black;
-
-    .baselayout-header {
-        // height: 84px;
-    }
-    .baselayout-container {
-        // height: calc(100% - 84px);
-        padding: 0 24px;
-        overflow-x: auto;
-        flex: 1;
-
-        &>* {
-            margin-top: 16px;
-        }
-        padding-bottom: 16px;
-    }
-    .baselayout-footer {
-        padding: 16px 0;
-    }
-    // .baselayout-paddingbottom {
-    //     height: 24px;
-    // }
-
-    .loading {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      color: white;
-      background-color: rgba(0,0,0,0.4);
-      background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01PRSptR1YO1wOlBHCr_!!6000000003048-1-tps-240-240.gif);
-      background-repeat: no-repeat;
-      background-position: center;
-      background-size: 120px 120px;
-    }
-}

package/packages/Button/doc.jsx

@@ -1,62 +0,0 @@
-import React from "react";
-import Button from "./index";
-
-export default function () {
-  return (
-    <div>
-      <h1>Button</h1>
-      <p>扫码组件</p>
-      <h2>示例</h2>
-      {/* const { type="default", width, style = {}, onClick } = this.props; */}
-      <div className="light-block">
-        <Button dataClick='arms track'>按钮</Button>
-        <Button type='primary' onClick={e => console.log(e) } dataClick=''>确认</Button>
-        <Button type='dark'>深色</Button>
-        <Button.Group>
-          <Button type="cutout">镂空</Button>
-          <Button>按钮</Button>
-        </Button.Group>
-      </div>
-      <code className="code">{`
-        <Button dataClick='arms track'>按钮</Button>
-        <Button  type='primary' onClick={e => console.log(e) }>确认</Button>
-        <Button  type='dark'>深色</Button>
-        <Button.Group>
-          <Button type="cutout">镂空</Button>
-          <Button>按钮</Button>
-        </Button.Group>
-      `}</code>
-      <h2>参数</h2>
-      <table className="pure-table pure-table-bordered">
-        <thead>
-          <tr>
-            <th>属性</th>
-            <th>说明</th>
-            <th>类型</th>
-            <th>默认值</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td>type</td>
-            <td>类型</td>
-            <td>string: primary | dark | cutout</td>
-            <td>default</td>
-          </tr>
-          <tr>
-            <td>onClick</td>
-            <td>点击事件</td>
-            <td>function</td>
-            <td></td>
-          </tr>
-          <tr>
-            <td>dataClick</td>
-            <td>arms 监控使用</td>
-            <td>string</td>
-            <td></td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  );
-}

package/packages/Button/index.jsx

@@ -1,27 +0,0 @@
-import React from "react";
-// import OPInput from "../OPInput";
-import "./index.less";
-
-
-export default function Button(props){
-  const { type="default", onClick, className="", tabIndex=1, dataClick=''} = props;
-  let opt = {};
-  if(dataClick) {
-    opt['data-click'] = dataClick;
-  }
-  return (
-    <button className={`pda-button pda-button-${type} ${className}`} onClick={onClick} tabIndex={tabIndex} {...opt}>
-      {props.children}
-    </button>
-  )
-}
-
-export function ButtonGroup(props){
-  return (
-    <div className="button-group" >
-      {props.children}
-    </div>
-  )
-}
-
-Button.Group = ButtonGroup;

package/packages/Button/index.less

@@ -1,62 +0,0 @@
-.pda-button {
-    display: block;
-    box-sizing: border-box;
-    padding-right: 0;
-    text-align: center;
-    font-size: 40px;
-    height: 90px;
-    line-height: 40px;
-    // color: #000;
-    color: #fff;
-    background-color: #F3F4F8;
-    border-radius: 10px;
-    width: 100%;
-    border-width: 0;
-    word-break: keep-all;
-
-    &.pda-button-default {
-        color: #000;
-    }
-    &:active {
-        background-color: #979797;
-    }
-
-    &.pda-button-primary {
-        background-color: #0091EA;
-        // color: #fff;
-        &:active {
-            background-color: #0074BB;
-        }
-    }
-
-    &.pda-button-dark {
-        background-color: #282828;
-        // color: #fff;
-        &:active {
-            background-color: #979797;
-        }
-    }
-
-    &.pda-button-cutout {
-        // background-color: #282828;
-        // color: #fff;
-        color: #0091EA;
-        border-width: 4px;
-        border-color: #0091EA;
-        // &:active {
-        //     background-color: #979797;
-        // }
-    }
-}
-
-.button-group {
-    display: flex;
-    flex-direction: row;
-    padding: 20px 24px;
-    width: 100%;
-    .pda-button {
-        &:not(:last-child){
-            margin-right: 16px;
-        }
-    }
-}