tplus-components-touch 1.26.1 → 1.26.2

package/dist/components/message/index.less

@@ -1,150 +1,150 @@
-.u-message{
-    z-index: 9999999 !important;
-    width: 100%;
-    &>span{
-        width: 100%;
-        display: block;
-        text-align: center;
-    }
-    .u-message-notice-description-icon{
-        display: none !important;
-    }
-    .u-message-notice-description-content::before{
-        top:initial!important;
-        transform: initial!important;
-    }
-    .u-message-notice{
-        display: inline-block;
-        position: absolute;
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-        border-radius: 5px;
-        border-width: 1px;
-        border-style: solid;
-        padding: 0px;
-        margin-top: 16px;
-        // left: 0;
-        transform: translateX(-50%);
-        max-width: 90%;
-        .u-message-notice-description-content{
-            padding: 10px 24px 10px 40px;
-            box-sizing: border-box;
-            color: #4e5652;
-            margin-left: 0px;
-            position: relative;
-            min-width: inherit;
-            max-width: inherit;
-            font-size: 14px;
-            word-break: break-all;
-            &:before{
-                font-family: "iconfont" !important;
-                position: absolute;
-                left: 10px;
-                font-size: 14px;
-                top: 50%;
-                transform: translateY(-50%);
-            }
-        }
-        .u-message-notice-close{
-            display: none;
-        }
-    }
-        .u-message-notice.u-message-notice-success{
-            background-color: #e5f7ed;
-            border-color: #02b144;
-            .u-message-notice-description-content{
-                &:before{
-                    content: "\e682";
-                    color: #02b144;
-                }
-            }
-        }
-        .u-message-notice.u-message-notice-danger{
-            background-color: #ffefee;
-            border-color: #ff595e;
-            .u-message-notice-description-content{
-                &:before{
-                    content: "\e683";
-                    color: #ff595e;
-                }
-            }
-        }
-        .u-message-notice.u-message-notice-warning{
-            background-color: #fff3e9;
-            border-color: #ff8c24;
-            .u-message-notice-description-content{
-                &:before{
-                    content: "\e67f";
-                    color: #ff8c24;
-                }
-            }
-        }
-        .u-message-notice.u-message-notice-info{
-            background-color: #eaf7fe;
-            border-color: #33aaf9;
-            .u-message-notice-description-content{
-                &:before{
-                    content: "\e67e";
-                    color: #33aaf9;
-                }
-            }
-        }
-}
-
-.message-toast{
-    .u-message{
-        .u-message-notice{
-            background-color: rgba(0,0,0,.7);
-            border: none;
-            box-shadow: 2px 2px 2px rgba(0,0,0,.1);
-            border-radius: 15px;
-            .u-message-notice-description-content{
-                &:before{
-                    display: none;
-                }
-                color: #fff;
-                font-size: 40px;
-                padding: 30px 40px;
-            }
-        }
-    }
-}
-
-.message-loading{
-    .message-loading-content{
-        position: relative;
-        padding-top: 95px;
-    }
-    .u-message-notice-content{
-        min-width: 250px;
-    }
-    .u-message{
-        .u-message-notice{
-            background-color: rgba(0,0,0,.7);
-            border: none;
-            box-shadow: 2px 2px 2px rgba(0,0,0,.1);
-            border-radius: 15px;
-            .u-message-notice-description-content{
-                &:before{
-                    display: none;
-                }
-                color: #fff;
-                font-size: 36px;
-                padding: 30px 40px;
-                .tplus-spin{
-                    position: absolute;
-                    left: 50%;
-                    margin-left: -16px;
-                    top: 20px;
-                }
-            }
-        }
-    }
-    .message-loading-mask{
-        width: 100%;
-        height: 100%;
-        position: fixed;
-        z-index: 99999999;
-        left: 0;
-        top: 0;
-    }
-}
+.u-message{
+    z-index: 9999999 !important;
+    width: 100%;
+    &>span{
+        width: 100%;
+        display: block;
+        text-align: center;
+    }
+    .u-message-notice-description-icon{
+        display: none !important;
+    }
+    .u-message-notice-description-content::before{
+        top:initial!important;
+        transform: initial!important;
+    }
+    .u-message-notice{
+        display: inline-block;
+        position: absolute;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+        border-radius: 5px;
+        border-width: 1px;
+        border-style: solid;
+        padding: 0px;
+        margin-top: 16px;
+        // left: 0;
+        transform: translateX(-50%);
+        max-width: 90%;
+        .u-message-notice-description-content{
+            padding: 10px 24px 10px 40px;
+            box-sizing: border-box;
+            color: #4e5652;
+            margin-left: 0px;
+            position: relative;
+            min-width: inherit;
+            max-width: inherit;
+            font-size: 14px;
+            word-break: break-all;
+            &:before{
+                font-family: "iconfont" !important;
+                position: absolute;
+                left: 10px;
+                font-size: 14px;
+                top: 50%;
+                transform: translateY(-50%);
+            }
+        }
+        .u-message-notice-close{
+            display: none;
+        }
+    }
+        .u-message-notice.u-message-notice-success{
+            background-color: #e5f7ed;
+            border-color: #02b144;
+            .u-message-notice-description-content{
+                &:before{
+                    content: "\e682";
+                    color: #02b144;
+                }
+            }
+        }
+        .u-message-notice.u-message-notice-danger{
+            background-color: #ffefee;
+            border-color: #ff595e;
+            .u-message-notice-description-content{
+                &:before{
+                    content: "\e683";
+                    color: #ff595e;
+                }
+            }
+        }
+        .u-message-notice.u-message-notice-warning{
+            background-color: #fff3e9;
+            border-color: #ff8c24;
+            .u-message-notice-description-content{
+                &:before{
+                    content: "\e67f";
+                    color: #ff8c24;
+                }
+            }
+        }
+        .u-message-notice.u-message-notice-info{
+            background-color: #eaf7fe;
+            border-color: #33aaf9;
+            .u-message-notice-description-content{
+                &:before{
+                    content: "\e67e";
+                    color: #33aaf9;
+                }
+            }
+        }
+}
+
+.message-toast{
+    .u-message{
+        .u-message-notice{
+            background-color: rgba(0,0,0,.7);
+            border: none;
+            box-shadow: 2px 2px 2px rgba(0,0,0,.1);
+            border-radius: 15px;
+            .u-message-notice-description-content{
+                &:before{
+                    display: none;
+                }
+                color: #fff;
+                font-size: 40px;
+                padding: 30px 40px;
+            }
+        }
+    }
+}
+
+.message-loading{
+    .message-loading-content{
+        position: relative;
+        padding-top: 95px;
+    }
+    .u-message-notice-content{
+        min-width: 250px;
+    }
+    .u-message{
+        .u-message-notice{
+            background-color: rgba(0,0,0,.7);
+            border: none;
+            box-shadow: 2px 2px 2px rgba(0,0,0,.1);
+            border-radius: 15px;
+            .u-message-notice-description-content{
+                &:before{
+                    display: none;
+                }
+                color: #fff;
+                font-size: 36px;
+                padding: 30px 40px;
+                .tplus-spin{
+                    position: absolute;
+                    left: 50%;
+                    margin-left: -16px;
+                    top: 20px;
+                }
+            }
+        }
+    }
+    .message-loading-mask{
+        width: 100%;
+        height: 100%;
+        position: fixed;
+        z-index: 99999999;
+        left: 0;
+        top: 0;
+    }
+}

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

