@cniot/android-pda-components 0.2.30 → 0.2.32

package/packages/pageflow-system-pages/alert/index.jsx

@@ -1,22 +0,0 @@
-import React from "react";
-import Confirm from '../../Confirm';
-import Overlay from "../../Overlay";
-// import "./index.less";
-
-export default function Alert(props) {
-  const { service, data = {} } = props;
-  // const { title = "title", message = "message", okText = "okText", cancelText="" } = data;
-  const onClickCallback = React.useCallback(
-    function () {
-      service.onNext(true);
-    },
-    [service]
-  );
-
-  return (
-    <Overlay verticalPosition="bottom">
-      {/* <Confirm title={title} message={message} okText={okText} cancelText={cancelText} onClick={onClickCallback} ></Confirm> */}
-      <Confirm {...data} onClick={onClickCallback} ></Confirm>
-    </Overlay>
-  );
-}

package/packages/pageflow-system-pages/confirm/doc.jsx

@@ -1,118 +0,0 @@
-import React from "react";
-import SystemConfirm from "./index";
-
-import service from '../../../mock/service';
-export default function () {
-  return (
-    <div>
-      <h1>/system/confirm</h1>
-      <p>弹出一个确认框，用户必须点击确认才能继续</p>
-      <h2>示例</h2>
-      <code className="code">
-{
-  `
-    // gs 代码如下
-    pageFlow.confirm({
-      title: '111',
-      message: '2222',
-      okText: "确认",
-      cancelText:"取消"
-    })
-    // 如果 message 需要多行显示，使用 subMessage 方式
-    pageFlow.confirm({
-      title: '111',
-      subMessage: [
-            {label: 'title1', content: 'content1'},
-            {label: 'title2', content: 'content2'},
-            {label: 'title3', content: 'content3'},
-      ],
-      okText: "确认",
-      cancelText:"取消"
-    })
-  `
-}
-      </code>
-      <h2>页面效果</h2>
-      <div className="light-block light-block-overlay">
-        <SystemConfirm  service={service} data={{
-          title: '111',
-          message: <span>栈板码：<span style={{color: '#0091EA'}}>111</span><br/><span>箱码：222</span></span>,
-          okText: "确认",
-          cancelText:"取消"
-        }} ></SystemConfirm>
-      </div>
-      <h2>Confirm</h2>
-      <table className="pure-table pure-table-bordered">
-        <thead>
-          <tr>
-            <th>属性</th>
-            <th>说明</th>
-            <th>类型</th>
-            <th>默认值</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td>title</td>
-            <td>标题</td>
-            <td>string</td>
-            <td></td>
-          </tr>
-          <tr>
-            <td>message</td>
-            <td>信息</td>
-            <td>string</td>
-            <td></td>
-          </tr>
-          <tr>
-            <td>subMessage</td>
-            <td>副文本消息</td>
-            <td>string</td>
-            <td></td>
-          </tr>
-          <tr>
-            <td>okText</td>
-            <td>确认文本</td>
-            <td>string</td>
-            <td></td>
-          </tr>
-          <tr>
-            <td>cancelText</td>
-            <td>取消文本</td>
-            <td>string</td>
-            <td></td>
-          </tr>
-          <tr>
-            <td>okDataClick</td>
-            <td>ok 按钮 arms 监控</td>
-            <td>string</td>
-            <td></td>
-          </tr>
-          <tr>
-            <td>cancelDataClick</td>
-            <td>cancel 按钮 arms 监控</td>
-            <td>string</td>
-            <td></td>
-          </tr>
-          <tr>
-            <td>insertButtons</td>
-            <td>插入在默认按钮上面</td>
-            <td>{JSON.stringify([
-              { label: '查看详情111', value: 'hello', dataClick: '查看详情1234' }
-            ])}</td>
-            <td></td>
-          </tr>
-          <tr>
-            <td>appendButtons</td>
-            <td>追加到默认按钮下面</td>
-            <td>{JSON.stringify([
-              { label: '查看详情222', value: 'hello', dataClick: '查看详情1234' }
-            ])}</td>
-            <td></td>
-          </tr>
-        </tbody>
-      </table>
-
-    </div>
-  );
-}

package/packages/pageflow-system-pages/confirm/index.jsx

@@ -1,31 +0,0 @@
-import React from "react";
-import Confirm from '../../Confirm';
-import Overlay from "../../Overlay";
-// import "./index.less";
-
-export default function confirm(props) {
-  const { service, data = {} } = props;
-  // const { title = "title", message, subMessage=[], okText = "okText", cancelText="" } = data;
-  // const { title = "title", message, subMessage=[], okText = "okText", cancelText="" } = data;
-  const onClickCallback = React.useCallback(
-    function (v) {
-      service.onNext(v);
-    },
-    [service]
-  );
-
-  return (
-    <Overlay verticalPosition="bottom">
-      {/* <Confirm
-        title={title}
-        message={message}
-        subMessage={subMessage}
-        okText={okText}
-        cancelText={cancelText}
-        onClick={onClickCallback}
-      >
-      </Confirm> */}
-      <Confirm {...data} onClick={onClickCallback}></Confirm>
-    </Overlay>
-  );
-}

