tplus-components-touch 3.41.13 → 3.41.14

package/dist/components/modalWraper/style.less

@@ -1,257 +1,257 @@
-//modal 样式=======================
-.modal-centre{
-    .ant-modal{
-        position: relative;
-        top: -112px;
-    }
-}
-
-.modal-formated{
-    .ant-modal-close{
-        margin-top: -3px;
-    }
-    .ant-modal-header{
-        height:46px;
-        padding:14px 16px!important;
-        .ant-modal-title{
-            font-size: 18px;
-            line-height: 18px!important;
-        }
-        font-size:18px;
-    }
-    .ant-modal-footer{
-        height:46px;
-        box-sizing: border-box;
-        padding: 7px 16px!important;
-
-        .footer{
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-        button{
-            height:32px;
-            font-size:16px;
-            margin-left:16px;
-            border-radius: 4px;
-            line-height: 24px;
-        }
-    }
-    .ant-modal-body{
-        padding:0!important;
-        overflow: auto;
-    }
-}
-.modal-formated.bigger-modal{
-    .ant-modal-body{
-        height:475px;
-        overflow: auto;
-    }
-}
-.modal-formated.big-modal{
-    .ant-modal{
-        width:800px !important;
-    }
-    .ant-modal-body{
-        height:376px;
-        overflow: auto;
-    }
-}
-.modal-formated.mid-modal{
-    .ant-modal{
-        width:400px !important;
-        height:376px;
-    }
-    .ant-modal-body{
-        height:288px;
-        overflow: auto;
-    }
-}
-.modal-formated.sm-modal{
-    .ant-modal{
-        width:400px !important;
-    }
-    .ant-modal-header{
-        border-bottom:none;
-    }
-    .ant-modal-body{
-        height:120px;
-        overflow: auto;
-        box-sizing: border-box;
-        // padding:0px 16px 0!important;
-    }
-    .ant-modal-footer{
-        height:50px!important;
-        border-top:none;
-        border-bottom:none!important;
-    }
-}
-.method-modal1{
-    .method-modal-ticon{
-        font-size: 24px;
-        line-height: 24px;
-        margin-left: 26px;
-        margin-right: 14px;
-    }
-    .ticon-confirm{
-        position: absolute;
-        top:50%;
-        left:6px;
-        transform: translateY(-50%);
-    }
-    .ticon-info{
-        position: absolute;
-        top:50%;
-        left:6px;
-        transform: translateY(-50%);
-    }
-    .ant-modal-content{
-        border-radius: 5px!important;
-        box-shadow: 0 5px 15px rgba(0,0,0, .5);
-        -webkit-box-shadow: 0 5px 15px rgba(0,0,0, .5);
-    }
-    .ant-modal-confirm-body{
-        height: 90px;
-        .ant-modal-confirm-title{
-            font-weight: 400;
-            font-size: 18px;
-            color: rgba(0,0,0,0.85);
-        }
-        .ant-modal-confirm-content{
-            color: #333;
-        }
-    }
-    .content1{
-        width:100%;
-        overflow: hidden;
-        min-height: 30px;
-        max-height: 100%;
-        position: absolute;
-        line-height: 30px;
-        top:50%;
-        transform: translateY(-50%);
-        left:0;
-        padding:0 15px 0 70px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp:4;
-        -webkit-box-orient:vertical;
-    }
-}
-.ant-picker{
-    width: 100%;
-}
-
-.vertical-touch-platform{ // 竖屏端暂时统一覆盖样式 不使用传参控制
-    .method-modal1{
-        &.ant-modal-confirm{
-            .ant-modal-body{
-                padding: 32px 32px 24px;
-            }
-        }
-    }
-    .ant-modal-mask{
-        background-color: rgba(0,0,0,.4);
-        opacity: 1 !important;
-    }
-    .ant-modal-body{
-        position: relative;
-        padding: 0;
-    }
-    .vertical-modal-wrapper {
-        &.ant-modal{
-            width: 80% !important;
-        }
-        .ant-modal-confirm-title{
-            padding: 0 !important;
-            height: auto !important;
-            font-size: 40px !important;
-            line-height: 40px!important;
-            color:#333333;
-        }
-        .ant-modal-content{
-            border-radius: 30px !important;
-            box-shadow: 0 5px 15px rgba(0,0,0,.2) !important;
-            .ant-modal-confirm-body{
-                height: auto;
-                .ant-modal-confirm-content{
-                    height: auto !important;
-                    padding-top: 110px !important;
-                    .content1{
-                        min-height: 50px;
-                        font-size: 38px;
-                        line-height: 48px;
-                        display: block;
-                        .method-modal-ticon{
-                            font-size: 48px !important;
-                            left: 40px !important;
-                            height: 48px;
-                            &:before{
-                                position: relative;
-                                top: 13px;
-                            }
-                        }
-                    }
-                }
-            }
-            .ant-btn{
-                border-radius: 32px;
-                font-size: 32px !important;
-                padding: 6px 44px;
-            }
-            .ant-modal-confirm-btns{
-                height: 96px !important;
-                .ant-btn{
-                    min-height: 64px;
-                }
-            }
-            .ant-modal-confirm-btns, .modal-footer-container{
-                margin-bottom: 8px;
-                margin-top: 80px;
-                .ant-btn{
-                    &:first-child{
-                        margin-right: 40px!important
-                    }
-                }
-            }
-            .modal-footer-container{
-                text-align: right;
-                margin-right: -10px;
-                padding: 15px 0 15px 15px;
-                border-top: 1px solid transparent;
-                margin-top: 80px;
-            }
-        }
-        &.wrapperControl-modal-container{
-            .ant-modal-footer{
-                display: none;
-            }
-        }
-        .ant-modal-confirm-content{
-            .content1{
-                padding:0 40px 0 150px !important;
-                position: relative !important;
-                transform: translateY(0) !important;
-            }
-        }
-    }
-}
-
-.modal-formated.memberClassWidth {
-    .ant-modal{
-        width:935px !important;
-    }
-}
-
-.modal-formated.memberCareWidth {
-    .ant-modal{
-        width:688px !important;
-    }
-}
-
-.modal-formated.serialWidth {
-    .ant-modal{
-        width:600px !important;
-    }
-}
+//modal 样式=======================
+.modal-centre{
+    .ant-modal{
+        position: relative;
+        top: -112px;
+    }
+}
+
+.modal-formated{
+    .ant-modal-close{
+        margin-top: -3px;
+    }
+    .ant-modal-header{
+        height:46px;
+        padding:14px 16px!important;
+        .ant-modal-title{
+            font-size: 18px;
+            line-height: 18px!important;
+        }
+        font-size:18px;
+    }
+    .ant-modal-footer{
+        height:46px;
+        box-sizing: border-box;
+        padding: 7px 16px!important;
+
+        .footer{
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        button{
+            height:32px;
+            font-size:16px;
+            margin-left:16px;
+            border-radius: 4px;
+            line-height: 24px;
+        }
+    }
+    .ant-modal-body{
+        padding:0!important;
+        overflow: auto;
+    }
+}
+.modal-formated.bigger-modal{
+    .ant-modal-body{
+        height:475px;
+        overflow: auto;
+    }
+}
+.modal-formated.big-modal{
+    .ant-modal{
+        width:800px !important;
+    }
+    .ant-modal-body{
+        height:376px;
+        overflow: auto;
+    }
+}
+.modal-formated.mid-modal{
+    .ant-modal{
+        width:400px !important;
+        height:376px;
+    }
+    .ant-modal-body{
+        height:288px;
+        overflow: auto;
+    }
+}
+.modal-formated.sm-modal{
+    .ant-modal{
+        width:400px !important;
+    }
+    .ant-modal-header{
+        border-bottom:none;
+    }
+    .ant-modal-body{
+        height:120px;
+        overflow: auto;
+        box-sizing: border-box;
+        // padding:0px 16px 0!important;
+    }
+    .ant-modal-footer{
+        height:50px!important;
+        border-top:none;
+        border-bottom:none!important;
+    }
+}
+.method-modal1{
+    .method-modal-ticon{
+        font-size: 24px;
+        line-height: 24px;
+        margin-left: 26px;
+        margin-right: 14px;
+    }
+    .ticon-confirm{
+        position: absolute;
+        top:50%;
+        left:6px;
+        transform: translateY(-50%);
+    }
+    .ticon-info{
+        position: absolute;
+        top:50%;
+        left:6px;
+        transform: translateY(-50%);
+    }
+    .ant-modal-content{
+        border-radius: 5px!important;
+        box-shadow: 0 5px 15px rgba(0,0,0, .5);
+        -webkit-box-shadow: 0 5px 15px rgba(0,0,0, .5);
+    }
+    .ant-modal-confirm-body{
+        height: 90px;
+        .ant-modal-confirm-title{
+            font-weight: 400;
+            font-size: 18px;
+            color: rgba(0,0,0,0.85);
+        }
+        .ant-modal-confirm-content{
+            color: #333;
+        }
+    }
+    .content1{
+        width:100%;
+        overflow: hidden;
+        min-height: 30px;
+        max-height: 100%;
+        position: absolute;
+        line-height: 30px;
+        top:50%;
+        transform: translateY(-50%);
+        left:0;
+        padding:0 15px 0 70px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp:4;
+        -webkit-box-orient:vertical;
+    }
+}
+.ant-picker{
+    width: 100%;
+}
+
+.vertical-touch-platform{ // 竖屏端暂时统一覆盖样式 不使用传参控制
+    .method-modal1{
+        &.ant-modal-confirm{
+            .ant-modal-body{
+                padding: 32px 32px 24px;
+            }
+        }
+    }
+    .ant-modal-mask{
+        background-color: rgba(0,0,0,.4);
+        opacity: 1 !important;
+    }
+    .ant-modal-body{
+        position: relative;
+        padding: 0;
+    }
+    .vertical-modal-wrapper {
+        &.ant-modal{
+            width: 80% !important;
+        }
+        .ant-modal-confirm-title{
+            padding: 0 !important;
+            height: auto !important;
+            font-size: 40px !important;
+            line-height: 40px!important;
+            color:#333333;
+        }
+        .ant-modal-content{
+            border-radius: 30px !important;
+            box-shadow: 0 5px 15px rgba(0,0,0,.2) !important;
+            .ant-modal-confirm-body{
+                height: auto;
+                .ant-modal-confirm-content{
+                    height: auto !important;
+                    padding-top: 110px !important;
+                    .content1{
+                        min-height: 50px;
+                        font-size: 38px;
+                        line-height: 48px;
+                        display: block;
+                        .method-modal-ticon{
+                            font-size: 48px !important;
+                            left: 40px !important;
+                            height: 48px;
+                            &:before{
+                                position: relative;
+                                top: 13px;
+                            }
+                        }
+                    }
+                }
+            }
+            .ant-btn{
+                border-radius: 32px;
+                font-size: 32px !important;
+                padding: 6px 44px;
+            }
+            .ant-modal-confirm-btns{
+                height: 96px !important;
+                .ant-btn{
+                    min-height: 64px;
+                }
+            }
+            .ant-modal-confirm-btns, .modal-footer-container{
+                margin-bottom: 8px;
+                margin-top: 80px;
+                .ant-btn{
+                    &:first-child{
+                        margin-right: 40px!important
+                    }
+                }
+            }
+            .modal-footer-container{
+                text-align: right;
+                margin-right: -10px;
+                padding: 15px 0 15px 15px;
+                border-top: 1px solid transparent;
+                margin-top: 80px;
+            }
+        }
+        &.wrapperControl-modal-container{
+            .ant-modal-footer{
+                display: none;
+            }
+        }
+        .ant-modal-confirm-content{
+            .content1{
+                padding:0 40px 0 150px !important;
+                position: relative !important;
+                transform: translateY(0) !important;
+            }
+        }
+    }
+}
+
+.modal-formated.memberClassWidth {
+    .ant-modal{
+        width:935px !important;
+    }
+}
+
+.modal-formated.memberCareWidth {
+    .ant-modal{
+        width:688px !important;
+    }
+}
+
+.modal-formated.serialWidth {
+    .ant-modal{
+        width:600px !important;
+    }
+}

package/dist/components/modalWraper/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["tplus-components-touch/components/modalWraper/utils.js"],"names":["verticalContainer","handleOnOk","handleOnCancel","props","vertical","wrapperControl","className","onOk","modal","once","destroy","result","then","onCancel"],"mappings":";;;;;;;;;;QAAgBA,iB,GAAAA,iB;QAUAC,U,GAAAA,U;QAYAC,c,GAAAA,c;;;;AAtBT,SAASF,iBAAT,GAAuC;AAAA,MAAZG,KAAY,uEAAJ,EAAI;AAAA,MACpCC,QADoC,GACPD,KADO,CACpCC,QADoC;AAAA,MAC1BC,cAD0B,GACPF,KADO,CAC1BE,cAD0B;;;AAG5C,MAAIC,YAAY,EAAhB;AACA,MAAID,cAAJ,EAAoBC,aAAa,iCAAb;AACpB,MAAIF,QAAJ,EAAcE,aAAa,kDAAb;;AAEd,SAAOA,SAAP;AACD;;AAEM,SAASL,UAAT,CAAoBM,IAApB,EAA0BC,KAA1B,EAAiCC,IAAjC,EAAuC;AAC5C,MAAIF,IAAJ,EAAU;AACR,QAAIE,SAAS,IAAb,EAAmBD,MAAME,OAAN;AACnB,QAAMC,SAASJ,MAAf;AACA,QAAI,OAAOI,MAAP,KAAkB,SAAlB,IAA+B,CAACA,MAApC,EAA4C;AAC5C,QAAIA,mCAAJ,EAA+B;AAC7B,aAAOA,OAAOC,IAAP,CAAY;AAAA,eAAOJ,MAAME,OAAN,EAAP;AAAA,OAAZ,CAAP;AACD;AACD,QAAI,CAACD,IAAL,EAAWD,MAAME,OAAN;AACZ;AACF;;AAEM,SAASR,cAAT,CAAwBW,QAAxB,EAAkCL,KAAlC,EAAyC;AAC9CA,QAAME,OAAN;AACAG,cAAYA,UAAZ;AACD","file":"utils.js","sourcesContent":["export function verticalContainer(props = {}) {\r\n  const { vertical, wrapperControl } = props;\r\n\r\n  let className = '';\r\n  if (wrapperControl) className += 'wrapperControl-modal-container ';\r\n  if (vertical) className += 'vertical-modal-container vertical-modal-wrapper ';\r\n\r\n  return className;\r\n}\r\n\r\nexport function handleOnOk(onOk, modal, once) {\r\n  if (onOk) {\r\n    if (once === true) modal.destroy();\r\n    const result = onOk();\r\n    if (typeof result === 'boolean' && !result) return;\r\n    if (result instanceof Promise) {\r\n      return result.then(res => modal.destroy());\r\n    }\r\n    if (!once) modal.destroy();\r\n  }\r\n}\r\n\r\nexport function handleOnCancel(onCancel, modal) {\r\n  modal.destroy();\r\n  onCancel && onCancel();\r\n}\r\n"]}
+{"version":3,"sources":["tplus-components-touch/components/modalWraper/utils.js"],"names":["verticalContainer","handleOnOk","handleOnCancel","props","vertical","wrapperControl","className","onOk","modal","once","destroy","result","then","onCancel"],"mappings":";;;;;;;;;;QAAgBA,iB,GAAAA,iB;QAUAC,U,GAAAA,U;QAYAC,c,GAAAA,c;;;;AAtBT,SAASF,iBAAT,GAAuC;AAAA,MAAZG,KAAY,uEAAJ,EAAI;AAAA,MACpCC,QADoC,GACPD,KADO,CACpCC,QADoC;AAAA,MAC1BC,cAD0B,GACPF,KADO,CAC1BE,cAD0B;;;AAG5C,MAAIC,YAAY,EAAhB;AACA,MAAID,cAAJ,EAAoBC,aAAa,iCAAb;AACpB,MAAIF,QAAJ,EAAcE,aAAa,kDAAb;;AAEd,SAAOA,SAAP;AACD;;AAEM,SAASL,UAAT,CAAoBM,IAApB,EAA0BC,KAA1B,EAAiCC,IAAjC,EAAuC;AAC5C,MAAIF,IAAJ,EAAU;AACR,QAAIE,SAAS,IAAb,EAAmBD,MAAME,OAAN;AACnB,QAAMC,SAASJ,MAAf;AACA,QAAI,OAAOI,MAAP,KAAkB,SAAlB,IAA+B,CAACA,MAApC,EAA4C;AAC5C,QAAIA,mCAAJ,EAA+B;AAC7B,aAAOA,OAAOC,IAAP,CAAY;AAAA,eAAOJ,MAAME,OAAN,EAAP;AAAA,OAAZ,CAAP;AACD;AACD,QAAI,CAACD,IAAL,EAAWD,MAAME,OAAN;AACZ;AACF;;AAEM,SAASR,cAAT,CAAwBW,QAAxB,EAAkCL,KAAlC,EAAyC;AAC9CA,QAAME,OAAN;AACAG,cAAYA,UAAZ;AACD","file":"utils.js","sourcesContent":["export function verticalContainer(props = {}) {\n  const { vertical, wrapperControl } = props;\n\n  let className = '';\n  if (wrapperControl) className += 'wrapperControl-modal-container ';\n  if (vertical) className += 'vertical-modal-container vertical-modal-wrapper ';\n\n  return className;\n}\n\nexport function handleOnOk(onOk, modal, once) {\n  if (onOk) {\n    if (once === true) modal.destroy();\n    const result = onOk();\n    if (typeof result === 'boolean' && !result) return;\n    if (result instanceof Promise) {\n      return result.then(res => modal.destroy());\n    }\n    if (!once) modal.destroy();\n  }\n}\n\nexport function handleOnCancel(onCancel, modal) {\n  modal.destroy();\n  onCancel && onCancel();\n}\n"]}

package/dist/components/notification/index.js

@@ -108,10 +108,10 @@ var NotificationP = function NotificationP() {
     };
 
     this.key = null;
-}; /*
-    * 1.您有新的订单
-    * 2.您有新的退款订单
-    * 3.请注意，商品调价了
+}; /*
+    * 1.您有新的订单
+    * 2.您有新的退款订单
+    * 3.请注意，商品调价了
    */
 
 exports.default = NotificationP;

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