@@ -1 +1 @@
-{"version":3,"sources":["tplus-components-touch/components/modal/index.js"],"names":["Modal","props","el","document","createElement","body","appendChild","handleCancel","handleOk","mask","maskClosable","maskStyle","show","className","bodyClassName","ReactDOM","createPortal","e","preventDefault","stopPropagation","children","React","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;;;AACA;;;;IAEqBA,K;;;AACjB,iBAAYC,KAAZ,EAAmB;AAAA;;AAAA,oIACTA,KADS;;AAEf,UAAKC,EAAL,GAAUC,SAASC,aAAT,CAAuB,KAAvB,CAAV;AACAD,aAASE,IAAT,CAAcC,WAAd,CAA0B,MAAKJ,EAA/B;AAHe;AAIlB;;;;6BACQ;AAAA;;AAAA,mBAC6G,KAAKD,KADlH;AAAA,UACAM,YADA,UACAA,YADA;AAAA,UACcC,QADd,UACcA,QADd;AAAA,+BACwBC,IADxB;AAAA,UACwBA,IADxB,+BAC6B,IAD7B;AAAA,uCACmCC,YADnC;AAAA,UACmCA,YADnC,uCACgD,IADhD;AAAA,oCACsDC,SADtD;AAAA,UACsDA,SADtD,oCACgE,EADhE;AAAA,UACoEC,IADpE,UACoEA,IADpE;AAAA,oCAC0EC,SAD1E;AAAA,UAC0EA,SAD1E,oCACoF,EADpF;AAAA,wCACwFC,aADxF;AAAA,UACwFA,aADxF,wCACsG,EADtG;;AAEL,aACEC,mBAASC,YAAT,CAEEJ,OACE;AAAA;AAAA,UAAK,WAAcC,SAAd,qBAAL,EAAgD,SAAUN,YAA1D,EAAyE,OAAOI,SAAhF;AACE;AAAA;AAAA,YAAK,KAAK;AAAA,qBAAQ,OAAKN,IAAL,GAAYA,IAApB;AAAA,aAAV,EAAoC,WAAcS,aAAd,gBAApC,EAA8E,SAAS,oBAAK;AACpFG,gBAAEC,cAAF;AACAD,gBAAEE,eAAF;AACL,aAHH;AAIG,eAAKlB,KAAL,CAAWmB;AAJd;AADF,OADF,GAUE,IAZJ,EAeE,KAAKlB,EAfP,CADF;AAmBH;;;EA3B8BmB,gBAAMC,S;;kBAApBtB,K","file":"index.js","sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.less';\r\n\r\nexport default class Modal extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.el = document.createElement('div');\r\n        document.body.appendChild(this.el)\r\n    }\r\n    render() {\r\n      const {handleCancel, handleOk, mask=true, maskClosable=true, maskStyle={}, show, className='', bodyClassName='' } = this.props;\r\n        return (\r\n          ReactDOM.createPortal(\r\n\r\n          ( show ? \r\n              <div className={`${className} modal-container`} onClick={ handleCancel } style={maskStyle}>\r\n                <div ref={body => this.body = body} className={`${bodyClassName} modal-body`} onClick={e => {\r\n                        e.preventDefault();\r\n                        e.stopPropagation();\r\n                  }}>\r\n                  {this.props.children}\r\n                </div>\r\n              </div>\r\n            :\r\n              null\r\n          ),\r\n\r\n            this.el\r\n          )\r\n        );\r\n    }\r\n}"]}
+{"version":3,"sources":["tplus-components-touch/components/modal/index.js"],"names":["Modal","props","el","document","createElement","body","appendChild","handleCancel","handleOk","mask","maskClosable","maskStyle","show","className","bodyClassName","ReactDOM","createPortal","e","preventDefault","stopPropagation","children","React","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;;;AACA;;;;IAEqBA,K;;;AACjB,iBAAYC,KAAZ,EAAmB;AAAA;;AAAA,oIACTA,KADS;;AAEf,UAAKC,EAAL,GAAUC,SAASC,aAAT,CAAuB,KAAvB,CAAV;AACAD,aAASE,IAAT,CAAcC,WAAd,CAA0B,MAAKJ,EAA/B;AAHe;AAIlB;;;;6BACQ;AAAA;;AAAA,mBAC6G,KAAKD,KADlH;AAAA,UACAM,YADA,UACAA,YADA;AAAA,UACcC,QADd,UACcA,QADd;AAAA,+BACwBC,IADxB;AAAA,UACwBA,IADxB,+BAC6B,IAD7B;AAAA,uCACmCC,YADnC;AAAA,UACmCA,YADnC,uCACgD,IADhD;AAAA,oCACsDC,SADtD;AAAA,UACsDA,SADtD,oCACgE,EADhE;AAAA,UACoEC,IADpE,UACoEA,IADpE;AAAA,oCAC0EC,SAD1E;AAAA,UAC0EA,SAD1E,oCACoF,EADpF;AAAA,wCACwFC,aADxF;AAAA,UACwFA,aADxF,wCACsG,EADtG;;AAEL,aACEC,mBAASC,YAAT,CAEEJ,OACE;AAAA;AAAA,UAAK,WAAcC,SAAd,qBAAL,EAAgD,SAAUN,YAA1D,EAAyE,OAAOI,SAAhF;AACE;AAAA;AAAA,YAAK,KAAK;AAAA,qBAAQ,OAAKN,IAAL,GAAYA,IAApB;AAAA,aAAV,EAAoC,WAAcS,aAAd,gBAApC,EAA8E,SAAS,oBAAK;AACpFG,gBAAEC,cAAF;AACAD,gBAAEE,eAAF;AACL,aAHH;AAIG,eAAKlB,KAAL,CAAWmB;AAJd;AADF,OADF,GAUE,IAZJ,EAeE,KAAKlB,EAfP,CADF;AAmBH;;;EA3B8BmB,gBAAMC,S;;kBAApBtB,K","file":"index.js","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.less';\n\nexport default class Modal extends React.Component {\n    constructor(props) {\n        super(props);\n        this.el = document.createElement('div');\n        document.body.appendChild(this.el)\n    }\n    render() {\n      const {handleCancel, handleOk, mask=true, maskClosable=true, maskStyle={}, show, className='', bodyClassName='' } = this.props;\n        return (\n          ReactDOM.createPortal(\n\n          ( show ? \n              <div className={`${className} modal-container`} onClick={ handleCancel } style={maskStyle}>\n                <div ref={body => this.body = body} className={`${bodyClassName} modal-body`} onClick={e => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                  }}>\n                  {this.props.children}\n                </div>\n              </div>\n            :\n              null\n          ),\n\n            this.el\n          )\n        );\n    }\n}"]}