package/packages/pageflow-system-pages/debug/index.jsx

@@ -1,27 +0,0 @@
-import React from "react";
-import { createHashHistory } from "history";
-import "./index.less";
-// debug
-export default function Debug(props) {
-  const { appManager } = props;
-  const pages = Array.from(appManager.pageManager.keys()).reverse();
-  React.useEffect(function () {
-    const history = createHashHistory();
-    const unListen = history.listen(({ action, location }) => {
-      const pathname = location.pathname;
-      appManager.mockToPage(pathname, {});
-    });
-    return unListen;
-  }, []);
-  return (
-    <div className="local-debug-side">
-      <ul>
-        {pages.map((pathname) => (
-          <li key={pathname}>
-            <a href={`#${pathname}`}>{pathname}</a>
-          </li>
-        ))}
-      </ul>
-    </div>
-  );
-}

package/packages/pageflow-system-pages/debug/index.less

@@ -1,5 +0,0 @@
-.local-debug-side {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-}

package/packages/pageflow-system-pages/index.jsx

@@ -1,38 +0,0 @@
-import Alert from "./alert";
-import Start from "./start";
-import Confirm from "./confirm";
-import Prompt from "./prompt";
-import Toast from "./toast";
-import NotFound from "./not-found";
-import Debug from "./debug";
-import Loading from "./loading";
-
-function PlaySound({ data, service, action }) {
-  const { sound } = data;
-  if(window.WindVane) {
-    var params = {
-      domain: 'audio',
-      method: 'playSound',
-      params: { sound, }
-    }
-    WindVane.call(
-      'WindvanePlugin',
-      'invoke',
-      JSON.stringify(params),
-    );
-  }
-  service.onNext({});
-  return null
-}
-
-export default {
-  Alert,
-  Start,
-  Toast,
-  Confirm,
-  NotFound,
-  Debug,
-  Prompt,
-  Loading,
-  PlaySound,
-};

package/packages/pageflow-system-pages/loading/index.jsx

@@ -1,37 +0,0 @@
-import React from "react";
-// import "./index.less";
-
-export default function Loading(props) {
-  const [showLoading, setShowLoading] = React.useState(false);
-  const edgeService = props.edgeService;
-  React.useEffect(
-    function () {
-      let currentLoading = false;
-      const throttleSetShowLoading = function(loading){
-        currentLoading = loading;
-        if(loading){
-          setTimeout(function(){
-            if(currentLoading === loading){
-              setShowLoading(true)
-            }
-          }, 350)
-        }else{
-          setTimeout(function(){
-            if(currentLoading === loading){
-              setShowLoading(false)
-            }
-          }, 100)
-        }
-      }
-      edgeService.on("IO_STATUS", throttleSetShowLoading);
-      return function () {
-        edgeService.off("IO_STATUS", throttleSetShowLoading);
-      }
-    },
-    [edgeService]
-  );
-
-  return showLoading ? (
-    <div style={{position:"absolute",left:0,top:0, zIndex: 100}} >LOADING...</div>
-  ) : null;
-}

package/packages/pageflow-system-pages/not-found/index.jsx

@@ -1,12 +0,0 @@
-import React from "react";
-import "./index.less";
-export default function NotFound(props) {
-  return (
-    <div style={{ padding: "20%" }}>
-      <h1>
-        404 <small style={{ fontSize: "60%" }}>Not found</small>
-      </h1>
-      <div>{props.action.getPage()}</div>
-    </div>
-  );
-}

package/packages/pageflow-system-pages/not-found/index.less

@@ -1,26 +0,0 @@
-.mini-app-start-page {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 100vw;
-  height: 100vh;
-  button {
-    padding: 0.3em 3em;
-    // height: 3em;
-    border-radius: 6px;
-    border: none;
-    font-size: 36px;
-    background-color: #00bdff;
-    color: #ffffff;
-    margin-top: 20px;
-
-    &:active {
-      transform: scale(0.95);
-    }
-  }
-
-  .desc {
-    opacity: 0.3;
-  }
-}

package/packages/pageflow-system-pages/prompt/doc.jsx