@@ -1 +1 @@
-{"version":3,"sources":["tplus-components-touch/components/notification/index.js"],"names":["NotificationP","sys_parms","mtd","window","ossAliyuncsFileURL","mtt","click","cb","close","key","show","total","type","callback","that","title","voice","status","Date","now","open","className","description","placement","duration","onClose","console","log"],"mappings":";;;;;;;;;;;;;;;;;AAMA;;;;AAEA;;AACA;;;;IAEqBA,a,GAOjB,yBAAc;AAAA;;AAAA;AAAA,SALdC,SAKc,GALF;AACRC,aAAQC,OAAOC,kBAAf,mBADQ;AAERC,aAAQF,OAAOC,kBAAf;AAFQ,KAKE;;AAAA,SAIdE,KAJc,GAIN,UAACC,EAAD,EAAQ;AACZA,cAAMA,IAAN;AACH,KANa;;AAAA,SAOdC,KAPc,GAON,UAACC,GAAD,EAAS;AACb,+BAAaD,KAAb,CAAmBC,GAAnB;AACH,KATa;;AAAA,SAUdC,IAVc,GAUP,YAAoC;AAAA,YAAnCC,KAAmC,uEAA3B,EAA2B;AAAA,YAAvBC,IAAuB,uEAAhB,CAAgB;AAAA,YAAbC,QAAa;;AACvC,YAAIC,OAAO,KAAX;AACA,YAAI,MAAKL,GAAT,EAAc;AACV,kBAAKD,KAAL,CAAW,MAAKC,GAAhB;AACH;AACD,YAAIM,QAAQ,IAAZ;AAAA,YAAkBC,QAAQ,IAA1B;AAAA,YAAgCC,SAAS,KAAzC;AACA,gBAAQL,IAAR;AACI,iBAAK,CAAL;AACIG,wBAAQ,QAAR;AACAC,wBAAQ,MAAKf,SAAL,CAAeC,GAAvB;AACAe,yBAAS,IAAT;AACA;AACJ,iBAAK,CAAL;AACIF,wBAAQ,UAAR;AACAC,wBAAQ,MAAKf,SAAL,CAAeI,GAAvB;AACAY,yBAAS,KAAT;AACA;AAVR;AAYA,YAAMR,MAAMS,KAAKC,GAAL,EAAZ;AACA,+BAAaC,IAAb,CAAkB;AACdC,uBAAW,uBADG;AAEdC,yBAAa;AAAA;AAAA,kBAAK,WAAU,SAAf,EAAyB,SAAS,mBAAM;AAAE,4BAAIL,MAAJ,EAAY;AAAEH,iCAAKR,KAAL,CAAWO,QAAX;AAAsB;AAAE,qBAAhF;AACT,8CAAC,YAAD,IAAO,MAAK,MAAZ,GADS;AAET;AAAA;AAAA,sBAAK,WAAU,QAAf;AACI;AAAA;AAAA,0BAAK,WAAWI,SAAS,YAAT,GAAwB,MAAxC;AAAiDF;AAAjD,qBADJ;AAGQE,8BACA;AAAA;AAAA,0BAAK,WAAU,OAAf;AAAwBN;AAAxB;AAJR,iBAFS;AAST;AAAA;AAAA,sBAAO,UAAS,UAAhB,EAA2B,UAAS,UAApC,EAA+C,aAA/C,EAAuD,YAAvD;AACI,8DAAQ,KAAKK,KAAb;AADJ;AATS,aAFC;AAedP,oBAfc;AAgBdc,uBAAW,UAhBG;AAiBdC,sBAAU,KAjBI;AAkBdC,mBAlBc,qBAkBJ;AAAEC,wBAAQC,GAAR,CAAY,cAAZ;AAA6B;AAlB3B,SAAlB;AAoBA,cAAKlB,GAAL,GAAWA,GAAX;AACH,KAlDa;;AACV,SAAKA,GAAL,GAAW,IAAX;AACH,C,EApBL;;;;;;kBAWqBT,a","file":"index.js","sourcesContent":["/*\r\n * 1.您有新的订单\r\n * 2.您有新的退款订单\r\n * 3.请注意，商品调价了\r\n*/\r\n\r\nimport React  from 'react';\r\nimport { notification } from 'antd';\r\nimport { Ticon } from '../../index';\r\nimport './index.less';\r\n\r\nexport default class NotificationP {\r\n\r\n    sys_parms = {\r\n        mtd: `${window.ossAliyuncsFileURL}/muisc/mtd.mp3`,\r\n        mtt: `${window.ossAliyuncsFileURL}/muisc/mtt.mp3`\r\n    }\r\n\r\n    constructor() {\r\n        this.key = null;\r\n    }\r\n\r\n    click = (cb) => {\r\n        cb && cb();\r\n    }\r\n    close = (key) => {\r\n        notification.close(key);\r\n    }\r\n    show = (total = 99, type = 1, callback) => {\r\n        let that = this;\r\n        if (this.key) {\r\n            this.close(this.key);\r\n        }\r\n        let title = null, voice = null, status = false;\r\n        switch (type) {\r\n            case 1:\r\n                title = \"您有新的订单\";\r\n                voice = this.sys_parms.mtd;\r\n                status = true;\r\n                break;\r\n            case 2:\r\n                title = \"您有新的退款订单\";\r\n                voice = this.sys_parms.mtt;\r\n                status = false;\r\n                break;\r\n        }\r\n        const key = Date.now();\r\n        notification.open({\r\n            className: 'notificationContainer',\r\n            description: <div className='content' onClick={() => { if (status) { that.click(callback) } }}>\r\n                <Ticon type='laba' />\r\n                <div className='second'>\r\n                    <div className={status ? 'text color' : 'text'}>{title}</div>\r\n                    {\r\n                        status &&\r\n                        <div className='total'>{total}</div>\r\n                    }\r\n                </div>\r\n                <audio controls=\"controls\" autoplay=\"autoplay\" preload hidden>\r\n                    <source src={voice} />\r\n                </audio>\r\n            </div>,\r\n            key,\r\n            placement: 'topRight',\r\n            duration: 99999,\r\n            onClose() { console.log('simple close') }\r\n        })\r\n        this.key = key;\r\n    }\r\n}"]}
+{"version":3,"sources":["tplus-components-touch/components/notification/index.js"],"names":["NotificationP","sys_parms","mtd","window","ossAliyuncsFileURL","mtt","click","cb","close","key","show","total","type","callback","that","title","voice","status","Date","now","open","className","description","placement","duration","onClose","console","log"],"mappings":";;;;;;;;;;;;;;;;;AAMA;;;;AAEA;;AACA;;;;IAEqBA,a,GAOjB,yBAAc;AAAA;;AAAA;AAAA,SALdC,SAKc,GALF;AACRC,aAAQC,OAAOC,kBAAf,mBADQ;AAERC,aAAQF,OAAOC,kBAAf;AAFQ,KAKE;;AAAA,SAIdE,KAJc,GAIN,UAACC,EAAD,EAAQ;AACZA,cAAMA,IAAN;AACH,KANa;;AAAA,SAOdC,KAPc,GAON,UAACC,GAAD,EAAS;AACb,+BAAaD,KAAb,CAAmBC,GAAnB;AACH,KATa;;AAAA,SAUdC,IAVc,GAUP,YAAoC;AAAA,YAAnCC,KAAmC,uEAA3B,EAA2B;AAAA,YAAvBC,IAAuB,uEAAhB,CAAgB;AAAA,YAAbC,QAAa;;AACvC,YAAIC,OAAO,KAAX;AACA,YAAI,MAAKL,GAAT,EAAc;AACV,kBAAKD,KAAL,CAAW,MAAKC,GAAhB;AACH;AACD,YAAIM,QAAQ,IAAZ;AAAA,YAAkBC,QAAQ,IAA1B;AAAA,YAAgCC,SAAS,KAAzC;AACA,gBAAQL,IAAR;AACI,iBAAK,CAAL;AACIG,wBAAQ,QAAR;AACAC,wBAAQ,MAAKf,SAAL,CAAeC,GAAvB;AACAe,yBAAS,IAAT;AACA;AACJ,iBAAK,CAAL;AACIF,wBAAQ,UAAR;AACAC,wBAAQ,MAAKf,SAAL,CAAeI,GAAvB;AACAY,yBAAS,KAAT;AACA;AAVR;AAYA,YAAMR,MAAMS,KAAKC,GAAL,EAAZ;AACA,+BAAaC,IAAb,CAAkB;AACdC,uBAAW,uBADG;AAEdC,yBAAa;AAAA;AAAA,kBAAK,WAAU,SAAf,EAAyB,SAAS,mBAAM;AAAE,4BAAIL,MAAJ,EAAY;AAAEH,iCAAKR,KAAL,CAAWO,QAAX;AAAsB;AAAE,qBAAhF;AACT,8CAAC,YAAD,IAAO,MAAK,MAAZ,GADS;AAET;AAAA;AAAA,sBAAK,WAAU,QAAf;AACI;AAAA;AAAA,0BAAK,WAAWI,SAAS,YAAT,GAAwB,MAAxC;AAAiDF;AAAjD,qBADJ;AAGQE,8BACA;AAAA;AAAA,0BAAK,WAAU,OAAf;AAAwBN;AAAxB;AAJR,iBAFS;AAST;AAAA;AAAA,sBAAO,UAAS,UAAhB,EAA2B,UAAS,UAApC,EAA+C,aAA/C,EAAuD,YAAvD;AACI,8DAAQ,KAAKK,KAAb;AADJ;AATS,aAFC;AAedP,oBAfc;AAgBdc,uBAAW,UAhBG;AAiBdC,sBAAU,KAjBI;AAkBdC,mBAlBc,qBAkBJ;AAAEC,wBAAQC,GAAR,CAAY,cAAZ;AAA6B;AAlB3B,SAAlB;AAoBA,cAAKlB,GAAL,GAAWA,GAAX;AACH,KAlDa;;AACV,SAAKA,GAAL,GAAW,IAAX;AACH,C,EApBL;;;;;;kBAWqBT,a","file":"index.js","sourcesContent":["/*\n * 1.您有新的订单\n * 2.您有新的退款订单\n * 3.请注意，商品调价了\n*/\n\nimport React  from 'react';\nimport { notification } from 'antd';\nimport { Ticon } from '../../index';\nimport './index.less';\n\nexport default class NotificationP {\n\n    sys_parms = {\n        mtd: `${window.ossAliyuncsFileURL}/muisc/mtd.mp3`,\n        mtt: `${window.ossAliyuncsFileURL}/muisc/mtt.mp3`\n    }\n\n    constructor() {\n        this.key = null;\n    }\n\n    click = (cb) => {\n        cb && cb();\n    }\n    close = (key) => {\n        notification.close(key);\n    }\n    show = (total = 99, type = 1, callback) => {\n        let that = this;\n        if (this.key) {\n            this.close(this.key);\n        }\n        let title = null, voice = null, status = false;\n        switch (type) {\n            case 1:\n                title = \"您有新的订单\";\n                voice = this.sys_parms.mtd;\n                status = true;\n                break;\n            case 2:\n                title = \"您有新的退款订单\";\n                voice = this.sys_parms.mtt;\n                status = false;\n                break;\n        }\n        const key = Date.now();\n        notification.open({\n            className: 'notificationContainer',\n            description: <div className='content' onClick={() => { if (status) { that.click(callback) } }}>\n                <Ticon type='laba' />\n                <div className='second'>\n                    <div className={status ? 'text color' : 'text'}>{title}</div>\n                    {\n                        status &&\n                        <div className='total'>{total}</div>\n                    }\n                </div>\n                <audio controls=\"controls\" autoplay=\"autoplay\" preload hidden>\n                    <source src={voice} />\n                </audio>\n            </div>,\n            key,\n            placement: 'topRight',\n            duration: 99999,\n            onClose() { console.log('simple close') }\n        })\n        this.key = key;\n    }\n}"]}