package/dist/components/modal/index.less

@@ -1,19 +1,19 @@
-.modal-container {
-  background-color: rgba(33, 33, 33, .4);
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  opacity: 1;
-  z-index: 99999999;
-  .modal-body {
-    background-color: #fff;
-    border-radius: 5px;
-    padding: 30px;
-    width: 400px;
-    position: absolute;
-    margin: 0 auto;
-    top: 40%;
-  }
-}
+.modal-container {
+  background-color: rgba(33, 33, 33, .4);
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  opacity: 1;
+  z-index: 99999999;
+  .modal-body {
+    background-color: #fff;
+    border-radius: 5px;
+    padding: 30px;
+    width: 400px;
+    position: absolute;
+    margin: 0 auto;
+    top: 40%;
+  }
+}

package/dist/components/modalVertical/style.less

@@ -1,114 +1,114 @@
-.vertical-modal{
-    .u-modal-dialog{
-        width:900px!important;
-        height: 886px;
-        .u-modal-header{
-            h4{
-                line-height: 55px;
-            }
-            button{
-                line-height: 50px;
-            }
-        }
-        .u-modal-content{
-            padding-left:45px;
-            padding-right:45px;
-            height: 100%;
-            background: #f8f8f8;
-            // background: rgba(0,0,0,0.60);
-            border-radius: 30px;
-            .u-modal-header{
-                padding-top:50px!important;
-                box-sizing: border-box;
-                .u-modal-title{
-                    height: 51px;
-                    font-size: 50px!important;
-                    color: #333333;
-                    // line-height: 50.62px;
-                }
-                i{
-                    font-size:30px;
-                }
-                height: 117px;
-                font-family: PingFangSC-Medium;
-                background:#f8f8f8!important;
-            }
-            .u-modal-body{
-                height: 760px;
-                background:#f8f8f8!important;
-            }
-            .u-modal-footer{
-                height:124px;
-                box-sizing: border-box;
-                padding: 7px 16px!important;
-                border-top: 1px solid #E6E6EB!important;
-        
-                .footer{
-                    display: flex;
-                    height: 100%;
-                    justify-content: space-between;
-                    align-items: center;
-                    .check{
-                        margin-left: 17px;
-                        .u-checkbox-label {
-                            font-size: 14px;
-                            color    : #333333;
-                        }
-                    }
-                    .u-checkbox.is-checked .u-checkbox-label:before {
-                        background  : #32ABF9;
-                        border-color: #32ABF9;
-                        box-shadow  :0 0 0 10px #FFF;
-                    }
-        
-                    .u-checkbox.is-checked .u-checkbox-label:after {
-                        color: #FFF;
-                    }
-        
-                    .u-checkbox input[type=checkbox]:focus+.u-checkbox-label:before {
-                        border-color: #D2D2D7;
-                    }
-                    .u-checkbox .u-checkbox-label:before{
-                        border-color: #D2D2D7;
-                    }
-                    .u-checkbox .u-checkbox-label:after,
-                    .u-checkbox .u-checkbox-label:before {
-                      width : 16px;
-                      height: 16px;
-                    }
-                    .btn{
-                        width:100%;
-                    }
-                }
-                button{
-                    background: #FF8C26;
-                    border-radius: 32px;
-                    height: 64px;
-                    width:152px;
-                    font-size: 32px;
-                    color: #333333;
-                    text-align: center;
-                    line-height: 28px;
-                    margin-right: 40px;
-                }
-                button[type='success']{
-                    color:#fff!important;
-                    // background: var(--modal-btn);
-                    background: #FF8C26!important;
-                    border:none!important;
-                    margin-right: 0px!important;
-                }
-                button[type='cancel']{
-                    color: #2D2D2D!important;
-                    background: #FFF!important;
-                    border: 1px solid #D2D2D7!important;
-                }
-                .u-button:hover {//去掉划过颜色
-                    background-color: static!important;
-                    border-color: static!important;
-                }
-            }
-        }
-    }
-}
-
+.vertical-modal{
+    .u-modal-dialog{
+        width:900px!important;
+        height: 886px;
+        .u-modal-header{
+            h4{
+                line-height: 55px;
+            }
+            button{
+                line-height: 50px;
+            }
+        }
+        .u-modal-content{
+            padding-left:45px;
+            padding-right:45px;
+            height: 100%;
+            background: #f8f8f8;
+            // background: rgba(0,0,0,0.60);
+            border-radius: 30px;
+            .u-modal-header{
+                padding-top:50px!important;
+                box-sizing: border-box;
+                .u-modal-title{
+                    height: 51px;
+                    font-size: 50px!important;
+                    color: #333333;
+                    // line-height: 50.62px;
+                }
+                i{
+                    font-size:30px;
+                }
+                height: 117px;
+                font-family: PingFangSC-Medium;
+                background:#f8f8f8!important;
+            }
+            .u-modal-body{
+                height: 760px;
+                background:#f8f8f8!important;
+            }
+            .u-modal-footer{
+                height:124px;
+                box-sizing: border-box;
+                padding: 7px 16px!important;
+                border-top: 1px solid #E6E6EB!important;
+        
+                .footer{
+                    display: flex;
+                    height: 100%;
+                    justify-content: space-between;
+                    align-items: center;
+                    .check{
+                        margin-left: 17px;
+                        .u-checkbox-label {
+                            font-size: 14px;
+                            color    : #333333;
+                        }
+                    }
+                    .u-checkbox.is-checked .u-checkbox-label:before {
+                        background  : #32ABF9;
+                        border-color: #32ABF9;
+                        box-shadow  :0 0 0 10px #FFF;
+                    }
+        
+                    .u-checkbox.is-checked .u-checkbox-label:after {
+                        color: #FFF;
+                    }
+        
+                    .u-checkbox input[type=checkbox]:focus+.u-checkbox-label:before {
+                        border-color: #D2D2D7;
+                    }
+                    .u-checkbox .u-checkbox-label:before{
+                        border-color: #D2D2D7;
+                    }
+                    .u-checkbox .u-checkbox-label:after,
+                    .u-checkbox .u-checkbox-label:before {
+                      width : 16px;
+                      height: 16px;
+                    }
+                    .btn{
+                        width:100%;
+                    }
+                }
+                button{
+                    background: #FF8C26;
+                    border-radius: 32px;
+                    height: 64px;
+                    width:152px;
+                    font-size: 32px;
+                    color: #333333;
+                    text-align: center;
+                    line-height: 28px;
+                    margin-right: 40px;
+                }
+                button[type='success']{
+                    color:#fff!important;
+                    // background: var(--modal-btn);
+                    background: #FF8C26!important;
+                    border:none!important;
+                    margin-right: 0px!important;
+                }
+                button[type='cancel']{
+                    color: #2D2D2D!important;
+                    background: #FFF!important;
+                    border: 1px solid #D2D2D7!important;
+                }
+                .u-button:hover {//去掉划过颜色
+                    background-color: static!important;
+                    border-color: static!important;
+                }
+            }
+        }
+    }
+}
+