tplus-components-touch 3.22.12 → 3.22.16

package/dist/components/modalWraper/style.less

@@ -1,257 +0,0 @@
-//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

@@ -1,48 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,119 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

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