@cniot/android-pda-components 0.2.20 → 0.2.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -21
- package/build/assets/index.51a8714a.css +1 -0
- package/build/assets/{index.66cd7994.js → index.b428d9a3.js} +16 -16
- package/build/assets/vendor.999402d8.js +40 -0
- package/build/index.html +3 -3
- package/package.json +1 -1
- package/packages/AppList/doc.jsx +138 -0
- package/packages/AppList/index.jsx +33 -0
- package/packages/AppList/index.less +52 -0
- package/packages/BaseLayout/BarcodeScan.jsx +88 -0
- package/packages/BaseLayout/BaseLayoutContainer.jsx +208 -0
- package/packages/BaseLayout/RfidOnce.jsx +106 -0
- package/packages/BaseLayout/RfidScan.jsx +118 -0
- package/packages/BaseLayout/doc.jsx +177 -0
- package/packages/BaseLayout/index.jsx +52 -0
- package/packages/BaseLayout/index.less +47 -0
- package/packages/Button/doc.jsx +62 -0
- package/packages/Button/index.jsx +27 -0
- package/packages/Button/index.less +62 -0
- package/packages/Confirm/doc.jsx +147 -0
- package/packages/Confirm/index.jsx +71 -0
- package/packages/Confirm/index.less +55 -0
- package/packages/Header/doc.jsx +171 -0
- package/packages/Header/index.jsx +191 -0
- package/packages/Header/index.less +71 -0
- package/packages/InfoCard/doc.jsx +244 -0
- package/packages/InfoCard/index.jsx +67 -0
- package/packages/InfoCard/index.less +111 -0
- package/packages/List/doc.jsx +89 -0
- package/packages/List/index.jsx +54 -0
- package/packages/List/index.less +43 -0
- package/packages/Overlay/doc.jsx +103 -0
- package/packages/Overlay/index.jsx +42 -0
- package/packages/Overlay/index.less +28 -0
- package/packages/PdaActionSheet/doc.jsx +193 -0
- package/packages/PdaActionSheet/index.jsx +44 -0
- package/packages/PdaActionSheet/index.less +65 -0
- package/packages/PdaDistanceCard/doc.jsx +62 -0
- package/packages/PdaDistanceCard/index.jsx +35 -0
- package/packages/PdaDistanceCard/index.less +42 -0
- package/packages/PdaFinishCard/doc.jsx +111 -0
- package/packages/PdaFinishCard/index.jsx +62 -0
- package/packages/PdaFinishCard/index.less +62 -0
- package/packages/PdaInfiniteScroll/doc.jsx +121 -0
- package/packages/PdaInfiniteScroll/index.jsx +114 -0
- package/packages/PdaInfiniteScroll/index.less +12 -0
- package/packages/PdaInfiniteScroll/utils.jsx +25 -0
- package/packages/PdaSteps/PdaStep/index.jsx +38 -0
- package/packages/PdaSteps/PdaStep/index.less +70 -0
- package/packages/PdaSteps/PdaSteps/index.jsx +33 -0
- package/packages/PdaSteps/PdaSteps/index.less +0 -0
- package/packages/PdaSteps/doc.jsx +131 -0
- package/packages/PdaSteps/index.jsx +5 -0
- package/packages/PdaTitle/doc.jsx +102 -0
- package/packages/PdaTitle/index.jsx +51 -0
- package/packages/Presentation/doc.jsx +72 -0
- package/packages/Presentation/index.jsx +25 -0
- package/packages/Presentation/index.less +31 -0
- package/packages/SelectCard/doc.jsx +57 -0
- package/packages/SelectCard/index.jsx +13 -0
- package/packages/SelectCard/index.less +30 -0
- package/packages/SimpleCard/doc.jsx +59 -0
- package/packages/SimpleCard/index.jsx +13 -0
- package/packages/SimpleCard/index.less +38 -0
- package/packages/SimpleCardBlock/doc.jsx +77 -0
- package/packages/SimpleCardBlock/index.jsx +43 -0
- package/packages/SimpleCardBlock/index.less +26 -0
- package/packages/SubCard/doc.jsx +63 -0
- package/packages/SubCard/index.jsx +28 -0
- package/packages/SubCard/index.less +64 -0
- package/packages/Tag/doc.jsx +47 -0
- package/packages/Tag/index.jsx +12 -0
- package/packages/Tag/index.less +22 -0
- package/packages/TaskCard/doc.jsx +151 -0
- package/packages/TaskCard/index.jsx +65 -0
- package/packages/TaskCard/index.less +101 -0
- package/packages/Toast/doc.jsx +112 -0
- package/packages/Toast/index.jsx +7 -0
- package/packages/Toast/index.less +23 -0
- package/packages/Toast/methods.jsx +77 -0
- package/packages/Toast/toast.jsx +96 -0
- package/packages/WakeKeyborard/doc.jsx +170 -0
- package/packages/WakeKeyborard/index.jsx +61 -0
- package/packages/WakeKeyborard/index.less +55 -0
- package/packages/WakeKeyborard/keyborard.jsx +61 -0
- package/packages/doc.jsx +19 -0
- package/packages/global.less +7 -0
- package/packages/index.jsx +60 -0
- package/packages/index.less +3 -0
- package/packages/pageflow-system-pages/alert/doc.jsx +70 -0
- package/packages/pageflow-system-pages/alert/index.jsx +22 -0
- package/packages/pageflow-system-pages/confirm/doc.jsx +118 -0
- package/packages/pageflow-system-pages/confirm/index.jsx +31 -0
- package/packages/pageflow-system-pages/debug/index.jsx +27 -0
- package/packages/pageflow-system-pages/debug/index.less +5 -0
- package/packages/pageflow-system-pages/index.jsx +38 -0
- package/packages/pageflow-system-pages/loading/index.jsx +37 -0
- package/packages/pageflow-system-pages/not-found/index.jsx +12 -0
- package/packages/pageflow-system-pages/not-found/index.less +26 -0
- package/packages/pageflow-system-pages/prompt/doc.jsx +95 -0
- package/packages/pageflow-system-pages/prompt/index.jsx +43 -0
- package/packages/pageflow-system-pages/prompt/index.less +44 -0
- package/packages/pageflow-system-pages/start/index.jsx +28 -0
- package/packages/pageflow-system-pages/start/index.less +12 -0
- package/packages/pageflow-system-pages/toast/doc.jsx +76 -0
- package/packages/pageflow-system-pages/toast/index.jsx +42 -0
- package/packages/utils/index.js +56 -0
- package/packages/variable.less +4 -0
- package/build/assets/index.b8d6d64c.css +0 -1
- package/build/assets/vendor.5080796b.js +0 -40
- package/es/index.cjs.js +0 -7
- package/es/index.es.js +0 -2194
- package/es/style.css +0 -1
package/README.md
CHANGED
|
@@ -1,24 +1,8 @@
|
|
|
1
|
-
#
|
|
1
|
+
# assets-name
|
|
2
2
|
|
|
3
|
-
##
|
|
3
|
+
## 使用说明
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
tnpm install @cniot/android-pda-components;
|
|
7
|
-
|
|
8
|
-
```
|
|
9
|
-
|
|
10
|
-
* 使用
|
|
11
|
-
```
|
|
12
|
-
import {PdaButton} from '@cniot/android-pda-components';
|
|
13
|
-
import '@cniot/android-pda-components/es/style.css';
|
|
14
|
-
|
|
15
|
-
<PdaButton />
|
|
16
|
-
|
|
17
|
-
```
|
|
18
|
-
## 在线文档
|
|
19
|
-
|
|
20
|
-
<https://page.cainiao.com/lemo/android-pda-components/index.html>
|
|
21
|
-
````
|
|
5
|
+
### 如何配置代码
|
|
22
6
|
|
|
23
7
|
#### 构建逻辑目录
|
|
24
8
|
> - 基本用法:在 package.json 配置 scripts.build,且生成产物放在 build目录
|
|
@@ -30,5 +14,4 @@ import '@cniot/android-pda-components/es/style.css';
|
|
|
30
14
|
|
|
31
15
|
```
|
|
32
16
|
|
|
33
|
-
> - package.json包含 name, version字段
|
|
34
|
-
|
|
17
|
+
> - package.json包含 name, version字段
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.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-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-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-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-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}.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}.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}.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}.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}.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}.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}.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}.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}.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}*{margin:0;padding:0}div{box-sizing:border-box}.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}.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%}.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}}.components-container{display:flex}.components-example{flex-direction:column;border-right:1px solid #d8d8d8;min-height:100vh;padding-right:10px}.components-example h1{margin-top:20px}.components-example h2{color:#00000073;font-size:14px;margin-top:20px;border-bottom:1px solid #d8d8d8;padding-bottom:5px}.components-example .components-item{color:#000000d9;font-size:16px;padding:10px 0;margin-left:20px;align-items:center;cursor:pointer}.components-example .components-item:hover,.components-example .components-item.active{color:#4f10fd73}.components-example .components-item>small{margin-left:1em}.show-case{display:flex;flex-direction:column;padding:50px;flex:1}.show-case h2{margin:20px 0}.show-case .code{white-space:pre;border:1px solid #e8e8e8;border-radius:4px;background-color:#f9f9f9;padding:5px 10px;display:block;margin:20px 0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.demo-box{display:block;margin:5px 0;padding:15px;border:1px solid #e9e9e9;border-radius:6px;flex-direction:column}.demo-box:not(:last-child){margin-bottom:20px}.version{font-size:12px;margin-left:10px}.dark-block{background-color:#000;padding:24px}.light-block{background-color:#ddd;padding:24px}.light-block.pda{width:50%}.light-block-overlay{position:relative;height:300px}.light-block-overlay .op-overlay{position:absolute;width:100%;height:100%}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var Fe=Object.defineProperty,Be=Object.defineProperties;var be=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var R=(n,t,l)=>t in n?Fe(n,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):n[t]=l,B=(n,t)=>{for(var l in t||(t={}))q.call(t,l)&&R(n,l,t[l]);if(w)for(var l of w(t))Y.call(t,l)&&R(n,l,t[l]);return n},I=(n,t)=>Be(n,be(t));var N=(n,t)=>{var l={};for(var u in n)q.call(n,u)&&t.indexOf(u)<0&&(l[u]=n[u]);if(n!=null&&w)for(var u of w(n))t.indexOf(u)<0&&Y.call(n,u)&&(l[u]=n[u]);return l};var T=(n,t,l)=>(R(n,typeof t!="symbol"?t+"":t,l),l);import{R as e,
|
|
1
|
+
var Fe=Object.defineProperty,Be=Object.defineProperties;var be=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var R=(n,t,l)=>t in n?Fe(n,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):n[t]=l,B=(n,t)=>{for(var l in t||(t={}))q.call(t,l)&&R(n,l,t[l]);if(w)for(var l of w(t))Y.call(t,l)&&R(n,l,t[l]);return n},I=(n,t)=>Be(n,be(t));var N=(n,t)=>{var l={};for(var u in n)q.call(n,u)&&t.indexOf(u)<0&&(l[u]=n[u]);if(n!=null&&w)for(var u of w(n))t.indexOf(u)<0&&Y.call(n,u)&&(l[u]=n[u]);return l};var T=(n,t,l)=>(R(n,typeof t!="symbol"?t+"":t,l),l);import{R as e,r as C,k as ge,c as h,a as $,u as fe,b as ke}from"./vendor.999402d8.js";const ye=function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const a of document.querySelectorAll('link[rel="modulepreload"]'))u(a);new MutationObserver(a=>{for(const r of a)if(r.type==="childList")for(const c of r.addedNodes)c.tagName==="LINK"&&c.rel==="modulepreload"&&u(c)}).observe(document,{childList:!0,subtree:!0});function l(a){const r={};return a.integrity&&(r.integrity=a.integrity),a.referrerpolicy&&(r.referrerPolicy=a.referrerpolicy),a.crossorigin==="use-credentials"?r.credentials="include":a.crossorigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function u(a){if(a.ep)return;a.ep=!0;const r=l(a);fetch(a.href,r)}};ye();function Ae(){return e.createElement("div",null,e.createElement("h1",null,"\u5FEB\u901F\u5F00\u59CB"),e.createElement("code",{className:"code"},`
|
|
2
2
|
|
|
3
3
|
tnpm install @cniot/android-pda-components --save
|
|
4
4
|
|
|
@@ -6,13 +6,13 @@ import { Button } from '@cniot/android-pda-components';
|
|
|
6
6
|
|
|
7
7
|
import '@cniot/android-pda-components/es/style.css';
|
|
8
8
|
|
|
9
|
-
`))}function E(n){const{type:t="default",onClick:l,className:u="",tabIndex:a=1,dataClick:r=""}=n;let c={};return r&&(c["data-click"]=r),e.createElement("button",B({className:`pda-button pda-button-${t} ${u}`,onClick:l,tabIndex:a},c),n.children)}function ve(n){return e.createElement("div",{className:"button-group"},n.children)}E.Group=ve;function De(n){return{center:"op-overlay center",top:"op-overlay top",bottom:"op-overlay bottom"}[n]||"op-overlay"}function k(n){const{verticalPosition:t="center",visible:l=!0,closable:u=!1,onClosed:a=()=>{}}=n,[r,c]=C.exports.useState(!l);C.exports.useEffect(()=>{c(!l)},[l]);const o={};return u&&(o.onClick=i=>{c(!0),a()}),C.exports.useEffect(()=>{c(!l)},[l]),r?null:e.createElement("div",B({className:De(t)},o),n.children)}const z=["fn"],Ne=()=>{};function O(n){const{onBack:t,icon:l,title:u,menus:a=[],onClickMenuItem:r=Ne,onScanBarcode:c,cancelMenuText:o,
|
|
9
|
+
`))}function E(n){const{type:t="default",onClick:l,className:u="",tabIndex:a=1,dataClick:r=""}=n;let c={};return r&&(c["data-click"]=r),e.createElement("button",B({className:`pda-button pda-button-${t} ${u}`,onClick:l,tabIndex:a},c),n.children)}function ve(n){return e.createElement("div",{className:"button-group"},n.children)}E.Group=ve;function De(n){return{center:"op-overlay center",top:"op-overlay top",bottom:"op-overlay bottom"}[n]||"op-overlay"}function k(n){const{verticalPosition:t="center",visible:l=!0,closable:u=!1,onClosed:a=()=>{}}=n,[r,c]=C.exports.useState(!l);C.exports.useEffect(()=>{c(!l)},[l]);const o={};return u&&(o.onClick=i=>{c(!0),a()}),C.exports.useEffect(()=>{c(!l)},[l]),r?null:e.createElement("div",B({className:De(t)},o),n.children)}const z=["fn"],Ne=()=>{};function O(n){const{onBack:t,icon:l,title:u,menus:a=[],onClickMenuItem:r=Ne,onScanBarcode:c,cancelMenuText:o,configIconClick:i=null,menuShortcutKey:s,backShortcutKey:m}=n,[F,d]=e.useState(!1);return e.useEffect(function(){if(s)return Z(Q(s),function(){d(!0)})},[s]),e.useEffect(function(){if(m&&t)return Z(Q(m),function(){t("back")})},[m,t]),e.useEffect(()=>xe(function(){t&&t("back")}),[]),e.useEffect(()=>Se(document,"BarcodeScan",function(p){c&&c(p.param.scanData)}),[c]),e.createElement("div",{className:"pda-header"},e.createElement("div",{className:"header-click-area"},t?e.createElement("div",{className:"pda-goback",onClick:()=>t("back")}):null,l&&e.createElement("div",{className:`pda-header-icon pda-header-icon-${l}`})),e.createElement("div",{className:"pda-title-text"},u),a&&a.length?e.createElement("div",{className:"pda-header-icon pda-header-more",onClick:()=>d(!0)}):null,i?e.createElement("div",{className:"pda-header-icon pda-header-config",onClick:i}):null,e.createElement(k,{visible:F,verticalPosition:"bottom",closable:!1,onClosed:()=>d(!1)},e.createElement("div",{className:"pda-menus"},a.map((p,b)=>e.createElement(E,{onClick:()=>{d(!1),r(p)},key:p.key||b},p.label)),o?e.createElement("div",{style:{marginTop:20}},e.createElement(E,{onClick:()=>d(!1)},o)):null)))}function Q(n){return(n.indexOf(",")>-1?n.split(","):[n]).map(l=>{if(z.indexOf(l.toLowerCase())>-1)return l.toLowerCase();const u=ge(l);return u===void 0&&console.warn("OPButton.shortcutKey error key value by:",l),u}).filter(l=>l!==void 0)}function Z(n,t){function l(u){const a=u.key.toLowerCase(),r=z.indexOf(a)>-1?a:u.keyCode;n.indexOf(r)>-1&&t&&t(u)}return document.addEventListener("keyup",l),function(){document.removeEventListener("keyup",l)}}function xe(n){function t(l){l.param.originValue=="back"&&n&&n()}return document.addEventListener("keyPressed",t,!1),function(){document.removeEventListener("keyPressed",t)}}function Se(n,t,l){return n.addEventListener(t,l,!1),function(){n.removeEventListener(t,l)}}function we(){return e.createElement("div",null,e.createElement("h1",null,"Header"),e.createElement("p",null,"\u5934\u90E8\u6307\u5F15\uFF0C \u5728 iData PDA \u4E2D fn \u7684\u952E\u503C\u4E3A 0\uFF0C\u5DF2\u505A\u7279\u6B8A\u5904\u7406\uFF0C\u53EF\u4EE5\u76F4\u63A5\u5199fn\u3002"),e.createElement("br",null),e.createElement("div",null,"\u6CE8\u610F\uFF1A\u901A\u8FC7\u4EE5\u4E0B\u4EE3\u7801\u7981\u7528\u5B9E\u4F53 back \u952E\u7684\u9ED8\u8BA4\u52A8\u4F5C\u540E\uFF0CHeader \u7EC4\u4EF6\u7684 onBack \u53EF\u4EE5\u54CD\u5E94\u5B9E\u4F53back\u952E",e.createElement("code",{className:"code"},`
|
|
10
10
|
WindVane.call('WindvanePlugin', 'invoke', "{'domain': 'keyboard', 'method': 'disableBackKey', 'params': {}}", function(e) {
|
|
11
11
|
console.log('disable back key succeed');
|
|
12
12
|
}, function(e) {
|
|
13
13
|
console.log('disable back key failed');
|
|
14
14
|
});
|
|
15
|
-
`)),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"dark-block"},e.createElement(O,{title:"hello world",onBack:console.log,backShortcutKey:"a"}),e.createElement(O,{icon:"read",title:"hello world"}),e.createElement(O,{icon:"select",title:"hello world",menus:[{label:"menus1"},{label:"menus2"},{label:"menus3"}],onClickMenuItem:console.log,cancelMenuText:"\u53D6\u6D88",menuShortcutKey:"f1,f2,fn"})),e.createElement("code",{className:"code"},`
|
|
15
|
+
`)),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"dark-block"},e.createElement(O,{title:"hello world",onBack:console.log,backShortcutKey:"a"}),e.createElement(O,{icon:"read",title:"hello world",configIconClick:n=>{console.log("config icon click")}}),e.createElement(O,{icon:"select",title:"hello world",menus:[{label:"menus1"},{label:"menus2"},{label:"menus3"}],onClickMenuItem:console.log,cancelMenuText:"\u53D6\u6D88",menuShortcutKey:"f1,f2,fn",configIconClick:n=>{console.log("config icon click")}})),e.createElement("code",{className:"code"},`
|
|
16
16
|
// backShortcutKey \u7ED1\u5B9A\u4E86 a \u952E\u5FEB\u6377\u89E6\u53D1 onBack
|
|
17
17
|
<Header
|
|
18
18
|
title='hello world'
|
|
@@ -41,7 +41,7 @@ WindVane.call('WindvanePlugin', 'invoke', "{'domain': 'keyboard', 'method': 'dis
|
|
|
41
41
|
cancelMenuText="\u53D6\u6D88"
|
|
42
42
|
menuShortcutKey="f1,f2,fn"
|
|
43
43
|
></Header>
|
|
44
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"onBack"),e.createElement("td",null,"\u8FD4\u56DE\u6309\u94AE\u70B9\u51FB"),e.createElement("td",null,'Function("back")'),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClickMenuItem"),e.createElement("td",null,"menu item \u70B9\u51FB"),e.createElement("td",null,"function(item)"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"icon"),e.createElement("td",null,"title \u56FE\u6807"),e.createElement("td",null,"string: scan | select | read"),e.createElement("td",null,"scan")),e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onScanBarcode"),e.createElement("td",null,"(barcode)=> "),e.createElement("td",null,"Function"),e.createElement("td",null,"-")),e.createElement("tr",null,e.createElement("td",null,"menus"),e.createElement("td",null,"\u5F39\u51FA\u83DC\u5355\u5217\u8868\uFF0Cmenus item \u7684\u6240\u6709\u53C2\u6570\u4F1A\u76F4\u63A5\u7ED9 Button"),e.createElement("td",null,"Array-Object"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"cancelMenuText"),e.createElement("td",null,"\u53D6\u6D88\u5F39\u51FA\u83DC\u5355\u7684\u6309\u94AE\u6587\u6848\uFF0C\u6CA1\u6709\u7684\u8BDD\u4E0D\u663E\u793A\u53D6\u6D88\u5F39\u51FA\u83DC\u5355"),e.createElement("td",null,"String"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"menuShortcutKey"),e.createElement("td",null,"\u81EA\u5DF1\u5B9A\u4E49\u7ED1\u5B9A menu \u83DC\u5355\u7684\u5FEB\u6377\u952E\u5F39\u51FA\uFF0C\u6BD4\u5982 `f1`, `f1,f2` (\u652F\u6301,\u53F7\u5206\u5272\u7ED1\u5B9A\u591A\u4E2A\u952E)"),e.createElement("td",null,"String"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"backShortcutKey"),e.createElement("td",null,"\u8FD4\u56DE\uFF0C\u7ED1\u5B9A\u5FEB\u6377\u952E, \u5FC5\u987B\u58F0\u660E\u8FC7 onBack \u53C2\u6570\u624D\u6709\u6548"),e.createElement("td",null,"String"),e.createElement("td",null)))))}function Ie(){return e.createElement("div",null,e.createElement("h1",null,"Button"),e.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(E,{dataClick:"arms track"},"\u6309\u94AE"),e.createElement(E,{type:"primary",onClick:n=>console.log(n),dataClick:""},"\u786E\u8BA4"),e.createElement(E,{type:"dark"},"\u6DF1\u8272"),e.createElement(E.Group,null,e.createElement(E,{type:"cutout"},"\u9542\u7A7A"),e.createElement(E,null,"\u6309\u94AE"))),e.createElement("code",{className:"code"},`
|
|
44
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"onBack"),e.createElement("td",null,"\u8FD4\u56DE\u6309\u94AE\u70B9\u51FB"),e.createElement("td",null,'Function("back")'),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClickMenuItem"),e.createElement("td",null,"menu item \u70B9\u51FB"),e.createElement("td",null,"function(item)"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"icon"),e.createElement("td",null,"title \u56FE\u6807"),e.createElement("td",null,"string: scan | select | read"),e.createElement("td",null,"scan")),e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onScanBarcode"),e.createElement("td",null,"(barcode)=> "),e.createElement("td",null,"Function"),e.createElement("td",null,"-")),e.createElement("tr",null,e.createElement("td",null,"menus"),e.createElement("td",null,"\u5F39\u51FA\u83DC\u5355\u5217\u8868\uFF0Cmenus item \u7684\u6240\u6709\u53C2\u6570\u4F1A\u76F4\u63A5\u7ED9 Button"),e.createElement("td",null,"Array-Object"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"cancelMenuText"),e.createElement("td",null,"\u53D6\u6D88\u5F39\u51FA\u83DC\u5355\u7684\u6309\u94AE\u6587\u6848\uFF0C\u6CA1\u6709\u7684\u8BDD\u4E0D\u663E\u793A\u53D6\u6D88\u5F39\u51FA\u83DC\u5355"),e.createElement("td",null,"String"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"menuShortcutKey"),e.createElement("td",null,"\u81EA\u5DF1\u5B9A\u4E49\u7ED1\u5B9A menu \u83DC\u5355\u7684\u5FEB\u6377\u952E\u5F39\u51FA\uFF0C\u6BD4\u5982 `f1`, `f1,f2` (\u652F\u6301,\u53F7\u5206\u5272\u7ED1\u5B9A\u591A\u4E2A\u952E)"),e.createElement("td",null,"String"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"backShortcutKey"),e.createElement("td",null,"\u8FD4\u56DE\uFF0C\u7ED1\u5B9A\u5FEB\u6377\u952E, \u5FC5\u987B\u58F0\u660E\u8FC7 onBack \u53C2\u6570\u624D\u6709\u6548"),e.createElement("td",null,"String"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"configIconClick"),e.createElement("td",null,"\u589E\u52A0 Config \u6309\u94AE"),e.createElement("td",null,"function"),e.createElement("td",null)))))}function Ie(){return e.createElement("div",null,e.createElement("h1",null,"Button"),e.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(E,{dataClick:"arms track"},"\u6309\u94AE"),e.createElement(E,{type:"primary",onClick:n=>console.log(n),dataClick:""},"\u786E\u8BA4"),e.createElement(E,{type:"dark"},"\u6DF1\u8272"),e.createElement(E.Group,null,e.createElement(E,{type:"cutout"},"\u9542\u7A7A"),e.createElement(E,null,"\u6309\u94AE"))),e.createElement("code",{className:"code"},`
|
|
45
45
|
<Button dataClick='arms track'>\u6309\u94AE</Button>
|
|
46
46
|
<Button type='primary' onClick={e => console.log(e) }>\u786E\u8BA4</Button>
|
|
47
47
|
<Button type='dark'>\u6DF1\u8272</Button>
|
|
@@ -49,7 +49,7 @@ WindVane.call('WindvanePlugin', 'invoke', "{'domain': 'keyboard', 'method': 'dis
|
|
|
49
49
|
<Button type="cutout">\u9542\u7A7A</Button>
|
|
50
50
|
<Button>\u6309\u94AE</Button>
|
|
51
51
|
</Button.Group>
|
|
52
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"string: primary | dark | cutout"),e.createElement("td",null,"default")),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"function"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"dataClick"),e.createElement("td",null,"arms \u76D1\u63A7\u4F7F\u7528"),e.createElement("td",null,"string"),e.createElement("td",null)))))}class y extends e.Component{constructor(t){super(t)}render(){const{className:t="",title:l,highlightInfo:u,subTitle:a,subHighlightInfo:r,subHighlightSubInfo:c,infoImage:o,tagText:i,highlightInfoCN:s,highlightSubInfo:m,percentage:
|
|
52
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"string: primary | dark | cutout"),e.createElement("td",null,"default")),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"function"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"dataClick"),e.createElement("td",null,"arms \u76D1\u63A7\u4F7F\u7528"),e.createElement("td",null,"string"),e.createElement("td",null)))))}class y extends e.Component{constructor(t){super(t)}render(){const{className:t="",title:l,highlightInfo:u,subTitle:a,subHighlightInfo:r,subHighlightSubInfo:c,infoImage:o,tagText:i,highlightInfoCN:s,highlightSubInfo:m,percentage:F,highlightSubInfoCN:d,boldInfo:p,infoList:b=[],style:D={},theme:pe="light"}=this.props;return e.createElement("div",{className:h({[t]:!0,"pda-info-card":!0,"pda-info-card-dark":pe==="dark"}),style:D},e.createElement("div",{className:"pda-info-card-title-section"},e.createElement("div",{className:"pda-info-card-title"},l),i?e.createElement("div",{className:"pda-info-card-tag"},e.createElement("div",{className:"pda-info-card-tag-text"},i)):null),e.createElement("div",{className:"pda-info-card-highlight-section"},e.createElement("div",null,e.createElement("div",{className:"pda-info-card-highlight"},e.createElement("span",{className:"pda-info-card-highlight1"},u),e.createElement("span",{className:"pda-info-card-highlight1CN"},s),e.createElement("span",{className:"pda-info-card-highlight2"},m),e.createElement("span",{className:"pda-info-card-highlight2CN"},d)),a?e.createElement("div",{className:"pda-info-card-title"},a):null,r?e.createElement("div",{className:"pda-info-card-highlight"},e.createElement("span",{className:"pda-info-card-highlight1"},r),e.createElement("span",{className:"pda-info-card-highlight2"},c)):null),o?e.createElement("img",{src:o,width:150,height:150}):null),F!==void 0?e.createElement("div",{className:"pda-info-card-progress"},e.createElement("div",{className:"pda-info-card-progress-inside",style:{width:`${F*100}%`}})):null,e.createElement("div",{className:"pda-info-card-bold"},p),b.map((J,Ce)=>e.createElement("div",{key:Ce,className:"pda-info-card-list"},e.createElement("span",null,J.label||""),"\xA0\xA0",e.createElement("span",null,J.content||""))))}}y.IMAGE_1="https://img.alicdn.com/imgextra/i2/O1CN01qYuxip1ME9zhdL9XG_!!6000000001402-2-tps-150-150.png";function Te(){return e.createElement("div",null,e.createElement("h1",null,"InfoCard"),e.createElement("p",null,"InfoCard"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{width:480,display:"block"}},e.createElement(y,{title:"\u5F85\u62E3\u4EF6\u6570",highlightInfo:"800",highlightInfoCN:"\u4EF6",highlightSubInfo:"/800",highlightSubInfoCN:"\u4EF6",percentage:.64,boldInfo:"\u52A0\u7C97\u663E\u793A\uFF1A512/\u4E94\u5382\u7EFC\u5305\u4E00\u697C,\u8FD9\u662F\u52A0\u7C97\u663E\u793A\u7684\u8D27\u54C1\u540D\u79F0\u53EF\u80FD\u6709\u591A\u884C",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}),e.createElement(y,{title:"\u5F85\u62E3\u4EF6\u6570",highlightInfo:"800",highlightInfoCN:"\u4EF6",highlightSubInfo:"/800",highlightSubInfoCN:"\u4EF6",percentage:.64,boldInfo:"\u52A0\u7C97\u663E\u793A\uFF1A512/\u4E94\u5382\u7EFC\u5305\u4E00\u697C,\u8FD9\u662F\u52A0\u7C97\u663E\u793A\u7684\u8D27\u54C1\u540D\u79F0\u53EF\u80FD\u6709\u591A\u884C",theme:"dark",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]})),e.createElement("code",{className:"code"},`
|
|
53
53
|
<InfoCard
|
|
54
54
|
title="\u5F85\u62E3\u4EF6\u6570"
|
|
55
55
|
highlightInfo="800"
|
|
@@ -99,7 +99,7 @@ infoImage={InfoCard.IMAGE_1}
|
|
|
99
99
|
subHighlightInfo="40"
|
|
100
100
|
subHighlightSubInfo="/50"
|
|
101
101
|
infoImage={InfoCard.IMAGE_1}
|
|
102
|
-
/>`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightInfo"),e.createElement("td",null,"\u9AD8\u4EAE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightInfoCN"),e.createElement("td",null,"\u9AD8\u4EAE\u6587\u672C(\u4E2D\u6587)"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightSubInfo"),e.createElement("td",null,"\u9AD8\u4EAE\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightSubInfoCN"),e.createElement("td",null,"\u9AD8\u4EAE\u526F\u6587\u672C(\u4E2D\u6587)"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subTitle"),e.createElement("td",null,"\u526F\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subHighlightInfo"),e.createElement("td",null,"\u526F\u9AD8\u4EAE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subHighlightSubInfo"),e.createElement("td",null,"\u526F\u9AD8\u4EAE\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"boldInfo"),e.createElement("td",null,"\u52A0\u7C97\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"theme"),e.createElement("td",null,"\u4E3B\u9898"),e.createElement("td",null,"string: light | dark"),e.createElement("td",null,"light")),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u66F4\u591A\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"percentage"),e.createElement("td",null,"\u8FDB\u5EA6\u6761\u767E\u5206\u6BD4\uFF0C\u4F20\u503C\u65F6\u663E\u793A\u8FDB\u5EA6\u6761"),e.createElement("td",null,"number"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"tagText"),e.createElement("td",null," \u53F3\u4E0A\u89D2 tag \u6587\u672C\uFF0C\u4F20\u503C\u65F6\u663E\u793A tag"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"infoImage"),e.createElement("td",null,"\u5DE6\u4FA7\u56FE\u7247\u5730\u5740"),e.createElement("td",null,"string"),e.createElement("td",null,"\u53EF\u4EE5\u4F7F\u7528 InfoCard.IMAGE_1 1\u5F20\u5185\u7F6E\u56FE\u7247")))))}class Le extends e.Component{constructor(t){super(t)}render(){const{className:t,title:l,isActive:u,infoList:a=[],style:r={},index:c,isLast:o}=this.props;return e.createElement("div",{className:
|
|
102
|
+
/>`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightInfo"),e.createElement("td",null,"\u9AD8\u4EAE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightInfoCN"),e.createElement("td",null,"\u9AD8\u4EAE\u6587\u672C(\u4E2D\u6587)"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightSubInfo"),e.createElement("td",null,"\u9AD8\u4EAE\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightSubInfoCN"),e.createElement("td",null,"\u9AD8\u4EAE\u526F\u6587\u672C(\u4E2D\u6587)"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subTitle"),e.createElement("td",null,"\u526F\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subHighlightInfo"),e.createElement("td",null,"\u526F\u9AD8\u4EAE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subHighlightSubInfo"),e.createElement("td",null,"\u526F\u9AD8\u4EAE\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"boldInfo"),e.createElement("td",null,"\u52A0\u7C97\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"theme"),e.createElement("td",null,"\u4E3B\u9898"),e.createElement("td",null,"string: light | dark"),e.createElement("td",null,"light")),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u66F4\u591A\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"percentage"),e.createElement("td",null,"\u8FDB\u5EA6\u6761\u767E\u5206\u6BD4\uFF0C\u4F20\u503C\u65F6\u663E\u793A\u8FDB\u5EA6\u6761"),e.createElement("td",null,"number"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"tagText"),e.createElement("td",null," \u53F3\u4E0A\u89D2 tag \u6587\u672C\uFF0C\u4F20\u503C\u65F6\u663E\u793A tag"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"infoImage"),e.createElement("td",null,"\u5DE6\u4FA7\u56FE\u7247\u5730\u5740"),e.createElement("td",null,"string"),e.createElement("td",null,"\u53EF\u4EE5\u4F7F\u7528 InfoCard.IMAGE_1 1\u5F20\u5185\u7F6E\u56FE\u7247")))))}class Le extends e.Component{constructor(t){super(t)}render(){const{className:t,title:l,isActive:u,infoList:a=[],style:r={},index:c,isLast:o}=this.props;return e.createElement("div",{className:h({[t]:!0,"pda-step-card":!0}),style:r},e.createElement("div",{className:"pda-step-indictor"},e.createElement("div",{className:h({"pda-step-indictor-top":!0,"pda-step-indictor-top-hidden":c===0})}),e.createElement("div",{className:h({"pda-step-indictor-center":!0,"pda-step-indictor-center-active":u})}),e.createElement("div",{className:h({"pda-step-indictor-bottom":!0,"pda-step-indictor-bottom-hidden":o})})),e.createElement("div",{className:h({"pda-step":!0,"pda-step-dark":!u})},e.createElement("div",{className:"pda-step-title"},l),a.map((i,s)=>e.createElement("div",{key:s,className:"pda-step-list"},e.createElement("span",null,i.label||""),"\xA0\xA0",e.createElement("span",null,i.content||"")))))}}class L extends e.Component{constructor(t){super(t)}render(){const{className:t,style:l={},theme:u="light",current:a=0,children:r}=this.props;return e.createElement("div",{className:h({[t]:!0}),style:l},(r||[]).map((c,o)=>{const i=B({index:o,isLast:o===(r||[]).length-1},c.props);return o===a?i.isActive=!0:i.isActive=!1,C.exports.cloneElement(c,i)}))}}T(L,"Step",Le);const{Step:x}=L;function _e(){return e.createElement("div",null,e.createElement("h1",null,"Steps"),e.createElement("p",null,"\u6B65\u9AA4\u6761\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},e.createElement(L,{current:0,style:{marginRight:"32px"}},e.createElement(x,{title:"\u626B\u63CF\u4E2D",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}),e.createElement(x,{title:"\u5DF2\u751F\u4EA7",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]})),e.createElement(L,{current:1},e.createElement(x,{title:"\u626B\u63CF\u4E2D",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}),e.createElement(x,{title:"\u5DF2\u751F\u4EA7",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}),e.createElement(x,{title:"\u5F85\u626B\u63CF",infoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"}]}))),e.createElement("code",{className:"code"},`
|
|
103
103
|
<Steps current={0} style={{
|
|
104
104
|
marginRight: '32px',
|
|
105
105
|
}}>
|
|
@@ -120,7 +120,7 @@ infoImage={InfoCard.IMAGE_1}
|
|
|
120
120
|
]
|
|
121
121
|
} />
|
|
122
122
|
</Steps>
|
|
123
|
-
`),e.createElement("h2",null,"Steps \u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"current"),e.createElement("td",null,"\u5F53\u524D\u8282\u70B9"),e.createElement("td",null,"number"),e.createElement("td",null,"0")))),e.createElement("h2",null,"Steps.Step \u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u66F4\u591A\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)))))}class Me extends e.Component{constructor(t){super(t)}render(){const{className:t,header:l,onClick:u=()=>{},onHeightLightClick:a=()=>{},onIconClick:r=()=>{},highlightText:c,highlightSubText:o,stateTextList:i=[],stateList:s=[],subInfoList:m=[],style:
|
|
123
|
+
`),e.createElement("h2",null,"Steps \u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"current"),e.createElement("td",null,"\u5F53\u524D\u8282\u70B9"),e.createElement("td",null,"number"),e.createElement("td",null,"0")))),e.createElement("h2",null,"Steps.Step \u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u66F4\u591A\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)))))}class Me extends e.Component{constructor(t){super(t)}render(){const{className:t,header:l,onClick:u=()=>{},onHeightLightClick:a=()=>{},onIconClick:r=()=>{},highlightText:c,highlightSubText:o,stateTextList:i=[],stateList:s=[],subInfoList:m=[],style:F={},icon:d}=this.props;return e.createElement("div",{className:h({[t]:!0,"pda-list-item":!0}),style:F,onClick:u},l?e.createElement("div",{className:"pda-listitem-header"},l):null,e.createElement("div",{onClick:a,className:h({"pda-listitem-highlight":!0})},e.createElement("div",null,c),e.createElement("div",null,o)),e.createElement("div",{className:"pda-listitem-state-text"},i.map((p,b)=>e.createElement("span",{key:b},p.label||"","\uFF5C"))),e.createElement("div",{className:"pda-listitem-state-block"},s.map((p,b)=>{const D=p&&p.type?p.type:"default";return e.createElement("div",{key:b,className:D},p.label||"")})),d?e.createElement("div",{onClick:r,className:"pda-listitem-icon"},e.createElement("div",{className:h({"listitem-icon-container":!0,["listitem-icon-"+d]:!0})})):null,m.map((p,b)=>e.createElement("div",{key:b,className:"pda-listitem-subinfo"},e.createElement("span",null,p.label||""),"\xA0\xA0",e.createElement("span",null,p.content||""))))}}function We(){return e.createElement("div",null,e.createElement("h1",null,"ListItem"),e.createElement("p",null,"\u626B\u7801\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},e.createElement(Me,{onClick:n=>{console.log(123)},highlightText:"c5058f90218443bf857bc1e6c0b72aef",highlightSubText:"30%",icon:"next",stateTextList:[{label:"\u72B6\u60011"},{label:"\u72B6\u60012"},{label:"\u72B6\u60012"}],stateList:[{label:"success",type:"success"},{label:"default"},{label:"warning",type:"warning"},{label:"error",type:"error"}],subInfoList:[{label:"\u5546\u54C1\u6761\u7801",content:"623126388798"},{label:"\u622A\u6B62\u65E5\u671F",content:"2022-07-25"},{label:"\u4EA7\u54C1\u540D\u79F0",content:"\u5546\u54C1\u7684\u540D\u79F0"},{label:"\u54C1\u53F7",content:"12398765423"},{label:"\u4ED3\u5E93",content:"12398000032432432423400000765423"}],onHeightLightClick:()=>{console.log("heightlight click!")},onIconClick:()=>{console.log("icon click!")},style:{width:"432px",marginRight:"32px",backgroundColor:"black"}})),e.createElement("code",{className:"code"},`
|
|
124
124
|
<ListItem
|
|
125
125
|
header="\u4EFB\u52A1\u5355"
|
|
126
126
|
highlightText="XXXX-XX-XXX"
|
|
@@ -153,7 +153,7 @@ infoImage={InfoCard.IMAGE_1}
|
|
|
153
153
|
]
|
|
154
154
|
}
|
|
155
155
|
/>
|
|
156
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"header"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"icon"),e.createElement("td",null,"\u53F3\u4E0A\u65B9icon"),e.createElement("td",null,"string: next"),e.createElement("td",null,"\u6682\u65F6\u53EA\u652F\u6301 next")),e.createElement("tr",null,e.createElement("td",null,"onHeightLightClick"),e.createElement("td",null,"HeightLight\u6587\u672C\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"()=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onIconClick"),e.createElement("td",null,"\u53F3\u4E0A\u65B9icon\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"()=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightText"),e.createElement("td",null,"\u9AD8\u4EAE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightSubText"),e.createElement("td",null,"\u9AD8\u4EAE\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"stateTextList"),e.createElement("td",null,"\u72B6\u6001\u5217\u8868"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subInfoList"),e.createElement("td",null,"\u66F4\u591A\u5546\u54C1\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)))))}function Pe(){}function S(n){const{title:t="title",message:l=null,subMessage:u=[],okText:a="okText",cancelText:r=null,okDataClick:c=null,cancelDataClick:o=null,onClick:i=Pe,type:s="primary",insertButtons:m=[],appendButtons:
|
|
156
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"header"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"icon"),e.createElement("td",null,"\u53F3\u4E0A\u65B9icon"),e.createElement("td",null,"string: next"),e.createElement("td",null,"\u6682\u65F6\u53EA\u652F\u6301 next")),e.createElement("tr",null,e.createElement("td",null,"onHeightLightClick"),e.createElement("td",null,"HeightLight\u6587\u672C\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"()=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onIconClick"),e.createElement("td",null,"\u53F3\u4E0A\u65B9icon\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"()=>"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightText"),e.createElement("td",null,"\u9AD8\u4EAE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"highlightSubText"),e.createElement("td",null,"\u9AD8\u4EAE\u526F\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"stateTextList"),e.createElement("td",null,"\u72B6\u6001\u5217\u8868"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"subInfoList"),e.createElement("td",null,"\u66F4\u591A\u5546\u54C1\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)))))}function Pe(){}function S(n){const{title:t="title",message:l=null,subMessage:u=[],okText:a="okText",cancelText:r=null,okDataClick:c=null,cancelDataClick:o=null,onClick:i=Pe,type:s="primary",insertButtons:m=[],appendButtons:F=[]}=n;return e.createElement("div",{className:h({"confirm-wrap":!0,["confirm-"+s]:!0})},e.createElement("div",{className:"confirm-content"},e.createElement("div",{className:"confirm-title"},t),l?e.createElement("div",{className:"confirm-message"},l):null,u.length?e.createElement("div",{className:"confirm-sub-message"},u.map((d,p)=>{const{label:b,content:D}=d;return e.createElement("div",{className:"confirm-sub-block",key:b||p},e.createElement("p",{className:"confirm-sub-label"},b?b+" : ":""),e.createElement("p",{className:"confirm-sub-content"},D||""))})):null),e.createElement("div",{className:"confirm-btns"},m.length>0?e.createElement(E.Group,null,m.map((d,p)=>e.createElement(E,{key:p,onClick:()=>i(d.value),dataClick:d.dataClick},d.label))):null,e.createElement(E.Group,null,r?e.createElement(E,{className:"confirm-cancel-button",onClick:()=>i(!1),dataClick:o},r):null,e.createElement(E,{type:"primary",onClick:()=>i(!0),dataClick:c},a)),F.length>0?e.createElement(E.Group,null,F.map((d,p)=>e.createElement(E,{key:p,onClick:()=>i(d.value),dataClick:d.dataClick},d.label))):null))}function Re(){return e.createElement("div",null,e.createElement("h1",null,"Confirm"),e.createElement("p",null,"\u786E\u8BA4\u7EC4\u4EF6, \u5982\u679C\u8981\u60AC\u6D6E\u5728\u9875\u9762\u4E0A\uFF0C\u8BF7\u914D\u5408 Overlay \u4F7F\u7528"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(S,{title:"111111",message:"22222",okText:"\u786E\u8BA4",cancelText:"\u53D6\u6D88",okDataClick:"clickOk",subMessage:[{label:"\u7BB1\u7801",content:"abcdefghijklmnopqrstuvwxyz"}],onClick:n=>{console.log("isConfirm",n)}}),e.createElement("br",null),e.createElement(S,{title:"111111",message:"22222",okText:"\u786E\u8BA4",cancelText:"\u53D6\u6D88",type:"warning",subMessage:[{label:"\u7BB1\u7801",content:"abcdefghijklmnopqrstuvwxyz"}],onClick:n=>{console.log("isConfirm",n)},insertButtons:[{label:"\u67E5\u770B\u8BE6\u60C5111",value:"hello",dataClick:"\u67E5\u770B\u8BE6\u60C51234"}],appendButtons:[{label:"\u67E5\u770B\u8BE6\u60C5",value:{name:"id111"}}]})),e.createElement("code",{className:"code"},`
|
|
157
157
|
<Confirm
|
|
158
158
|
// type="warning"
|
|
159
159
|
title="111111"
|
|
@@ -214,14 +214,14 @@ infoImage={InfoCard.IMAGE_1}
|
|
|
214
214
|
></Toast>
|
|
215
215
|
</Overlay>
|
|
216
216
|
|
|
217
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"verticalPosition"),e.createElement("td",null,"\u5782\u76F4\u65B9\u5411\u4F4D\u7F6E"),e.createElement("td",null,"string"),e.createElement("td",null,"top|center|bottom")),e.createElement("tr",null,e.createElement("td",null,"closable"),e.createElement("td",null,"\u70B9\u51FB\u7A7A\u767D\u5173\u95ED"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"visible"),e.createElement("td",null,"\u53EF\u89C1"),e.createElement("td",null,"boolean"),e.createElement("td",null,"true")))))}function K(n){const{className:t=void 0,label:l="label",type:u="success"}=n;return e.createElement("div",{className:
|
|
217
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"verticalPosition"),e.createElement("td",null,"\u5782\u76F4\u65B9\u5411\u4F4D\u7F6E"),e.createElement("td",null,"string"),e.createElement("td",null,"top|center|bottom")),e.createElement("tr",null,e.createElement("td",null,"closable"),e.createElement("td",null,"\u70B9\u51FB\u7A7A\u767D\u5173\u95ED"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"visible"),e.createElement("td",null,"\u53EF\u89C1"),e.createElement("td",null,"boolean"),e.createElement("td",null,"true")))))}function K(n){const{className:t=void 0,label:l="label",type:u="success"}=n;return e.createElement("div",{className:h({[t]:!0,"pda-tag":!0,["pda-tag-"+u]:!0})},l)}function Je(){return e.createElement("div",null,e.createElement("h1",null,"Tag"),e.createElement("p",null,"\u6807\u7B7E"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(K,null),e.createElement(K,{label:"warning",type:"warning"})),e.createElement("code",{className:"code"},`
|
|
218
218
|
<Tag />
|
|
219
219
|
<Tag label='warning' type='warning'/>
|
|
220
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"label"),e.createElement("td",null,"label"),e.createElement("td",null,"string"),e.createElement("td",null,"label")),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"success | warning | error"),e.createElement("td",null,"success")))))}function _(n){const{className:t=void 0,title:l="",content:u="",type:a="default",onClick:r=()=>{}}=n;return l||u?e.createElement("div",{className:
|
|
220
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"label"),e.createElement("td",null,"label"),e.createElement("td",null,"string"),e.createElement("td",null,"label")),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"success | warning | error"),e.createElement("td",null,"success")))))}function _(n){const{className:t=void 0,title:l="",content:u="",type:a="default",onClick:r=()=>{}}=n;return l||u?e.createElement("div",{className:h({[t]:!0,"simple-card":!0,["simple-card-"+a]:!0}),onClick:r},e.createElement("p",{className:"simple-card-title"},l),e.createElement("p",{className:"simple-card-content"},u)):null}function qe(){return e.createElement("div",null,e.createElement("h1",null,"SimpleCard"),e.createElement("p",null,"\u7B80\u5355 Card"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(_,null),e.createElement(_,{title:"\u6807\u9898",content:"\u5185\u5BB9",type:"error",onClick:n=>{console.log(n)}}),e.createElement(_,{title:"500",content:"\u88C5\u8F66\u5B8C\u6210",onClick:n=>{console.log(n)}})),e.createElement("code",{className:"code"},`
|
|
221
221
|
<SimpleCard />
|
|
222
222
|
<SimpleCard title="\u6807\u9898" content="\u5185\u5BB9" type='error' onClick={e=>{console.log(e);}}/>
|
|
223
223
|
<SimpleCard title="500" content="\u88C5\u8F66\u5B8C\u6210" onClick={e=>{console.log(e);}}/>
|
|
224
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null,"title")),e.createElement("tr",null,e.createElement("td",null,"content"),e.createElement("td",null,"\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null,"content")),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"function"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"default | error"),e.createElement("td",null,"default")))))}function Ye(n){const{className:t=void 0,dataSource:l=[],title:u="",tag:a}=n;return e.createElement("div",{className:
|
|
224
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null,"title")),e.createElement("tr",null,e.createElement("td",null,"content"),e.createElement("td",null,"\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null,"content")),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u70B9\u51FB\u4E8B\u4EF6"),e.createElement("td",null,"function"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u7C7B\u578B"),e.createElement("td",null,"default | error"),e.createElement("td",null,"default")))))}function Ye(n){const{className:t=void 0,dataSource:l=[],title:u="",tag:a}=n;return e.createElement("div",{className:h({[t]:!0,"simple-card-block":!0})},e.createElement("div",{className:"simple-card-block-header"},e.createElement("p",{className:"simple-card-block-title"},u),a?e.createElement("div",{style:{marginLeft:12}},e.createElement(K,B({},a))):null),l.length>0?e.createElement("div",{className:"simple-card-block-content"},l.map((r,c)=>e.createElement(_,B({key:c},r))),e.createElement("div",{style:{display:"inline-block",padding:"12px 18px"}}),e.createElement("div",{style:{display:"inline-block",padding:"0 18px",margin:0}})):null)}function ze(){return e.createElement("div",null,e.createElement("h1",null,"SimpleCardBlock"),e.createElement("p",null,"\u5361\u7247\u5757"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement(Ye,{title:"\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F",tag:{label:"\u6CE8\u610F\u5566",type:"warning"},dataSource:[{title:"500",content:"\u88C5\u8F66\u5B8C\u6210"},{title:"\u6807\u9898",content:"\u5185\u5BB9",type:"error",onClick:n=>console.log(n)},{title:"500",content:"\u88C5\u8F66\u5B8C\u6210"},{title:"\u6807\u9898",content:"\u5185\u5BB9",type:"error",onClick:n=>console.log(n)},{title:"500",content:"\u88C5\u8F66\u5B8C\u6210"}]})),e.createElement("code",{className:"code"},`
|
|
225
225
|
<SimpleCardBlock
|
|
226
226
|
title="\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F\u51FA\u5E93\u4FE1\u606F"
|
|
227
227
|
tag={
|
|
@@ -270,7 +270,7 @@ infoImage={InfoCard.IMAGE_1}
|
|
|
270
270
|
dataSource={dataSource}
|
|
271
271
|
>
|
|
272
272
|
</List>
|
|
273
|
-
`),e.createElement("h2",null,"List"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"onClickItem"),e.createElement("td",null,"Item \u70B9\u51FB\u56DE\u8C03\uFF0C\u53C2\u6570 dataSource[i]"),e.createElement("td",null,"Function"),e.createElement("td",null,"-")),e.createElement("tr",null,e.createElement("td",null,"dataSource"),e.createElement("td",null,"Array({title, subTitle, extra, tags})"),e.createElement("td",null,"Array"),e.createElement("td",null,"-")))))}const V=()=>{};function G(n){const{label:t="\u67E5\u8BE2",onWakeKeyboard:l=V,onClick:u=V,onHidden:a=V,type:r="tel",placeholder:c="\u8BF7\u8F93\u5165"}=n,o=C.exports.useRef(null),[i,s]=C.exports.useState(!0);return C.exports.useEffect(()=>{const m=
|
|
273
|
+
`),e.createElement("h2",null,"List"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"onClickItem"),e.createElement("td",null,"Item \u70B9\u51FB\u56DE\u8C03\uFF0C\u53C2\u6570 dataSource[i]"),e.createElement("td",null,"Function"),e.createElement("td",null,"-")),e.createElement("tr",null,e.createElement("td",null,"dataSource"),e.createElement("td",null,"Array({title, subTitle, extra, tags})"),e.createElement("td",null,"Array"),e.createElement("td",null,"-")))))}const V=()=>{};function G(n){const{label:t="\u67E5\u8BE2",onWakeKeyboard:l=V,onClick:u=V,onHidden:a=V,type:r="tel",placeholder:c="\u8BF7\u8F93\u5165"}=n,o=C.exports.useRef(null),[i,s]=C.exports.useState(!0);return C.exports.useEffect(()=>{const m=F=>{const{code:d,keyCode:p,key:b}=F;if(d==="Enter"){F.preventDefault(),u(o.current.value,F),a(!0),s(!1);return}};return requestAnimationFrame(()=>{o.current.focus(),l()}),document.addEventListener("keyup",m),()=>{document.removeEventListener("keyup",m)}},[]),i?e.createElement("div",{className:"wakekeyborard-overlay",onClick:m=>{m.target.className&&m.target.className.includes("wakekeyborard-overlay")&&(a(!1),s(!1))}},e.createElement("div",{className:"wakekeyborard-inputbox"},e.createElement("input",{ref:o,type:r,placeholder:c}),e.createElement(E,{type:"cutout",onClick:m=>{u(o.current.value,m),a(!0),s(!1)}},t))):null}const ce=()=>{};function oe(n){const[t,l]=C.exports.useState(n.autoWakeup||!1),c=n,{onClick:u=ce,onHidden:a=ce}=c,r=N(c,["onClick","onHidden"]);return e.createElement("div",{className:"wakekeyborard"},t?e.createElement(G,B({onClick:(o,i)=>{u(o),l(!t)},onHidden:o=>{l(!1),a(o)}},r)):null,t?null:e.createElement("div",{className:"wakekeyborard-icon",onClick:o=>{l(!t)}}))}oe.Keyborard=G;function nt(){const[n,t]=C.exports.useState(!1);return e.createElement("div",null,e.createElement("h1",null,"WakeKeyborard"),e.createElement("p",null,"WakeKeyborard"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement("p",null,"\u70B9\u51FB\u53F3\u4E0B\u89D2\u952E\u76D8"),e.createElement(oe,{autoWakeup:!0,label:"\u641C\u7D22",onWakeKeyboard:()=>{console.log("wake keyboard")},onHidden:()=>{console.log("keyboard hidden")},onClick:l=>{console.log("v is ",l)},type:"text"}),e.createElement("p",null,"\u70B9\u51FB\u4E0B\u9762\u6309\u94AE\u5524\u8D77"),e.createElement(E,{onClick:l=>{t(!n)}},"\u8F93\u5165"),n?e.createElement(G,{onWakeKeyboard:l=>{console.log("keyborard from button")},onClick:l=>{console.log("value: ",l)},onHidden:l=>{console.log("keyborard hidden from button"),t(!1)}}):null),e.createElement("code",{className:"code"},`
|
|
274
274
|
<WakeKeyborard
|
|
275
275
|
autoWakeup={true}
|
|
276
276
|
label='\u641C\u7D22'
|
|
@@ -314,7 +314,7 @@ input ? (
|
|
|
314
314
|
`),e.createElement("h2",null,"WakeKeyborard \u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"autoWakeup"),e.createElement("td",null,"\u81EA\u52A8\u5524\u8D77"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")))),e.createElement("p",null,"\u5176\u4ED6\u53C2\u6570\u540C\u4E0B\u9762 Keyboard \u53C2\u6570"),e.createElement("h2",null,"Keyborard \u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"label"),e.createElement("td",null,"\u786E\u8BA4\u6309\u952E\u6587\u6848"),e.createElement("td",null,"string"),e.createElement("td",null,"\u67E5\u8BE2")),e.createElement("tr",null,e.createElement("td",null,"onWakeKeyboard"),e.createElement("td",null,"\u5524\u8D77\u952E\u76D8\u56DE\u8C03"),e.createElement("td",null,"function"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u70B9\u51FB\u67E5\u8BE2\u56DE\u8C03"),e.createElement("td",null,"function: (value) => "),e.createElement("td",null,"(value) => ")),e.createElement("tr",null,e.createElement("td",null,"onHidden"),e.createElement("td",null,"\u952E\u76D8\u9690\u85CF\u65F6\u56DE\u8C03"),e.createElement("td",null,"function: (value) => "),e.createElement("td",null,"(value) => ")),e.createElement("tr",null,e.createElement("td",null,"type"),e.createElement("td",null,"\u952E\u76D8 type"),e.createElement("td",null,"string"),e.createElement("td",null,"tel")),e.createElement("tr",null,e.createElement("td",null,"placeholder"),e.createElement("td",null,"\u8F93\u5165\u6846 placeholder"),e.createElement("td",null,"string"),e.createElement("td",null,"\u8BF7\u8F93\u5165")))))}function X(n){const{title:t,context:l,name:u,tag:a,attrs:r=[],style:c}=n;return e.createElement("div",{className:"android-sub-card",style:c},e.createElement("div",{className:"android-sub-card-title-section"},e.createElement("div",{className:"android-sub-card-title"},t),a?e.createElement("div",{className:"android-sub-card-tag"},e.createElement("div",{className:a.type},a.label||"")):null),e.createElement("div",{className:"android-sub-card-context"},l),u?e.createElement("div",{className:"android-sub-card-name"},u):null,e.createElement("div",{className:"android-sub-card-attrs"},r.map(o=>e.createElement("div",{key:o},o))))}function ut(){return e.createElement("div",null,e.createElement("h1",null,"SubCard"),e.createElement("p",null,"\u9644\u5361\u7247"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"dark-block",style:{display:"flex"}},e.createElement(X,{style:{marginRight:"20px",width:400},tag:{label:"\u6563\u7BB1",type:"default"},title:"\u54C1\u53F7",context:"50827834508278345082783450827834",attrs:["\u6279\u6B21\uFF1A23842839","\u6570\u91CF\uFF1A234"]}),e.createElement(X,{style:{marginRight:"20px",width:400},title:"\u54C1\u53F7",tag:{label:"\u5C11\u8D27",type:"warning"},context:"5082 7834",name:"\u5F90\u798F\u8BB0\u62B9\u8336\u51E4\u68A8\u916517g",attrs:["\u6279\u6B21\uFF1A23842839","\u6570\u91CF\uFF1A234"]}),e.createElement(X,{title:"\u54C1\u53F7",tag:{label:"\u5C11\u8D27",type:"warning"},name:"\u5F90\u798F\u8BB0\u62B9\u8336\u51E4\u68A8\u916517g"})),e.createElement("code",{className:"code"},`
|
|
315
315
|
<SubCard tag={{label: "\u6563\u7BB1", type: "default"}} title="\u54C1\u53F7" context="5082 7834" attrs={["\u6279\u6B21\uFF1A23842839", "\u6570\u91CF\uFF1A234"]} ></SubCard>
|
|
316
316
|
<SubCard title="\u54C1\u53F7" tag={{label: "\u5C11\u8D27", type: "warning"}} context="5082 7834" name="\u5F90\u798F\u8BB0\u62B9\u8336\u51E4\u68A8\u916517g" attrs={["\u6279\u6B21\uFF1A23842839", "\u6570\u91CF\uFF1A234"]} ></SubCard>
|
|
317
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"context"),e.createElement("td",null,"\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"name"),e.createElement("td",null,"\u54C1\u540D"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"tag"),e.createElement("td",null,"\u6807\u7B7E\u540D"),e.createElement("td",null,"object"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"attrs"),e.createElement("td",null,"Array"),e.createElement("td",null),e.createElement("td",null)))))}const M=()=>{};class W extends e.Component{constructor(t){super(t);this.state={showLoading:!1},this._handleKeyUp=l=>{const{onScan:u=M,onEnter:a=M,onEsc:r=M,onDelete:c=M,scanMode:o=null}=this.props,{code:i,keyCode:s,key:m}=l;if(i==="Enter"){l.preventDefault(),a(l);return}if(i==="Delete"){l.preventDefault(),c(l);return}if(i==="Esc"){l.preventDefault(),r(l);return}},this._handleBeforeUnload=l=>(l.returnValue="\u786E\u5B9A\u79BB\u5F00\u5F53\u524D\u9875\u9762\u5417\uFF1F",!0),this._handleUnload=l=>{WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}",function(a){},function(a){});const u={tag:"stopRfid",level:"d",message:"stop rfid scan!!!"};ee(u),ee(u)}}componentDidMount(){window.onunload=this._handleUnload,document.addEventListener("keyup",this._handleKeyUp)}componentWillUnmount(){window.onbeforeunload=null,window.onunload=null,document.removeEventListener("keyup",this._handleKeyUp)}shouldComponentUpdate(t,l){return t.loading&&!this.props.loading&&(this.setState({showLoading:!0}),t.loadingTimeout&&setTimeout(()=>{this.setState({showLoading:!1})},t.loadingTimeout)),!t.loading&&this.state.showLoading&&this.setState({showLoading:!1}),!0}render(){const t=this.props,{style:l={},header:u,footer:a,loading:r}=this.props;return e.createElement("div",{className:p({"baselayout-wrapper":!0}),style:l},u&&e.createElement("div",{className:p({"baselayout-header":!0})},u),e.createElement("div",{className:p({"baselayout-container":!0})},t.children),a&&e.createElement("div",{className:p({"baselayout-footer":!0})},a),this.state.showLoading?e.createElement("div",{className:"loading"}):null)}}const at=()=>{};class rt extends e.Component{constructor(t){super(t);this._rfidBeginScan=!1,this._handleRfidScan=l=>{const{onRfidOnce:u,onRfidBoxOnce:a,onRfidPalletOnce:r}=this.props,c=l.param,o=c.rfidData.startsWith("0F006"),i=c.rfidData.startsWith("0F011");if(v("single_recog"),i){let s=c.rfidData;c.originData=s,c.rfidData=s.substr(5,12)}a&&o?(this._stopWork(),a(c)):r&&i&&(this._stopWork(),r(c)),u&&(this._stopWork(),u(c))},this._startWork=l=>{document.addEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'startScan', 'params': null}",function(u){},function(u){}),this._rfidBeginScan=!0},this._stopWork=l=>{document.removeEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}",function(u){},function(u){})},this._handleKeyDown=l=>{const{code:u,keyCode:a,key:r}=l;(u==="F22"||u==="F23"||u==="F24"||u==="F9"||u==="F16")&&(this._rfidBeginScan||this._startWork())},this._handleKeyUp=l=>{const{code:u,keyCode:a,key:r}=l;(u==="F22"||u==="F23"||u==="F24"||u==="F9"||u==="F16")&&(this._stopWork(),this._rfidBeginScan=!1)}}componentDidMount(){document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp),WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'RFID'}}",function(t){},function(t){})}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp),this._stopWork()}render(){const a=this.props,{onRfidOnce:l=at}=a,u=N(a,["onRfidOnce"]);return e.createElement(W,B({},u))}}const ct=()=>{};class ie extends e.Component{constructor(t){super(t);this._rfidBeginScan=!1,this._handleRfidScan=l=>{const{onRfidScan:u,onRfidBoxScan:a,onRfidPalletScan:r}=this.props,c=l.param,o=c.rfidData.startsWith("0F006"),i=c.rfidData.startsWith("0F011");if(i){let s=c.rfidData;c.originData=s,c.rfidData=s.substr(5,12)}o&&a?a(c):i&&r&&r(c),u&&u(c)},this._startWork=l=>{document.addEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'startScan', 'params': null}",function(u){},function(u){}),this._rfidBeginScan=!0},this._stopWork=l=>{document.removeEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}",function(u){},function(u){})},this._handleKeyDown=l=>{const{code:u,keyCode:a,key:r}=l;(u==="F22"||u==="F23"||u==="F24"||u==="F9"||u==="F16")&&(this._rfidBeginScan||this._startWork())},this._handleKeyUp=l=>{const{code:u,keyCode:a,key:r}=l;(u==="F22"||u==="F23"||u==="F24"||u==="F9"||u==="F16")&&(this._stopWork(),this._rfidBeginScan=!1)}}componentDidMount(){const{autoRfidScan:t=!1,rfidReaderSleep:l}=this.props;WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'RFID'}}",function(u){},function(u){}),t?l||this._startWork():(document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp))}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp),this._stopWork()}shouldComponentUpdate(t,l){return this.props.autoRfidScan&&this.props.rfidReaderSleep!==t.rfidReaderSleep&&(t.rfidReaderSleep?this._stopWork():this._startWork()),!0}render(){const r=this.props,{onRfidScan:l=ct,autoRfidScan:u}=r,a=N(r,["onRfidScan","autoRfidScan"]);return e.createElement(W,B({},a))}}T(ie,"defaultProps",{rfidReaderSleep:!1});const ot=()=>{};class it extends e.Component{constructor(t){super(t);this._barcodeBeginScan=!1,this._handleBarcodeScan=l=>{const{onBarcodeScan:u}=this.props;this._stopWork(),v("scan"),u&&u(l.param)},this._startWork=l=>{document.addEventListener("BarcodeScan",this._handleBarcodeScan),this._barcodeBeginScan=!0},this._stopWork=l=>{document.removeEventListener("BarcodeScan",this._handleBarcodeScan)},this._handleKeyDown=l=>{const{code:u,keyCode:a,key:r}=l;(u==="F22"||u==="F23"||u==="F24"||u==="F9"||u==="F16")&&(this._barcodeBeginScan||this._startWork())},this._handleKeyUp=l=>{const{code:u,keyCode:a,key:r}=l;(u==="F22"||u==="F23"||u==="F24"||u==="F9"||u==="F16")&&(this._stopWork(),this._barcodeBeginScan=!1)},this.onScanBarcode=this.onScanBarcode.bind(this)}onScanBarcode(t){this.props.onScanBarcode&&this.props.onScanBarcode(t.param)}componentDidMount(){const{onBarcodeScan:t}=this.props;t&&(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(l){},function(l){})}componentWillUnmount(){const{onBarcodeScan:t}=this.props;t&&(document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp)),document.removeEventListener("BarcodeScan",this.onScanBarcode)}render(){const a=this.props,{onBarcodeScan:l=ot}=a,u=N(a,["onBarcodeScan"]);return e.createElement(W,B({},u))}}class U extends e.Component{constructor(t){super(t)}render(){const t=this.props,{onBarcodeScan:l,onScanBarcode:u,onRfidOnce:a,onRfidBoxOnce:r,onRfidPalletOnce:c,onRfidScan:o,onRfidBoxScan:i,onRfidPalletScan:s}=t;return a||r||c?e.createElement(rt,B({},t)):o||i||s?e.createElement(ie,B({},t)):l||u?e.createElement(it,B({},t)):e.createElement(W,B({},t))}}class A extends e.Component{constructor(t){super(t)}componentDidMount(){this.props.isError?v("success3"):v("success2")}render(){const{className:t,title:l,infoList:u=[],isError:a=!1,buttonMultiLines:r=!1,style:c={},onClick:o=()=>{},okText:i="\u8FD4\u56DE\u9996\u9875",cancelText:s=null}=this.props,m=e.createElement(E.Group,null,s?e.createElement(E,{style:r?{height:"auto",lineHeight:"50px"}:{},type:"dark",onClick:()=>o(!1)},s):null,e.createElement(E,{type:"primary",style:r?{height:"auto",lineHeight:"normal"}:{},onClick:()=>o(!0)},i));return e.createElement(U,{footer:m},e.createElement("div",{className:"pda-finish-card-top"},e.createElement("img",{className:"pda-finish-card-img",src:a?A.ERROR_SUCCESS:A.SUCCESS}),e.createElement("p",{className:"pda-finish-card-title"},l),u.map((d,h)=>e.createElement("p",{key:h,className:"pda-finish-card-list"},e.createElement("span",null,d.label||""),e.createElement("span",null,d.content||"")))))}}A.SUCCESS="https://img.alicdn.com/imgextra/i3/O1CN01OL2UYg24792knbTtC_!!6000000007343-1-tps-506-415.gif";A.ERROR_SUCCESS="https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";function st(){return e.createElement("div",null,e.createElement("h1",null,"FinishCard"),e.createElement("p",null," \u5B8C\u6210\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"dark-block",style:{display:"flex",flexDirection:"row",position:"relative",width:480,height:800}},e.createElement(A,{title:"\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210",isError:!0,infoList:[{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"234982093"},{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"23498209323498209123"},{label:"\u539F\u6808\u677F\u7801\uFF1A",content:"234982093"}],okText:"\u8FD4\u56DE\u9996\u9875",onClick:n=>{console.log("isConfirm",n)}})),e.createElement("div",{className:"dark-block",style:{display:"flex",flexDirection:"row",position:"relative",width:480,height:800}},e.createElement(A,{title:"\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210",infoList:[{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"234982093"},{label:"\u539F\u6808\u677F\u7801\uFF1A",content:"234982093"}],buttonMultiLines:!0,okText:"\u8FD4\u56DE\u9996\u9875",cancelText:e.createElement("span",null,"\u8FD4\u56DE",e.createElement("br",null),"\u6682\u5B58\u4EFB\u52A1"),onClick:n=>{console.log("isConfirm",n)}})),e.createElement("code",{className:"code"},`
|
|
317
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"context"),e.createElement("td",null,"\u5185\u5BB9"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"name"),e.createElement("td",null,"\u54C1\u540D"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"tag"),e.createElement("td",null,"\u6807\u7B7E\u540D"),e.createElement("td",null,"object"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"attrs"),e.createElement("td",null,"Array"),e.createElement("td",null),e.createElement("td",null)))))}const M=()=>{};class W extends e.Component{constructor(t){super(t);this.state={showLoading:!1},this._handleKeyUp=l=>{const{onScan:u=M,onEnter:a=M,onEsc:r=M,onDelete:c=M,scanMode:o=null}=this.props,{code:i,keyCode:s,key:m}=l;if(i==="Enter"){l.preventDefault(),a(l);return}if(i==="Delete"){l.preventDefault(),c(l);return}if(i==="Esc"){l.preventDefault(),r(l);return}},this._handleBeforeUnload=l=>(l.returnValue="\u786E\u5B9A\u79BB\u5F00\u5F53\u524D\u9875\u9762\u5417\uFF1F",!0),this._handleUnload=l=>{WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}",function(a){},function(a){});const u={tag:"stopRfid",level:"d",message:"stop rfid scan!!!"};ee(u),ee(u)}}componentDidMount(){window.onunload=this._handleUnload,document.addEventListener("keyup",this._handleKeyUp)}componentWillUnmount(){window.onbeforeunload=null,window.onunload=null,document.removeEventListener("keyup",this._handleKeyUp)}shouldComponentUpdate(t,l){return t.loading&&!this.props.loading&&(this.setState({showLoading:!0}),t.loadingTimeout&&setTimeout(()=>{this.setState({showLoading:!1})},t.loadingTimeout)),!t.loading&&this.state.showLoading&&this.setState({showLoading:!1}),!0}render(){const t=this.props,{style:l={},header:u,footer:a,loading:r}=this.props;return e.createElement("div",{className:h({"baselayout-wrapper":!0}),style:l},u&&e.createElement("div",{className:h({"baselayout-header":!0})},u),e.createElement("div",{className:h({"baselayout-container":!0})},t.children),a&&e.createElement("div",{className:h({"baselayout-footer":!0})},a),this.state.showLoading?e.createElement("div",{className:"loading"}):null)}}const at=()=>{};class rt extends e.Component{constructor(t){super(t);this._rfidBeginScan=!1,this._handleRfidScan=l=>{const{onRfidOnce:u,onRfidBoxOnce:a,onRfidPalletOnce:r}=this.props,c=l.param,o=c.rfidData.startsWith("0F006"),i=c.rfidData.startsWith("0F011");if(v("single_recog"),i){let s=c.rfidData;c.originData=s,c.rfidData=s.substr(5,12)}a&&o?(this._stopWork(),a(c)):r&&i&&(this._stopWork(),r(c)),u&&(this._stopWork(),u(c))},this._startWork=l=>{document.addEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'startScan', 'params': null}",function(u){},function(u){}),this._rfidBeginScan=!0},this._stopWork=l=>{document.removeEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}",function(u){},function(u){})},this._handleKeyDown=l=>{const{code:u,keyCode:a,key:r}=l;(u==="F22"||u==="F23"||u==="F24"||u==="F9"||u==="F16")&&(this._rfidBeginScan||this._startWork())},this._handleKeyUp=l=>{const{code:u,keyCode:a,key:r}=l;(u==="F22"||u==="F23"||u==="F24"||u==="F9"||u==="F16")&&(this._stopWork(),this._rfidBeginScan=!1)}}componentDidMount(){document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp),WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'RFID'}}",function(t){},function(t){})}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp),this._stopWork()}render(){const a=this.props,{onRfidOnce:l=at}=a,u=N(a,["onRfidOnce"]);return e.createElement(W,B({},u))}}const ct=()=>{};class ie extends e.Component{constructor(t){super(t);this._rfidBeginScan=!1,this._handleRfidScan=l=>{const{onRfidScan:u,onRfidBoxScan:a,onRfidPalletScan:r}=this.props,c=l.param,o=c.rfidData.startsWith("0F006"),i=c.rfidData.startsWith("0F011");if(i){let s=c.rfidData;c.originData=s,c.rfidData=s.substr(5,12)}o&&a?a(c):i&&r&&r(c),u&&u(c)},this._startWork=l=>{document.addEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'startScan', 'params': null}",function(u){},function(u){}),this._rfidBeginScan=!0},this._stopWork=l=>{document.removeEventListener("ContinuousRfidScan",this._handleRfidScan),WindVane.call("WindvanePlugin","invoke","{'domain': 'rfid', 'method': 'stopRfidScan', 'params':null}",function(u){},function(u){})},this._handleKeyDown=l=>{const{code:u,keyCode:a,key:r}=l;(u==="F22"||u==="F23"||u==="F24"||u==="F9"||u==="F16")&&(this._rfidBeginScan||this._startWork())},this._handleKeyUp=l=>{const{code:u,keyCode:a,key:r}=l;(u==="F22"||u==="F23"||u==="F24"||u==="F9"||u==="F16")&&(this._stopWork(),this._rfidBeginScan=!1)}}componentDidMount(){const{autoRfidScan:t=!1,rfidReaderSleep:l}=this.props;WindVane.call("WindvanePlugin","invoke","{'domain': 'keyboard', 'method': 'changeScanMode', 'params': {'scanMode': 'RFID'}}",function(u){},function(u){}),t?l||this._startWork():(document.addEventListener("keydown",this._handleKeyDown),document.addEventListener("keyup",this._handleKeyUp))}componentWillUnmount(){document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp),this._stopWork()}shouldComponentUpdate(t,l){return this.props.autoRfidScan&&this.props.rfidReaderSleep!==t.rfidReaderSleep&&(t.rfidReaderSleep?this._stopWork():this._startWork()),!0}render(){const r=this.props,{onRfidScan:l=ct,autoRfidScan:u}=r,a=N(r,["onRfidScan","autoRfidScan"]);return e.createElement(W,B({},a))}}T(ie,"defaultProps",{rfidReaderSleep:!1});const ot=()=>{};class it extends e.Component{constructor(t){super(t);this._barcodeBeginScan=!1,this._handleBarcodeScan=l=>{const{onBarcodeScan:u}=this.props;this._stopWork(),v("scan"),u&&u(l.param)},this._startWork=l=>{document.addEventListener("BarcodeScan",this._handleBarcodeScan),this._barcodeBeginScan=!0},this._stopWork=l=>{document.removeEventListener("BarcodeScan",this._handleBarcodeScan)},this._handleKeyDown=l=>{const{code:u,keyCode:a,key:r}=l;(u==="F22"||u==="F23"||u==="F24"||u==="F9"||u==="F16")&&(this._barcodeBeginScan||this._startWork())},this._handleKeyUp=l=>{const{code:u,keyCode:a,key:r}=l;(u==="F22"||u==="F23"||u==="F24"||u==="F9"||u==="F16")&&(this._stopWork(),this._barcodeBeginScan=!1)},this.onScanBarcode=this.onScanBarcode.bind(this)}onScanBarcode(t){this.props.onScanBarcode&&this.props.onScanBarcode(t.param)}componentDidMount(){const{onBarcodeScan:t}=this.props;t&&(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(l){},function(l){})}componentWillUnmount(){const{onBarcodeScan:t}=this.props;t&&(document.removeEventListener("keydown",this._handleKeyDown),document.removeEventListener("keyup",this._handleKeyUp)),document.removeEventListener("BarcodeScan",this.onScanBarcode)}render(){const a=this.props,{onBarcodeScan:l=ot}=a,u=N(a,["onBarcodeScan"]);return e.createElement(W,B({},u))}}class U extends e.Component{constructor(t){super(t)}render(){const t=this.props,{onBarcodeScan:l,onScanBarcode:u,onRfidOnce:a,onRfidBoxOnce:r,onRfidPalletOnce:c,onRfidScan:o,onRfidBoxScan:i,onRfidPalletScan:s}=t;return a||r||c?e.createElement(rt,B({},t)):o||i||s?e.createElement(ie,B({},t)):l||u?e.createElement(it,B({},t)):e.createElement(W,B({},t))}}class A extends e.Component{constructor(t){super(t)}componentDidMount(){this.props.isError?v("success3"):v("success2")}render(){const{className:t,title:l,infoList:u=[],isError:a=!1,buttonMultiLines:r=!1,style:c={},onClick:o=()=>{},okText:i="\u8FD4\u56DE\u9996\u9875",cancelText:s=null}=this.props,m=e.createElement(E.Group,null,s?e.createElement(E,{style:r?{height:"auto",lineHeight:"50px"}:{},type:"dark",onClick:()=>o(!1)},s):null,e.createElement(E,{type:"primary",style:r?{height:"auto",lineHeight:"normal"}:{},onClick:()=>o(!0)},i));return e.createElement(U,{footer:m},e.createElement("div",{className:"pda-finish-card-top"},e.createElement("img",{className:"pda-finish-card-img",src:a?A.ERROR_SUCCESS:A.SUCCESS}),e.createElement("p",{className:"pda-finish-card-title"},l),u.map((F,d)=>e.createElement("p",{key:d,className:"pda-finish-card-list"},e.createElement("span",null,F.label||""),e.createElement("span",null,F.content||"")))))}}A.SUCCESS="https://img.alicdn.com/imgextra/i3/O1CN01OL2UYg24792knbTtC_!!6000000007343-1-tps-506-415.gif";A.ERROR_SUCCESS="https://img.alicdn.com/imgextra/i3/O1CN01p5Oc5t1VMFWtBomQc_!!6000000002638-1-tps-600-456.gif";function st(){return e.createElement("div",null,e.createElement("h1",null,"FinishCard"),e.createElement("p",null," \u5B8C\u6210\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"dark-block",style:{display:"flex",flexDirection:"row",position:"relative",width:480,height:800}},e.createElement(A,{title:"\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210",isError:!0,infoList:[{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"234982093"},{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"23498209323498209123"},{label:"\u539F\u6808\u677F\u7801\uFF1A",content:"234982093"}],okText:"\u8FD4\u56DE\u9996\u9875",onClick:n=>{console.log("isConfirm",n)}})),e.createElement("div",{className:"dark-block",style:{display:"flex",flexDirection:"row",position:"relative",width:480,height:800}},e.createElement(A,{title:"\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210",infoList:[{label:"\u65B0\u6808\u677F\u7801\uFF1A",content:"234982093"},{label:"\u539F\u6808\u677F\u7801\uFF1A",content:"234982093"}],buttonMultiLines:!0,okText:"\u8FD4\u56DE\u9996\u9875",cancelText:e.createElement("span",null,"\u8FD4\u56DE",e.createElement("br",null),"\u6682\u5B58\u4EFB\u52A1"),onClick:n=>{console.log("isConfirm",n)}})),e.createElement("code",{className:"code"},`
|
|
318
318
|
<FinishCard
|
|
319
319
|
title="\u66F4\u6362\u6808\u677F\u7801\u5B8C\u6210"
|
|
320
320
|
infoList={
|
|
@@ -330,7 +330,7 @@ input ? (
|
|
|
330
330
|
console.log("isConfirm", isConfirm);
|
|
331
331
|
}}
|
|
332
332
|
/>
|
|
333
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"isError"),e.createElement("td",null,"\u662F\u5426\u5F02\u5E38\u5B8C\u6210"),e.createElement("td",null,"Boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u66F4\u591A\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6309\u94AE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null,"\u8FD4\u56DE\u9996\u9875")),e.createElement("tr",null,e.createElement("td",null,"buttonMultiLines"),e.createElement("td",null,"\u6309\u94AE\u662F\u5426\u591A\u884C"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u6309\u94AE\u70B9\u51FB\u56DE\u8C03"),e.createElement("td",null,"(isConfirm) => "),e.createElement("td",null)))))}class mt extends e.Component{constructor(t){super(t)}render(){const{className:t,title:l,infoText:u,percentage:a=0,style:r={}}=this.props,c="https://img.alicdn.com/imgextra/i3/O1CN01EFksWL1DBZCu0H1JH_!!6000000000178-2-tps-21-30.png",o="https://img.alicdn.com/imgextra/i1/O1CN01YEhCSg1aObe8UZq7K_!!6000000003320-2-tps-379-17.png";return e.createElement("div",{className:
|
|
333
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"isError"),e.createElement("td",null,"\u662F\u5426\u5F02\u5E38\u5B8C\u6210"),e.createElement("td",null,"Boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"infoList"),e.createElement("td",null,"\u66F4\u591A\u4FE1\u606F"),e.createElement("td",null,"object[]"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"okText"),e.createElement("td",null,"\u786E\u8BA4\u6309\u94AE\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null,"\u8FD4\u56DE\u9996\u9875")),e.createElement("tr",null,e.createElement("td",null,"buttonMultiLines"),e.createElement("td",null,"\u6309\u94AE\u662F\u5426\u591A\u884C"),e.createElement("td",null,"boolean"),e.createElement("td",null,"false")),e.createElement("tr",null,e.createElement("td",null,"onClick"),e.createElement("td",null,"\u6309\u94AE\u70B9\u51FB\u56DE\u8C03"),e.createElement("td",null,"(isConfirm) => "),e.createElement("td",null)))))}class mt extends e.Component{constructor(t){super(t)}render(){const{className:t,title:l,infoText:u,percentage:a=0,style:r={}}=this.props,c="https://img.alicdn.com/imgextra/i3/O1CN01EFksWL1DBZCu0H1JH_!!6000000000178-2-tps-21-30.png",o="https://img.alicdn.com/imgextra/i1/O1CN01YEhCSg1aObe8UZq7K_!!6000000003320-2-tps-379-17.png";return e.createElement("div",{className:h({[t]:!0,"pda-distance-card":!0}),style:r},e.createElement("p",{className:"pda-distance-card-highlight"},e.createElement("span",{className:"pda-distance-card-highlight1"},l)),e.createElement("div",{className:"pda-distance-indictor"},e.createElement("img",{src:c,width:20,height:29}),e.createElement("p",null,u)),e.createElement("div",{className:"pda-distance-card-progress"},e.createElement("div",{className:"pda-distance-card-progress-inside",style:{width:`${a*100}%`}}),e.createElement("img",{className:"pda-distance-card-progress-indictor",src:o})),e.createElement("div",{className:"pda-distance-label"},e.createElement("p",null,"\u8FDC"),e.createElement("p",null,"\u8FD1")))}}function Et(){return e.createElement("div",null,e.createElement("h1",null,"DistanceCard"),e.createElement("p",null,"\u8DDD\u79BB\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block",style:{display:"flex",flexDirection:"row"}},e.createElement(mt,{title:"\u8D27\u7269\u5728\u9644\u8FD1..",infoText:"\u79BB\u76EE\u6807\u8D27\u8DDD\u79BB",style:{width:"400px"},percentage:.56})),e.createElement("code",{className:"code"},`
|
|
334
334
|
<DistanceCard
|
|
335
335
|
title="\u8D27\u7269\u5728\u9644\u8FD1.."
|
|
336
336
|
infoText="\u79BB\u76EE\u6807\u8D27\u8DDD\u79BB"
|
|
@@ -339,7 +339,7 @@ input ? (
|
|
|
339
339
|
}}
|
|
340
340
|
percentage={0.56}
|
|
341
341
|
/>
|
|
342
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"infoText"),e.createElement("td",null,"\u63D0\u793A\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"percentage"),e.createElement("td",null,"\u8FDB\u5EA6\u6761\u767E\u5206\u6BD4"),e.createElement("td",null,"number"),e.createElement("td",null)))))}const dt=/scroll|auto/i;function ht(n){const t=1;return n.tagName!=="HTML"&&n.tagName!=="BODY"&&n.nodeType===t}function se(n,t){let l=n;for(;l&&l!==t&&ht(l);){const{overflowY:u}=window.getComputedStyle(l);if(dt.test(u))return l;l=l.parentNode}return t}function pt(n){return e.createElement("div",{style:{color:n.color||"#999"}},e.createElement("svg",{height:"1em",viewBox:"0 0 100 40",style:{verticalAlign:"-0.125em"}},e.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},e.createElement("g",{transform:"translate(-100.000000, -71.000000)"},e.createElement("g",{transform:"translate(95.000000, 71.000000)"},e.createElement("g",{transform:"translate(5.000000, 0.000000)"},[0,1,2].map(t=>e.createElement("rect",{key:t,fill:"currentColor",x:20+t*26,y:"16",width:"8",height:"8",rx:"2"},e.createElement("animate",{attributeName:"y",from:"16",to:"16",dur:"2s",begin:`${t*.2}s`,repeatCount:"indefinite",values:"16; 6; 26; 16; 16",keyTimes:"0; 0.1; 0.3; 0.4; 1",id:"circ-anim"})))))))))}function Ct(n){return n===window}function me(n){const{className:t,hasMore:l,loadMore:u,threshold:a=0,style:r}=n,c=fe(async()=>{await u()}),o=C.exports.useRef(null),i=ke(()=>{if(!l)return;const s=o.current;if(!s)return;const m=se(s);if(!m)return;const
|
|
342
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"title"),e.createElement("td",null,"\u6807\u9898"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"infoText"),e.createElement("td",null,"\u63D0\u793A\u6587\u672C"),e.createElement("td",null,"string"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"percentage"),e.createElement("td",null,"\u8FDB\u5EA6\u6761\u767E\u5206\u6BD4"),e.createElement("td",null,"number"),e.createElement("td",null)))))}const dt=/scroll|auto/i;function ht(n){const t=1;return n.tagName!=="HTML"&&n.tagName!=="BODY"&&n.nodeType===t}function se(n,t){let l=n;for(;l&&l!==t&&ht(l);){const{overflowY:u}=window.getComputedStyle(l);if(dt.test(u))return l;l=l.parentNode}return t}function pt(n){return e.createElement("div",{style:{color:n.color||"#999"}},e.createElement("svg",{height:"1em",viewBox:"0 0 100 40",style:{verticalAlign:"-0.125em"}},e.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},e.createElement("g",{transform:"translate(-100.000000, -71.000000)"},e.createElement("g",{transform:"translate(95.000000, 71.000000)"},e.createElement("g",{transform:"translate(5.000000, 0.000000)"},[0,1,2].map(t=>e.createElement("rect",{key:t,fill:"currentColor",x:20+t*26,y:"16",width:"8",height:"8",rx:"2"},e.createElement("animate",{attributeName:"y",from:"16",to:"16",dur:"2s",begin:`${t*.2}s`,repeatCount:"indefinite",values:"16; 6; 26; 16; 16",keyTimes:"0; 0.1; 0.3; 0.4; 1",id:"circ-anim"})))))))))}function Ct(n){return n===window}function me(n){const{className:t,hasMore:l,loadMore:u,threshold:a=0,style:r}=n,c=fe(async()=>{await u()}),o=C.exports.useRef(null),i=ke(()=>{if(!l)return;const s=o.current;if(!s)return;const m=se(s);if(!m)return;const F=s.getBoundingClientRect().top;(Ct(m)?window.innerHeight:m.getBoundingClientRect().bottom)>=F-a&&c()});return C.exports.useEffect(()=>{i()}),C.exports.useEffect(()=>{const s=o.current;if(!s)return;const m=se(s);if(!m)return;function F(){i()}return m.addEventListener("scroll",F),()=>{m.removeEventListener("scroll",F)}},[]),e.createElement("div",{className:h({[t]:!0,"pda-infinite-scroll":!0}),style:r,ref:o},l?e.createElement("div",{className:"pda-infinite-scroll-view"},e.createElement("span",null,"\u52A0\u8F7D\u4E2D"),e.createElement(pt,null)):e.createElement("div",{className:"pda-infinite-scroll-view"},e.createElement("span",null,"\u6CA1\u6709\u66F4\u591A\u4E86~")))}const Ee=()=>{};class Ft extends e.Component{constructor(t){super(t);T(this,"state",{showMenu:!1})}render(){const{className:t,goBack:l=!0,goBackHandle:u=Ee,icon:a="scan",title:r="\u4EFB\u52A1",menuList:c=null}=this.props,{showMenu:o}=this.state;return e.createElement("div",{className:h({[t]:!0,"pda-header":!0})},e.createElement("div",{className:"header-click-area",onClick:l?u:Ee},l&&e.createElement("div",{className:"pda-goback"}),a&&e.createElement("div",{className:h({"pda-header-icon":!0,["pda-header-icon-"+a]:!0})})),e.createElement("p",{className:h({"pda-title-text":!0})},r),c?e.createElement("div",{className:"pda-header-more",onClick:i=>{this.setState({showMenu:!0})}}):null,e.createElement(k,{visible:o,verticalPosition:"bottom",closable:!0,onClosed:i=>this.setState({showMenu:!1})},e.createElement("div",{className:"pda-menus"},c)))}}function Bt(n){const{service:t,data:l={}}=n,u=e.useCallback(function(){t.onNext(!0)},[t]);return e.createElement(k,{verticalPosition:"bottom"},e.createElement(S,I(B({},l),{onClick:u})))}function bt(n){const{service:t,data:l={}}=n,u=e.useCallback(function(a){t.onNext(a)},[t]);return e.createElement(k,{verticalPosition:"bottom"},e.createElement(S,I(B({},l),{onClick:u})))}function gt(n){return{center:"op-overlay center",top:"op-overlay top",bottom:"op-overlay bottom"}[n]||"op-overlay"}function ft(n){const{verticalPosition:t="center",visible:l=!0,closable:u=!1,onClosed:a=()=>{}}=n,[r,c]=C.exports.useState(!l);C.exports.useEffect(()=>{c(!l)},[l]);const o={};return u&&(o.onClick=i=>{c(!0),a()}),C.exports.useEffect(()=>{c(!l)},[l]),r?null:e.createElement("div",B({className:gt(t)},o),n.children)}function kt(n){const t=e.useRef(),{data:l={},onNext:u}=n,{placeholder:a,defaultValue:r,title:c="\u8BF7\u8F93\u5165",type:o="text",okText:i="\u786E\u8BA4",cancelText:s="\u53D6\u6D88"}=l;return e.createElement(ft,{verticalPosition:"center",closable:!1},e.createElement("div",{className:"prompt-dialog"},e.createElement("div",null,e.createElement("h1",{className:"prompt-title"},c),e.createElement("input",{className:"prompt-input",autoFocus:!0,ref:t,placeholder:a,type:o,defaultValue:r,onKeyUp:m=>{m.keyCode===13&&u(de(t.current))}}),e.createElement("div",{className:"prompt-btns"},s?e.createElement(E,{onClick:()=>u("back")},s):null,e.createElement(E,{type:"primary",onClick:()=>{u(de(t.current))}},i)))))}function de(n){const t=n.value||"";return String(t).trim()}function yt(n){const{data:t={},onNext:l,service:u}=n,{title:a,level:r,message:c,duration:o=null}=t,[i,s]=C.exports.useState(!1);return e.useEffect(()=>{t.hasNext===void 0&&l("");let m=null;return o&&(m=setTimeout(()=>{s(!0)},o)),()=>{clearTimeout(m)}},[t]),i?null:e.createElement(k,{verticalPosition:"bottom"},e.createElement("div",{style:{width:"90%"}},e.createElement(f,{type:r,title:a,message:At(c)})))}function At(n){var t=String(n).split("by Error:");return t[1]||t[0]}function vt(){}function Dt(n){const{dataSource:t=[],onClickItem:l=vt}=n;let u=1;return e.createElement("div",{className:"pda-app-list"},t.map(a=>e.createElement("div",{className:"pda-app-group",key:a.groupName},e.createElement("h2",{className:"group-name"},a.groupName),e.createElement("div",{className:"group-apps"},a.list.map(r=>e.createElement("div",{className:"app-item",key:r.name,autoFocus:u===1,tabIndex:u++,onClick:()=>l(r)},e.createElement("span",{className:"app-name"},r.name),e.createElement("span",{className:"app-subname"},r.subname)))))))}function Nt(n){const{className:t="",visible:l,actions:u=[],stickyToBottomActions:a=[],stickyToBottomDirection:r="column",infiniteScroll:c=null}=n;return e.createElement("div",{className:h({[t]:!0,"action-sheet":!0,show:l})},e.createElement("div",{className:"action-sheet-container"},e.createElement("div",{className:"action-sheet-body"},u.map((o,i)=>e.createElement("div",{onClick:()=>{o.onClick(o.key)},className:"action-sheet-item",key:i},o.title)),c?e.createElement(me,B({},c)):null),a.length>0?e.createElement("div",{className:h({"action-sheet-sticky-bottom":!0,["action-sheet-sticky-bottom-"+r]:!0})},a.map((o,i)=>e.createElement("div",{onClick:()=>{o.onClick(o.key)},className:"action-sheet-item",key:i},o.title))):null))}const xt=[{title:"hello world",subTitle:"sub title",extra:"11111",tags:[1,2,3,4]},{title:"hello world",subTitle:"sub title",extra:"",tags:[1,2,3,4]},{title:"hello world",subTitle:"sub title"},{title:"hello world",subTitle:"sub title",extra:"11111"}];function St(){return e.createElement("div",null,e.createElement("h1",null,"InfiniteScroll"),e.createElement("p",null,"\u6EDA\u52A8\u52A0\u8F7D\u7EC4\u4EF6"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("div",{className:"light-block"},e.createElement("div",{style:{width:"432px",height:"425px",overflow:"scroll"}},e.createElement(H,{onItemClick:console.log,tabIndex:0,dataSource:xt}),e.createElement(me,{hasMore:!0,loadMore:()=>{console.log("loadMore!")}}))),e.createElement("code",{className:"code"},`
|
|
343
343
|
|
|
344
344
|
const dataSource = [{
|
|
345
345
|
title: "hello world",
|
|
@@ -464,7 +464,7 @@ const dataSource = [{
|
|
|
464
464
|
}
|
|
465
465
|
];
|
|
466
466
|
<AppList dataSource={dataSource} onClickItem={console.log} />
|
|
467
|
-
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"dataSource"),e.createElement("td",null,"\u6570\u636E"),e.createElement("td",null,"Array(group<groupName, list<name,subname>)"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClickItem"),e.createElement("td",null,"\u70B9\u51FBItem"),e.createElement("td",null,"Function(item)"),e.createElement("td",null,"-")))))}const Lt="@cniot/android-pda-components",_t="0.2.
|
|
467
|
+
`),e.createElement("h2",null,"\u53C2\u6570"),e.createElement("table",{className:"pure-table pure-table-bordered"},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"\u5C5E\u6027"),e.createElement("th",null,"\u8BF4\u660E"),e.createElement("th",null,"\u7C7B\u578B"),e.createElement("th",null,"\u9ED8\u8BA4\u503C"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"dataSource"),e.createElement("td",null,"\u6570\u636E"),e.createElement("td",null,"Array(group<groupName, list<name,subname>)"),e.createElement("td",null)),e.createElement("tr",null,e.createElement("td",null,"onClickItem"),e.createElement("td",null,"\u70B9\u51FBItem"),e.createElement("td",null,"Function(item)"),e.createElement("td",null,"-")))))}const Lt="@cniot/android-pda-components",_t="0.2.21",Mt="",Wt="./es/index.cjs.js",Pt="./es/index.es.js",Rt={dev:"vite",build:"vite build --config vite.config.doc.js && vite build --config vite.config.js",doc:"vite -config vite.doc.js"},$t="module",Ot="",Kt="ISC",Ht={ahooks:"^2.10.11",classnames:"^2.3.1",history:"^5.0.1",keycode:"^2.2.1",less:"^4.1.1",react:"^17.0.2","react-dom":"^17.0.2"},Vt={"@originjs/vite-plugin-require-context":"^1.0.5","markdown-it":"^12.1.0","markdown-to-jsx":"^7.1.3",vite:"^2.4.2","vite-plugin-plain-text":"^1.1.4"};var Gt={name:Lt,version:_t,description:Mt,main:Wt,module:Pt,scripts:Rt,type:$t,author:Ot,license:Kt,dependencies:Ht,devDependencies:Vt},P={onNext(n){console.log("onnext",n)}};function Xt(){return e.createElement("div",null,e.createElement("h1",null,"/system/alert"),e.createElement("p",null,"\u5F39\u51FA\u4E00\u4E2A\u8B66\u544A\u7A97\uFF0C\u7528\u6237\u5FC5\u987B\u70B9\u51FB\u786E\u8BA4\u624D\u80FD\u7EE7\u7EED"),e.createElement("h2",null,"\u793A\u4F8B"),e.createElement("code",{className:"code"},`
|
|
468
468
|
// gs \u4EE3\u7801\u5982\u4E0B
|
|
469
469
|
pageFlow.alert({
|
|
470
470
|
title: '111',
|