package/dist/components/notification/index.less

@@ -1,52 +1,52 @@
-.notificationContainer {
-    border-radius: 6px;
-    width        : 220px;
-    height       : 50px;
-    line-height  : 50px;
-    padding      : 0;
-    display      : block;
-    float        : right;
-    cursor       : pointer;
-    .ant-notification-notice-message{
-        margin-bottom: 0;
-    }
-    .ant-notification-notice-close{
-        top: -10px;
-        right: 10px;
-    }
-    .content {
-
-        display        : flex;
-        align-items    : flex-start;
-        justify-content: center;
-        margin-left    : 15px;
-        margin-right   : 25px;
-
-        i {
-            font-size: 20px;
-        }
-
-        .second {
-            display: flex;
-            align-items: flex-start;
-            justify-content: center;
-
-            .text {
-                font-size   : 14px;
-                margin-left : 5px;
-                margin-right: 5px;
-                width       : 120px;
-            }
-
-            .total {
-                border-radius: 50%;
-                font-size    : 10px;
-                width        : 20px;
-                height       : 20px;
-                line-height  : 20px;
-                text-align   : center;
-                margin-top: 15px;
-            }
-        }
-    }
+.notificationContainer {
+    border-radius: 6px;
+    width        : 220px;
+    height       : 50px;
+    line-height  : 50px;
+    padding      : 0;
+    display      : block;
+    float        : right;
+    cursor       : pointer;
+    .ant-notification-notice-message{
+        margin-bottom: 0;
+    }
+    .ant-notification-notice-close{
+        top: -10px;
+        right: 10px;
+    }
+    .content {
+
+        display        : flex;
+        align-items    : flex-start;
+        justify-content: center;
+        margin-left    : 15px;
+        margin-right   : 25px;
+
+        i {
+            font-size: 20px;
+        }
+
+        .second {
+            display: flex;
+            align-items: flex-start;
+            justify-content: center;
+
+            .text {
+                font-size   : 14px;
+                margin-left : 5px;
+                margin-right: 5px;
+                width       : 120px;
+            }
+
+            .total {
+                border-radius: 50%;
+                font-size    : 10px;
+                width        : 20px;
+                height       : 20px;
+                line-height  : 20px;
+                text-align   : center;
+                margin-top: 15px;
+            }
+        }
+    }
 }