@@ -1,95 +0,0 @@
-import React from "react";
-import SystemPrompt from "./index";
-import service from '../../../mock/service';
-
-export default function () {
-  const [display, setDisplay] = React.useState(false);
-  return (
-    <div>
-      <h1>/system/prompt</h1>
-      <p>弹出输入框，用户输入内容然后提交，取消按钮输入返回 'back' 字符串</p>
-      <h2>示例</h2>
-      <code className="code">
-{
-  `
-    // gs 代码如下
-    pageFlow.prompt({
-      defaultValue:"111", //默认值
-      placeholder:"请输入..." //输入占位符
-      type:"text",//控制弹出键盘的类型，可选值 number|text|tel 参考：https://www.w3school.com.cn/tags/att_input_type.asp
-      okText:"确认", //确认按钮文案
-      cancelText:"取消" //取消文案 没有取消文案将不能取消输入
-    })
-  `
-}
-      </code>
-      <h2>页面效果</h2>
-      <div className="light-block">
-        <button onClick={()=> setDisplay(true)}>点击显示</button>
-        {
-          display ? <SystemPrompt 
-          service={service} 
-          data={{
-            defaultValue:"111", //默认值
-            placeholder:"请输入...", //输入占位符
-            type:"text",//控制弹出键盘的类型，可选值 number|text|tel 参考：https://www.w3school.com.cn/tags/att_input_type.asp
-            okText:"确认", //确认按钮文案
-            cancelText:"取消" //取消文案 没有取消文案将不能取消输入
-          }} 
-          onNext={(value)=> {console.log(value); setDisplay(false);}}
-        ></SystemPrompt> :  null
-        }
-        
-      </div>
-      <h2>/system/prompt</h2>
-      <table className="pure-table pure-table-bordered">
-        <thead>
-          <tr>
-            <th>属性</th>
-            <th>说明</th>
-            <th>类型</th>
-            <th>默认值</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td>title</td>
-            <td>标题</td>
-            <td>string</td>
-            <td>请输入</td>
-          </tr>
-          <tr>
-            <td>defaultValue</td>
-            <td>默认值</td>
-            <td>string</td>
-            <td>-</td>
-          </tr>
-          <tr>
-            <td>placeholder</td>
-            <td>input 占位符</td>
-            <td>string</td>
-            <td>请输入...</td>
-          </tr>
-          <tr>
-            <td>type</td>
-            <td>定制键盘类型 参考：https://www.w3school.com.cn/tags/att_input_type.asp</td>
-            <td>string</td>
-            <td>text</td>
-          </tr>
-          <tr>
-            <td>okText</td>
-            <td>确认文案</td>
-            <td>string</td>
-            <td>确认</td>
-          </tr>
-          <tr>
-            <td>cancelText</td>
-            <td>取消文案，取消文案为空，不显示取消按钮</td>
-            <td>string</td>
-            <td>取消</td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  );
-}

package/packages/pageflow-system-pages/prompt/index.jsx

@@ -1,43 +0,0 @@
-import React from "react";
-import Button from "../../Button";
-import Overlay from "../../overlay";
-import './index.less';
-
-export default function Prompt(props) {
-  const inputRef = React.useRef();
-  const {data = {}, onNext} = props;
-  const {placeholder, defaultValue, title="请输入", type="text", okText="确认", cancelText="取消"} = data;
-
-  return <Overlay verticalPosition="center" closable={false} >
-    <div className="prompt-dialog">
-      <div>
-        <h1 className="prompt-title">{title}</h1>
-        <input 
-          className="prompt-input" 
-          autoFocus={true} 
-          ref={inputRef} 
-          placeholder={placeholder} 
-          type={type} 
-          defaultValue={defaultValue} 
-          onKeyUp={(e)=> {
-            if(e.keyCode === 13){
-              onNext(getInputValue(inputRef.current))
-            }
-          }}
-        />
-        <div className="prompt-btns">
-          {
-            cancelText ? <Button onClick={()=> onNext('back')} >{cancelText}</Button> : null
-          }
-          <Button type="primary" onClick={()=>{ onNext(getInputValue(inputRef.current)) }} >{okText}</Button>
-        </div>
-      </div>
-    </div>
-  </Overlay>
-}
-
-
-function getInputValue(input){
-  const value = input.value || "";
-  return String(value).trim()
-}

package/packages/pageflow-system-pages/prompt/index.less

