tplus-components-touch 3.28.2 → 3.28.6

package/dist/components/modalWraper/style.less

@@ -0,0 +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;
+    }
+}

package/dist/components/modalWraper/utils.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _promise = require('babel-runtime/core-js/promise');
+
+var _promise2 = _interopRequireDefault(_promise);
+
+exports.verticalContainer = verticalContainer;
+exports.handleOnOk = handleOnOk;
+exports.handleOnCancel = handleOnCancel;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function verticalContainer() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var vertical = props.vertical,
+      wrapperControl = props.wrapperControl;
+
+
+  var className = '';
+  if (wrapperControl) className += 'wrapperControl-modal-container ';
+  if (vertical) className += 'vertical-modal-container vertical-modal-wrapper ';
+
+  return className;
+}
+
+function handleOnOk(onOk, modal, once) {
+  if (onOk) {
+    if (once === true) modal.destroy();
+    var result = onOk();
+    if (typeof result === 'boolean' && !result) return;
+    if (result instanceof _promise2.default) {
+      return result.then(function (res) {
+        return modal.destroy();
+      });
+    }
+    if (!once) modal.destroy();
+  }
+}
+
+function handleOnCancel(onCancel, modal) {
+  modal.destroy();
+  onCancel && onCancel();
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +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 = {}) {\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

@@ -0,0 +1,119 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _notification2 = require('antd/es/notification');
+
+var _notification3 = _interopRequireDefault(_notification2);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+require('antd/es/notification/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _index = require('../../index');
+
+require('./index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var mtd = "https://newretail.static.chanjet.com/muisc/mtd.mp3"; /*
+                                                                 * 1.您有新的订单
+                                                                 * 2.您有新的退款订单
+                                                                 * 3.请注意，商品调价了
+                                                                */
+
+var mtt = "https://newretail.static.chanjet.com/muisc/mtt.mp3";
+var mtj = "https://newretail.static.chanjet.com/muisc/mtj.mp3";
+
+var NotificationP = function NotificationP() {
+    var _this = this;
+
+    (0, _classCallCheck3.default)(this, NotificationP);
+
+    this.click = function (cb) {
+        cb && cb();
+    };
+
+    this.close = function (key) {
+        _notification3.default.close(key);
+    };
+
+    this.show = function () {
+        var total = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 99;
+        var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+        var callback = arguments[2];
+
+        var that = _this;
+        if (_this.key) {
+            _this.close(_this.key);
+        }
+        var title = null,
+            voice = null,
+            status = false;
+        switch (type) {
+            case 1:
+                title = "您有新的订单";
+                voice = mtd;
+                status = true;
+                break;
+            case 2:
+                title = "您有新的退款订单";
+                voice = mtt;
+                status = false;
+                break;
+        }
+        var key = Date.now();
+        _notification3.default.open({
+            className: 'notificationContainer',
+            description: _react2.default.createElement(
+                'div',
+                { className: 'content', onClick: function onClick() {
+                        if (status) {
+                            that.click(callback);
+                        }
+                    } },
+                _react2.default.createElement(_index.Ticon, { type: 'laba' }),
+                _react2.default.createElement(
+                    'div',
+                    { className: 'second' },
+                    _react2.default.createElement(
+                        'div',
+                        { className: status ? 'text color' : 'text' },
+                        title
+                    ),
+                    status && _react2.default.createElement(
+                        'div',
+                        { className: 'total' },
+                        total
+                    )
+                ),
+                _react2.default.createElement(
+                    'audio',
+                    { controls: 'controls', autoplay: 'autoplay', preload: true, hidden: true },
+                    _react2.default.createElement('source', { src: voice })
+                )
+            ),
+            key: key,
+            placement: 'topRight',
+            duration: 99999,
+            onClose: function onClose() {
+                console.log('simple close');
+            }
+        });
+        _this.key = key;
+    };
+
+    this.key = null;
+};
+
+exports.default = NotificationP;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/notification/index.js"],"names":["mtd","mtt","mtj","NotificationP","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;;;;AAEA,IAAMA,MAAM,oDAAZ,C,CAXA;;;;;;AAYA,IAAMC,MAAM,oDAAZ;AACA,IAAMC,MAAM,oDAAZ;;IACqBC,a,GACjB,yBAAc;AAAA;;AAAA;;AAAA,SAIdC,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,wBAAQd,GAAR;AACAe,yBAAS,IAAT;AACA;AACJ,iBAAK,CAAL;AACIF,wBAAQ,UAAR;AACAC,wBAAQb,GAAR;AACAc,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;;kBAHgBJ,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\nconst mtd = \"https://newretail.static.chanjet.com/muisc/mtd.mp3\";\nconst mtt = \"https://newretail.static.chanjet.com/muisc/mtt.mp3\";\nconst mtj = \"https://newretail.static.chanjet.com/muisc/mtj.mp3\";\nexport default class NotificationP {\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 = mtd;\n                status = true;\n                break;\n            case 2:\n                title = \"您有新的退款订单\";\n                voice = 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

@@ -0,0 +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;
+            }
+        }
+    }
+}