@cniot/android-pda-components 0.2.21 → 0.2.25

package/es/style.css

@@ -0,0 +1 @@
+*{margin:0;padding:0}div{box-sizing:border-box}.pda-header{background-color:#000;display:flex;flex-direction:row;align-items:center;color:#fff;height:84px}.pda-header .header-click-area{height:100%;display:flex;align-items:center;flex-direction:row}.pda-header .pda-goback{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01O46CYm1Gc4yvZtk7A_!!6000000000642-2-tps-36-64.png);width:18px;height:32px;background-size:100%;margin-left:28px;margin-right:8px}.pda-header .pda-header-icon{height:36px;width:36px;margin-left:16px;background-size:100%;background-repeat:no-repeat;background-position:center}.pda-header .pda-header-icon-scan{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN017UD9RM1vCKxsjxsrE_!!6000000006136-2-tps-68-68.png)}.pda-header .pda-header-icon-select{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN0170QXc91udWriUp19S_!!6000000006060-2-tps-74-72.png)}.pda-header .pda-header-icon-read{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01EMphgH1ylYGXImCZn_!!6000000006619-2-tps-70-70.png)}.pda-header .pda-title-text{margin-left:16px;font-size:40px;flex:1}.pda-header .pda-header-more{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01dTdXds1p9gz4wKAve_!!6000000005318-2-tps-70-26.png)}.pda-header .pda-header-config{background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01SKQH1k1p7rQYTBXdn_!!6000000005314-2-tps-56-60.png)}.pda-header .pda-menus{background-color:#fff;border-radius:8px 8px 0 0;width:100%;padding:24px;display:flex;flex-direction:column}.pda-header .pda-menus>*{margin-bottom:12px}.pda-button{display:block;box-sizing:border-box;padding-right:0;text-align:center;font-size:40px;height:90px;line-height:40px;color:#fff;background-color:#f3f4f8;border-radius:10px;width:100%;border-width:0;word-break:keep-all}.pda-button.pda-button-default{color:#000}.pda-button:active{background-color:#979797}.pda-button.pda-button-primary{background-color:#0091ea}.pda-button.pda-button-primary:active{background-color:#0074bb}.pda-button.pda-button-dark{background-color:#282828}.pda-button.pda-button-dark:active{background-color:#979797}.pda-button.pda-button-cutout{color:#0091ea;border-width:4px;border-color:#0091ea}.button-group{display:flex;flex-direction:row;padding:20px 24px;width:100%}.button-group .pda-button:not(:last-child){margin-right:16px}.pda-info-card{border-radius:16px;padding:16px;background-color:#fff;word-break:break-word}.pda-info-card .divda-info-card-title{font-size:32px;line-height:32px}.pda-info-card .pda-info-card-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pda-info-card .pda-info-card-title-section .pda-info-card-title{font-size:32px;color:#666}.pda-info-card .pda-info-card-title-section .pda-info-card-tag{display:flex;align-items:center;justify-content:center;height:36px;padding:0 8px;background-color:#fc0;border-radius:8px}.pda-info-card .pda-info-card-highlight-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.pda-info-card .pda-info-card-highlight-section .pda-info-card-title{font-size:32px;color:#666;margin-top:20px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight{font-size:80px;line-height:64px;color:#0091ea;font-weight:bold;display:flex;flex-direction:row;align-items:flex-end}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight1CN{font-size:64px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2{font-size:50px;line-height:40px}.pda-info-card .pda-info-card-highlight-section .pda-info-card-highlight .pda-info-card-highlight2CN{font-size:40px;line-height:40px}.pda-info-card .pda-info-card-bold{font-weight:bold;font-size:40px;line-height:48px;color:#000;margin-top:16px}.pda-info-card .pda-info-card-list{margin-top:12px;color:#4a4a4a;font-size:32px;line-height:32px;word-break:break-all}.pda-info-card-progress{background-color:#f3f4f8;height:12px;border-radius:6px;margin-top:16px}.pda-info-card-progress .pda-info-card-progress-inside{background-color:#0091ea;height:12px;border-radius:6px}.pda-info-card.pda-info-card-dark{background-color:#000}.pda-info-card.pda-info-card-dark .pda-info-card-title{color:#999}.pda-info-card.pda-info-card-dark .pda-info-card-highlight{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-bold{color:#fff}.pda-info-card.pda-info-card-dark .pda-info-card-list{color:#999}.pda-list-item{padding:24px 16px;border-radius:16px;position:relative}.pda-list-item div{margin:0}.pda-list-item>div{margin-bottom:12px}.pda-list-item>div:last-child{margin-bottom:0}.pda-list-item .pda-listitem-highlight{width:100%;font-size:40px;line-height:40px;font-weight:bold;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.pda-list-item .pda-listitem-highlight div:first-child{flex:1;word-break:normal;white-space:normal;word-break:break-word}.pda-list-item .pda-listitem-header,.pda-list-item .pda-listitem-state-text,.pda-list-item .pda-listitem-subinfo{font-size:32px;line-height:32px;color:#999;word-break:break-all}.pda-list-item .pda-listitem-state-block{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:0}.pda-list-item .pda-listitem-state-block>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px}.pda-list-item .pda-listitem-state-block>div.success{background-color:#0f0}.pda-list-item .pda-listitem-state-block>div.warning{background-color:#fc0}.pda-list-item .pda-listitem-state-block>div.error{background-color:red}.pda-list-item .pda-listitem-icon{position:absolute;top:0;right:0;width:60px;height:60px;background-color:#0091ea;border-radius:0 16px;display:flex;justify-content:center;align-items:center;opacity:.85}.pda-list-item .listitem-icon-container{background-size:100%;background-repeat:no-repeat;width:16px;height:24px}.pda-list-item .listitem-icon-next{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01FkZisA1tCg1sj3b6U_!!6000000005866-2-tps-40-58.png)}.confirm-wrap{background:#ffffff;border-radius:6px 6px 0 0;padding-top:24px;width:100%}.confirm-wrap .confirm-content{padding:0 24px}.confirm-wrap .confirm-title{font-size:2.4rem;font-weight:700}.confirm-wrap .confirm-message{font-size:2.2rem;margin-bottom:1rem}.confirm-wrap .confirm-sub-message{font-size:2.2rem;margin-bottom:1rem}.confirm-wrap .confirm-sub-block{display:flex;flex-direction:row}.confirm-wrap .confirm-sub-block .confirm-sub-label{white-space:nowrap}.confirm-wrap .confirm-sub-block .confirm-sub-content{margin-left:12px;word-wrap:break-word;word-break:break-all}.confirm-wrap .confirm-btns>*:not(:first-child){padding-top:0}.confirm-wrap.confirm-warning{background-color:red}.confirm-wrap.confirm-warning .pda-button{background-color:transparent;color:#000;border:2px solid black;border-radius:40px}.toast-wrap{background:#00FF00;border-radius:6px;padding:10px 15px;width:100%;box-sizing:border-box}.toast-wrap.warning{background-color:#ffcb00}.toast-wrap.error{background-color:red}.toast-wrap .toast-title{font-size:50px;font-weight:bold}.toast-wrap .toast-message{font-size:32px}.op-overlay{top:0;left:0;position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:100}.op-overlay.center{align-items:center;justify-content:center}.op-overlay.top{align-items:flex-start;justify-content:center}.op-overlay.bottom{align-items:flex-end;justify-content:center}.prompt-dialog{background:#ffffff;border-radius:6px 6px 0 0;padding:10px;width:80%}.prompt-dialog .prompt-title{font-size:30px;margin:10px 0}.prompt-dialog .prompt-input{transition:all .1s linear;border:1px solid #dcdfe6;background-color:#fff;outline:0;margin:0;font-weight:400;vertical-align:middle;background-color:#0000;color:#1f2633;font-size:24px;box-sizing:border-box;width:100%;padding:.5em;border-radius:4px}.prompt-dialog .prompt-input:hover,.prompt-dialog .prompt-input:active,.prompt-dialog .prompt-input:focus{border-color:#03c1fd}.prompt-dialog .prompt-btns{display:flex;margin-top:10px}.prompt-dialog .prompt-btns .pda-button{margin-left:10px}.prompt-dialog .prompt-btns .pda-button:first-child{margin-left:0}.mini-app-start-page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.mini-app-start-page button{padding:.3em 3em;border-radius:6px;border:none;font-size:36px;background-color:#00bdff;color:#fff;margin-top:20px}.mini-app-start-page button:active{transform:scale(.95)}.mini-app-start-page .desc{opacity:.3}.local-debug-side{position:absolute;right:0;bottom:0}.presentation-card{margin:12px;background-color:#fff;border-radius:6px;text-align:center;padding:20px 6px}.presentation-card img{width:70%;height:auto}.presentation-card.transparent{background-color:transparent;color:#fff;margin-top:80px}.presentation-card .text{margin-top:12px;font-weight:700;font-size:32px}.presentation-card .sub-text{margin-top:6px;font-weight:700;font-size:24px;line-height:24px;color:#999}.android-pda-list .default-item{background-color:#282828;font-size:36px;padding:10px;border-radius:6px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:10px}.android-pda-list .default-item:hover,.android-pda-list .default-item:active,.android-pda-list .default-item:focus{background-color:#686868}.android-pda-list .default-item .text{flex:1}.android-pda-list .default-item .sub-text{font-size:80%;opacity:.7}.android-pda-list .default-item .sub-tags{display:flex}.android-pda-list .default-item .sub-tags .sub-tag-item{background-color:#0f0;padding:2px;font-size:60%;margin-right:3px;border-radius:2px;color:#000;line-height:1em}.android-pda-list .default-item .sub-tags .sub-tag-item:first-child{margin-left:0}.android-pda-list .default-item .extra{font-size:80%;opacity:.7}.baselayout-wrapper{height:100%;min-height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000}.baselayout-wrapper .baselayout-container{padding:0 24px 16px;overflow-x:auto;flex:1}.baselayout-wrapper .baselayout-container>*{margin-top:16px}.baselayout-wrapper .baselayout-footer{padding:16px 0}.baselayout-wrapper .loading{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;background-color:#0006;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}.wakekeyborard .wakekeyborard-icon{width:80px;height:80px;background-image:url(https://img.alicdn.com/imgextra/i3/O1CN01kxYh3U25Xzr9nAcYp_!!6000000007537-2-tps-240-240.png);background-size:100%;position:fixed;right:24px;bottom:24px}.wakekeyborard-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#dedede33}.wakekeyborard-inputbox{width:100%;display:flex;flex-direction:row;height:85px;position:absolute;bottom:0;left:0;right:0}.wakekeyborard-inputbox input{width:100%;border-radius:16px 0 0;border:0;font-size:42px;background-color:#fff;padding-left:20px}.wakekeyborard-inputbox input:focus{outline:none}.wakekeyborard-inputbox input::-webkit-input-placeholder{color:#d1d1d6;font-size:32px}.wakekeyborard-inputbox button{width:150px;border:0;border-radius:0 16px 0 0;background-color:#fff}.pda-step-card{display:flex;flex-direction:row}.pda-step-card .pda-step-indictor{display:flex;flex-direction:column;align-items:center;margin-right:16px}.pda-step-card .pda-step-indictor .pda-step-indictor-top{width:1px;background-color:#bec0c6;flex:1}.pda-step-card .pda-step-indictor .pda-step-indictor-top-hidden{background-color:#fff0}.pda-step-card .pda-step-indictor .pda-step-indictor-center{height:24px;width:24px;border-radius:12px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-center-active{background-color:#0091ea}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom{flex:1;width:1px;background-color:#bec0c6}.pda-step-card .pda-step-indictor .pda-step-indictor-bottom-hidden{background-color:#fff0}.pda-step{border-radius:16px;padding:24px 16px;background-color:#fff;margin-bottom:16px}.pda-step p{margin:0}.pda-step .pda-step-title{font-size:60px;color:#0091ea}.pda-step .pda-step-list{margin-top:8px;color:#4a4a4a;font-size:32px;line-height:32px}.pda-step.pda-step-dark{background-color:#000}.pda-step.pda-step-dark .pda-step-title{color:#fff}.pda-step.pda-step-dark .pda-step-list{color:#bec0c6}.pda-finish-card-top{display:flex;flex-direction:column;align-items:center;color:#fff}.pda-finish-card-top .pda-finish-card-img{width:100%;margin:50px auto 0}.pda-finish-card-top .pda-finish-card-title{font-size:50px;line-height:50px;color:#fff;font-weight:500;margin-bottom:16px;text-align:center}.pda-finish-card-top .pda-finish-card-list{margin-top:12px;color:#999;font-size:32px;line-height:30px;text-align:center}.pda-distance-card{border-radius:16px;padding:36px 16px;background-color:#fff}.pda-distance-card p{margin:0;font-size:28px;color:#738399}.pda-distance-card .pda-distance-card-highlight{font-size:60px;line-height:64px;color:#0091ea}.pda-distance-card .pda-distance-indictor{margin-top:36px;display:flex}.pda-distance-card .pda-distance-card-progress{background-color:#ebecf2;height:34px;border-radius:6px;border:4px solid #D9D9D9;margin-top:8px;position:relative}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-indictor{position:absolute;bottom:0;left:5px}.pda-distance-card .pda-distance-card-progress .pda-distance-card-progress-inside{background-color:#0091ea;height:26px;border-radius:6px 0 0 6px}.pda-distance-card .pda-distance-label{display:flex;justify-content:space-between}.android-sub-card{background:#282828;border-radius:16px;padding:10px;color:#fff}.android-sub-card .android-sub-card-title-section{display:flex;justify-content:space-between}.android-sub-card .android-sub-card-title-section .android-sub-card-title{opacity:.6;font-size:21.312px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag{margin-bottom:0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div{padding:6px 10px;border-radius:4px;background-color:#0091ea;color:#fff;font-size:15.984px;line-height:15.984px}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.success{background-color:#0f0}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.warning{background-color:#fc0;color:#000}.android-sub-card .android-sub-card-title-section .android-sub-card-tag>div.error{background-color:red}.android-sub-card .android-sub-card-context{font-size:60px;line-height:60px;font-weight:bold;word-break:break-all;word-wrap:break-word;margin-top:16px}.android-sub-card .android-sub-card-name{font-size:40px;line-height:40px;font-weight:bold;margin-top:16px;margin-bottom:12px}.android-sub-card .android-sub-card-attrs{font-size:32px;line-height:32px;color:#999}.android-sub-card .android-sub-card-attrs>div{margin-top:12px}.select-card{padding-top:12px}.select-card p{color:#999;font-size:32px;line-height:40px;margin-bottom:12px;padding-left:16px}.select-card .select-card-content{background-color:#282828;padding:24px 24px 24px 16px;border-radius:16px;display:flex;flex-direction:row;justify-content:space-between;color:#fff;font-size:40px;line-height:40px}.select-card .select-icon{background-image:url(https://img.alicdn.com/imgextra/i1/O1CN01WnYl6Z1qBM3uInOvw_!!6000000005457-2-tps-40-68.png);background-size:100%;background-repeat:no-repeat;background-position:center;width:20px}.pda-app-list .pda-app-group{margin:25px}.pda-app-list .pda-app-group .group-name{line-height:1em;margin:0;font-size:32px;color:#fff;font-weight:400;opacity:.6}.pda-app-list .pda-app-group .group-apps{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px}.pda-app-list .pda-app-group .group-apps .app-item{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:linear-gradient(138deg,#0091EA 0%,#095FFF 100%);border-radius:12px;font-size:32px;color:#fff;min-height:126px;flex:1;min-width:48%;max-width:48%;margin-bottom:25px;cursor:pointer}.pda-app-list .pda-app-group .group-apps .app-item:hover,.pda-app-list .pda-app-group .group-apps .app-item:active,.pda-app-list .pda-app-group .group-apps .app-item:focus{background-image:linear-gradient(45deg,#0091EA 0%,#095FFF 100%);box-shadow:0 0 1px 2px #fff}.pda-app-list .pda-app-group .group-apps .app-item .app-name{text-align:center}.pda-app-list .pda-app-group .group-apps .app-item .app-subname{font-size:50%}.pda-infinite-scroll{margin-top:10px}.pda-infinite-scroll span{color:#999}.pda-infinite-scroll .pda-infinite-scroll-view{display:flex;align-items:center;justify-content:center}.action-sheet{position:absolute;z-index:1000;width:100%;height:100%;background-color:#00000059;display:none}.action-sheet .action-sheet-container{position:absolute;background-color:#fff;z-index:1010;width:100%;bottom:0;left:0;max-height:80%;border-radius:9.9px 9.9px 0 0;padding-bottom:10.56px;display:flex;flex-direction:column}.action-sheet .action-sheet-container .action-sheet-body{flex:1;overflow-y:auto}.action-sheet .action-sheet-container .action-sheet-sticky-bottom{border-top:2px solid #F2F2F2}.action-sheet .action-sheet-container .action-sheet-item{margin:10.56px 15.84px 0;background-color:#f3f4f8;height:54px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:9.9px}.action-sheet .action-sheet-container .action-sheet-sticky-bottom-row{display:flex}.action-sheet.show{display:block}.action-sheet.show .action-sheet-container{animation:slide-in .3s ease-out}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pda-tag{display:inline-block;padding:6px 10px;border-radius:4px;background-color:#0091ea;margin-bottom:12px;margin-right:12px;font-size:24px;line-height:24px;word-break:keep-all}.pda-tag.pda-tag-success{background-color:#0f0}.pda-tag.pda-tag-warning{background-color:#fc0}.pda-tag.pda-tag-error{background-color:red}.simple-card{display:inline-block;padding:12px 0 12px 18px;border-radius:12px}.simple-card .simple-card-title{font-weight:bold;font-size:56px;line-height:40px;margin-top:12px}.simple-card .simple-card-content{font-size:28px;line-height:40px;margin-top:12px}.simple-card.simple-card-default{background-color:#f3f4f9}.simple-card.simple-card-default .simple-card-title{color:#0091ea}.simple-card.simple-card-default .simple-card-content{color:#000}.simple-card.simple-card-error{background-color:red}.simple-card.simple-card-error .simple-card-title{color:#fff}.simple-card.simple-card-error .simple-card-content{color:#ffafb1}.simple-card-block{background-color:#fff;padding:24px 12px;border-radius:12px}.simple-card-block .simple-card-block-header{display:flex;justify-content:space-between}.simple-card-block .simple-card-block-title{color:#666;font-size:32px;line-height:32px}.simple-card-block .simple-card-block-content{display:flex;flex-wrap:wrap}.simple-card-block .simple-card-block-content>div{min-width:190px;flex:1;margin-right:12px;margin-top:12px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cniot/android-pda-components",
-  "version": "0.2.21",
+  "version": "0.2.25",
   "description": "",
   "main": "./es/index.cjs.js",
   "module": "./es/index.es.js",

package/packages/AppList/doc.jsx

@@ -1,138 +0,0 @@
-import React from "react";
-import AppList from "./index";
-
-
-const dataSource = [
-  {
-    groupName:"分组",
-    list: [
-      {
-        name:"拣选",
-        subname:"人工拣选"
-      },
-      {
-        name:"复核",
-        subname:"复核打包"
-      },
-      {
-        name:"上架",
-        subname:"上架XXXX"
-      },
-      {
-        name:"拣选2",
-        subname:"人工拣选"
-      },
-    ]
-  },
-  {
-    groupName:"分组2",
-    list:[
-      {
-        name:"复核1",
-        subname:"复核打包"
-      },
-      {
-        name:"上架1",
-      },
-      {
-        name:"拣选3",
-        subname:"人工拣选"
-      },
-      {
-        name:"复核2",
-        subname:"复核打包"
-      },
-      {
-        name:"拣选拣选拣选拣选",
-        subname:"上架XXXX"
-      }
-    ]
-  }
-];
-
-export default function () {
-  return (
-    <div>
-      <h1>AppList</h1>
-      <p>一般用于展示AppList</p>
-      <h2>示例</h2>
-      <div className="light-block" style={{display: 'flex', flexDirection: 'row'}}>
-        <div style={{backgroundColor:"#000000", width:480}} >
-          <AppList dataSource={dataSource} onClickItem={console.log} />
-        </div>
-      </div>
-      <code className="code">{`
-
-      const dataSource = [
-        {
-          groupName:"分组",
-          list: [
-            {
-              name:"拣选",
-              subname:"人工拣选"
-            },
-            {
-              name:"复核",
-              subname:"复核打包"
-            },
-            {
-              name:"上架",
-              subname:"上架XXXX"
-            },
-            {
-              name:"拣选2",
-              subname:"人工拣选"
-            },
-            {
-              name:"复核1",
-              subname:"复核打包"
-            },
-            {
-              name:"上架1",
-              subname:"上架XXXX"
-            },
-            {
-              name:"拣选3",
-              subname:"人工拣选"
-            },
-            {
-              name:"复核2",
-              subname:"复核打包"
-            },
-            {
-              name:"上架2",
-              subname:"上架XXXX"
-            }
-          ]
-        }
-      ];
-      <AppList dataSource={dataSource} onClickItem={console.log} />
-      `}</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>dataSource</td>
-            <td>数据</td>
-            <td>{`Array(group<groupName, list<name,subname>)`}</td>
-            <td></td>
-          </tr>
-          <tr>
-            <td>onClickItem</td>
-            <td>点击Item</td>
-            <td>Function(item)</td>
-            <td>-</td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  );
-}

package/packages/AppList/index.jsx

@@ -1,33 +0,0 @@
-import React from "react";
-import "./index.less";
-
-
-function empty(){}
-
-export default function(props){
-  const { dataSource = [], onClickItem=empty } = props;
-  let tabIndex = 1;
-  return <div className="pda-app-list">
-    {
-      dataSource.map((item)=>{
-        return (
-          <div className="pda-app-group" key={item.groupName}>
-          <h2 className="group-name">{item.groupName}</h2>
-          <div className="group-apps">
-            {
-              item.list.map((it)=>{
-                return (
-                  <div className="app-item" key={it.name} autoFocus={tabIndex===1} tabIndex={tabIndex++} onClick={()=> onClickItem(it)}  >
-                    <span className="app-name">{it.name}</span>
-                    <span className="app-subname">{it.subname}</span>
-                  </div>
-                )
-              })
-            }
-          </div>
-        </div>
-        )
-      })
-    }
-  </div>
-}

package/packages/AppList/index.less

@@ -1,52 +0,0 @@
-.pda-app-list{
-  // width:480px;
-  // background:#000000;
-  .pda-app-group{
-    margin:25px;
-
-    .group-name{
-      font-size:32px;
-      line-height:1em;
-      margin:0;
-      font-size: 32px;
-      color: #FFFFFF;
-      font-weight:400;
-      opacity:0.6;
-    }
-
-    .group-apps{
-      display:flex;
-      flex-wrap: wrap;
-      justify-content: space-between;
-      margin-top:25px;
-      .app-item{
-        display:flex;
-        flex-direction:column;
-        justify-content:center;
-        align-items:center;
-        background-image: linear-gradient(138deg, #0091EA 0%, #095FFF 100%);
-        border-radius: 12px;
-        font-size: 32px;
-        color: #FFFFFF;
-        min-height:126px;
-        flex:1;
-        min-width:48%;
-        max-width:48%;
-        margin-bottom:25px;
-        cursor: pointer;
-
-        &:hover,&:active,&:focus{
-          background-image: linear-gradient(45deg, #0091EA 0%, #095FFF 100%);
-          box-shadow: 0 0 1px 2px #fff;
-        }
-
-        .app-name{
-          text-align: center;
-        }
-        .app-subname{
-          font-size:50%;
-        }
-      }
-    }
-  }
-}

package/packages/BaseLayout/BarcodeScan.jsx

@@ -1,88 +0,0 @@
-import React from "react";
-import BaseLayoutContainer from './BaseLayoutContainer'
-import classNames from "classnames";
-import { playSound } from "../utils";
-
-const blankFunc = () => { };
-
-// onBarcodeScan 按下键才开始监听
-// onScanBarcode 一直监听
-export default class BarcodeScan extends React.Component {
-    constructor(props) {
-        super(props);
-        this._barcodeBeginScan = false;
-        this._handleBarcodeScan = e => {
-            const { onBarcodeScan } = this.props;
-            this._stopWork();
-            playSound('scan');
-            onBarcodeScan && onBarcodeScan(e.param);
-        }
-        this._startWork = e => {
-            document.addEventListener('BarcodeScan', this._handleBarcodeScan);
-            this._barcodeBeginScan = true;
-        }
-        this._stopWork = e => {
-            document.removeEventListener('BarcodeScan', this._handleBarcodeScan);
-        }
-        this._handleKeyDown = e => {
-            const { code, keyCode, key } = e; // code: F23/F24;  keyCode: 0;  key: uniden...
-            // console.log('keydown code: ', code, keyCode, key);
-            if (code === 'F22' || code === 'F23' || code === 'F24' || code === 'F9' || code ==='F16') {
-                if (!this._barcodeBeginScan) {
-                    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._barcodeBeginScan = false;
-            }
-        }
-
-        this.onScanBarcode = this.onScanBarcode.bind(this);
-    }
-
-    onScanBarcode(e){
-        this.props.onScanBarcode && this.props.onScanBarcode(e.param);
-    }
-
-    componentDidMount() {
-        const {onBarcodeScan} = this.props;
-        if(onBarcodeScan){
-            document.addEventListener('keydown', this._handleKeyDown);
-            document.addEventListener('keyup', this._handleKeyUp);
-        }
-        document.addEventListener('BarcodeScan', this.onScanBarcode);
-        WindVane.call('WindvanePlugin', 'invoke', "{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'barcode'}}", function (e) {
-            // alert('success ' + JSON.stringify(e));
-        }, function (e) {
-            // alert('failure ' + JSON.stringify(e));
-        });
-    }
-    componentWillUnmount() {
-        const {onBarcodeScan} = this.props;
-        if(onBarcodeScan){
-            document.removeEventListener('keydown', this._handleKeyDown);
-            document.removeEventListener('keyup', this._handleKeyUp);
-        }
-        document.removeEventListener('BarcodeScan', this.onScanBarcode)
-    }
-
-
-    render() {
-        // console.log('onBarcode render');
-
-        const props = this.props;
-        const { onBarcodeScan = blankFunc, ...opts } = props;
-
-        return (
-            <BaseLayoutContainer
-                {...opts}
-            />
-        )
-    }
-}
-
-

package/packages/BaseLayout/BaseLayoutContainer.jsx

@@ -1,208 +0,0 @@
-import React from "react";
-import "./index.less";
-import classNames from "classnames";
-import { WindVaneLog } from '../utils';
-
-const blankFunc = () => { };
-
-export default class BaseLayoutContainer extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      showLoading: false,
-    }
-    this._handleKeyUp = e => {
-      const { onScan = blankFunc, onEnter = blankFunc, onEsc = blankFunc, onDelete = blankFunc, scanMode = null } = this.props;
-
-      const { code, keyCode, key } = e; // code: F23/F24;  keyCode: 0;  key: uniden...
-      if (code === 'Enter') {
-        e.preventDefault();
-        onEnter(e);
-        return;
-      }
-      if (code === 'Delete') {
-        e.preventDefault();
-        onDelete(e);
-        return;
-      }
-      if (code === 'Esc') {
-        e.preventDefault();
-        onEsc(e);
-        return;
-      }
-    }
-    this._handleBeforeUnload = e => {
-      e.returnValue = ("确定离开当前页面吗？");
-      return true;
-    }
-    this._handleUnload = e => {
-      WindVane.call('WindvanePlugin', 'invoke', "{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}", function (e) {
-        // alert('success ' + JSON.stringify(e));
-      }, function (e) {
-        // alert('failure ' + JSON.stringify(e));
-      });
-      const stopParam = {
-        tag: 'stopRfid',
-        level: 'd',
-        message: 'stop rfid scan!!!'
-      };
-      WindVaneLog(stopParam);
-
-      const leaveParam = {
-        tag: 'leavePage',
-        level: 'd',
-        message: 'leave page: ' + window.location.href,
-      }
-      WindVaneLog(stopParam);
-    }
-  }
-  componentDidMount() {
-    // console.log('这里增加监听');
-    // window.onbeforeunload = this._handleBeforeUnload;
-    window.onunload = this._handleUnload;
-    document.addEventListener('keyup', this._handleKeyUp);
-  }
-  componentWillUnmount() {
-    // console.log('这里关闭页面了');
-    window.onbeforeunload = null;
-    window.onunload = null;
-    document.removeEventListener('keyup', this._handleKeyUp)
-  }
-  shouldComponentUpdate(nextProps, nextState) {
-    if(nextProps.loading && !this.props.loading) {
-      this.setState({
-        showLoading: true,
-      })
-      if(nextProps.loadingTimeout) {
-        setTimeout(() => {
-          this.setState({
-            showLoading: false,
-          });
-        }, nextProps.loadingTimeout);
-      }
-    }
-    if(!nextProps.loading && this.state.showLoading) {
-      this.setState({
-        showLoading: false,
-      })
-    }
-    return true;
-  }
-
-  render() {
-    const props = this.props;
-    const { style = {}, header, footer, loading } = this.props;
-
-    return (
-      <div
-        className={classNames({ 'baselayout-wrapper': true, })} style={style}
-      >
-        {
-          header && <div className={classNames({ 'baselayout-header': true })}>
-            {header}
-          </div>
-        }
-        <div className={classNames({ 'baselayout-container': true })}>
-          {props.children}
-        </div>
-        {
-          footer && <div className={classNames({ 'baselayout-footer': true })}>
-            {footer}
-          </div>
-        }
-        {
-          this.state.showLoading ? (
-            <div className="loading">
-              {/* 加载中 */}
-            </div>
-          ) : null
-        }
-
-      </div>
-    )
-  }
-}
-
-
-// export default function BaseLayout(props) {
-//   console.log('render baseLayout:', props);
-
-//   const { style = {}, header, footer, continuousRfidScan = false, onRfidScan = blankFunc, onScan = blankFunc, onEnter = blankFunc, onEsc = blankFunc, onDelete = blankFunc } = props;
-
-//   // const [continuousRfidScanState, setContinuousRfidScanState] = useState(continuousRfidScan)
-
-//   // 监听按键事件
-//   useEffect(() => {
-//     const handleKeyUp = e => {
-//       // console.log(e);
-//       e.preventDefault();
-//       const { code, keyCode, key } = e; // code: F23/F24;  keyCode: 0;  key: uniden...
-//       if (code === 'F23' || code === 'F24') {
-//         // console.log('scan');
-//         onScan(e);
-//         return;
-//       }
-//       if (code === 'Enter') {
-//         onEnter(e);
-//         return;
-//       }
-//       if (code === 'Delete') {
-//         onDelete(e);
-//         return;
-//       }
-//       if (code === 'Esc') {
-//         onEsc(e);
-//         return;
-//       }
-//     }
-//     document.addEventListener('keyup', handleKeyUp);
-//     return () => {
-//       document.removeEventListener('keyup', handleKeyUp);
-//     }
-//   }, [])
-
-//   // 监听连扫
-//   useEffect(() => {
-//     const handleContinuousRfidScan = (ev) => {
-//       onRfidScan(ev.param);
-//     }
-//     if(continuousRfidScan) {
-//       document.addEventListener('ContinuousRfidScan', handleContinuousRfidScan, false);
-//       WindVane.call('WindvanePlugin', 'invoke', "{'domain': 'rfid', 'method': 'startScan', 'params': null}", function (e) {
-//         // console.log('start success ' + JSON.stringify(e));
-//       }, function (e) {
-//         console.log('failure-1 ' + JSON.stringify(e));
-//       });
-//     }
-
-//     return () => {
-//       WindVane.call('WindvanePlugin', 'invoke', "{'domain': 'rfid', 'method': 'stopScan', 'params':null}", function (e) {
-//         // console.log('stop success ' + JSON.stringify(e));
-//       }, function (e) {
-//         console.log('failure-2 ' + JSON.stringify(e));
-//       });
-//       document.removeEventListener('ContinuousRfidScan', handleContinuousRfidScan, false)
-//     }
-//   }, [])
-
-//   return (
-//     <div
-//       className={classNames({ 'baselayout-wrapper': true, })} style={style}
-//     >
-//       {
-//         header && <div className={classNames({ 'baselayout-header': true })}>
-//           {header}
-//         </div>
-//       }
-//       <div className={classNames({ 'baselayout-container': true })}>
-//         {props.children}
-//       </div>
-//       {
-//         footer && <div className={classNames({ 'baselayout-footer': true })}>
-//           {footer}
-//         </div>
-//       }
-//       {/* <div className="baselayout-paddingbottom"></div> */}
-//     </div>
-//   )
-// }

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}
-            />
-        )
-    }
-}