@@ -1,44 +0,0 @@
-.prompt-dialog{
-  background:#ffffff;
-  border-radius:6px 6px 0 0;
-  // padding:24px 20px;
-  padding:10px;
-  width:80%;
-
-  .prompt-title{
-    font-size:30px;
-    margin:10px 0;
-  }
-
-  .prompt-input{
-    transition: all .1s linear;
-    border: 1px solid #dcdfe6;
-    background-color: #fff;
-    outline: 0;
-    padding: 0;
-    margin: 0;
-    font-weight: 400;
-    vertical-align: middle;
-    background-color: #0000;
-    color: #1f2633;
-    font-size: 24px;
-    box-sizing: border-box;
-    width: 100%;
-    padding: 0.5em;
-    border-radius: 4px;
-    &:hover,&:active,&:focus{
-      border-color: #03c1fd;
-    }
-  }
-
-  .prompt-btns{
-    display:flex;
-    margin-top:10px;
-    .pda-button{
-      margin-left:10px;
-    }
-    .pda-button:first-child{
-      margin-left:0px;
-    }
-  }
-}

package/packages/pageflow-system-pages/start/index.jsx

@@ -1,28 +0,0 @@
-import React from "react";
-import Button from "../../Button";
-
-export default function Start(props) {
-  const { action, appManager, service } = props;
-  const onReStart = React.useCallback(function () {
-    service.onStart(appManager.config.appId);
-  });
-  return (
-    <div
-      style={{
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "center",
-        alignItems: "center",
-        width: "100vw",
-        height: "100vh",
-      }}
-    >
-      <Button type="primary" onClick={onReStart}>
-        开始作业
-      </Button>
-      <br />
-      <div>{appManager.config.appId}</div>
-      <div>{appManager.config.groupId}</div>
-    </div>
-  );
-}

package/packages/pageflow-system-pages/start/index.less

@@ -1,12 +0,0 @@
-.mini-app-start-page {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 100vw;
-  height: 100vh;
-
-  .desc {
-    opacity: 0.3;
-  }
-}

package/packages/pageflow-system-pages/toast/doc.jsx

@@ -1,76 +0,0 @@
-import React from "react";
-import SystemToast from "./index";
-import service from '../../../mock/service';
-
-export default function () {
-  return (
-    <div>
-      <h1>/system/toast</h1>
-      <p>弹框组件，如果要悬浮在页面上，请配合 Overlay 使用</p>
-      <h2>示例</h2>
-      <code className="code">
-{
-  `
-    // gs 代码如下
-    pageFlow.toast({
-      level: "success", // success|warning|error
-      title: '111',
-      message: '2222',
-      duration: 3000,
-    })
-  `
-}
-      </code>
-      <h2>页面效果</h2>
-      <div className="light-block light-block-overlay">
-        <SystemToast 
-          service={service} 
-          data={{
-            level: "success", // success|warning|error
-            title: '111',
-            message: '2222',
-            duration: 3000,
-          }} 
-          onNext={console.log}
-        ></SystemToast>
-      </div>
-      <h2>Toast</h2>
-      <table className="pure-table pure-table-bordered">
-        <thead>
-          <tr>
-            <th>属性</th>
-            <th>说明</th>
-            <th>类型</th>
-            <th>默认值</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td>level</td>
-            <td>弹框类型</td>
-            <td>string</td>
-            <td>success|warning|error</td>
-          </tr>
-          <tr>
-            <td>message</td>
-            <td>信息</td>
-            <td>string</td>
-            <td></td>
-          </tr>
-          <tr>
-            <td>title</td>
-            <td>标题</td>
-            <td>string</td>
-            <td></td>
-          </tr>
-          <tr>
-            <td>duration</td>
-            <td>延迟时间</td>
-            <td>number</td>
-            <td>ms</td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  );
-}

package/packages/pageflow-system-pages/toast/index.jsx

@@ -1,42 +0,0 @@
-import React, {useState} from "react";
-import Toast from '../../Toast';
-import Overlay from '../../Overlay';
-// import "./index.less";
-
-// Error occurs while executing src/start.gs(8879527103889997824#19) cause by Error: 拣货数量不能大于计划数量
-export default function toast(props) {
-  const { data = {}, onNext, service } = props;
-  const { title, level, message, duration = null } = data;
-  const [hidden, setHidden] = useState(false)
-  React.useEffect(() => {
-    // 如果是 500 导致的的toast hasNext = fasle
-    // 如果是 pageflow.toast hasNext = undefined
-    if(data.hasNext === undefined) {
-      onNext("")
-    }
-    let timeout = null;
-    if(duration) {
-      timeout = setTimeout(() => {
-        setHidden(true);
-        // service.onNext("");
-      }, duration);
-    }
-    return () => {
-      clearTimeout(timeout);
-    }
-  }, [data])
-
-  return !hidden ? (
-      <Overlay verticalPosition="bottom" >
-        <div style={{width: '90%'}} >
-          <Toast type={level} title={title} message={splitMessage(message)} ></Toast>
-        </div>
-      </Overlay>
-    ) : null;
-}
-
-
-function splitMessage(message) {
-  var msg = String(message).split("by Error:");
-  return msg[1] || msg[0];
-}