tplus-member 3.26.6 → 3.27.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tplus-member",
-    "version": "3.26.6",
+    "version": "3.27.1",
     "description": "",
     "main": "dist/index.js",
     "scripts": {
@@ -17,11 +17,11 @@
         "mutants-devtools": "^1.0.0",
         "mutants-microfx": "^1.0.0",
         "tplus-api": "~5.0.1",
-        "tplus-components": "~3.26.1",
-        "tplus-components-touch": "~3.26.1",
-        "tplus-portaltouch": "~3.26.1",
-        "tplus-poslogin": "~3.26.1",
-        "tplus-setting-touch": "~3.26.1"
+        "tplus-components": "~3.27.1",
+        "tplus-components-touch": "~3.27.1",
+        "tplus-portaltouch": "~3.27.1",
+        "tplus-poslogin": "~3.27.1",
+        "tplus-setting-touch": "~3.27.1"
     },
     "dependencies": {
         "antd": "4.10.3"

package/dist/member/MemberCardList.js

@@ -1,374 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = undefined;
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _utils = require('../utils');
-
-var _tplusComponentsTouch = require('tplus-components-touch');
-
-var _swiper = require('swiper/dist/js/swiper.js');
-
-var _swiper2 = _interopRequireDefault(_swiper);
-
-require('swiper/dist/css/swiper.min.css');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var MemberCardList = function (_Component) {
-  (0, _inherits3.default)(MemberCardList, _Component);
-
-  function MemberCardList(props) {
-    (0, _classCallCheck3.default)(this, MemberCardList);
-
-    var _this = (0, _possibleConstructorReturn3.default)(this, (MemberCardList.__proto__ || (0, _getPrototypeOf2.default)(MemberCardList)).call(this, props));
-
-    _this.memberSwiper = undefined;
-
-    _this.resetSlideTop = function () {
-      if (_this.memberSwiper) {
-        _this.memberSwiper.slideTo(0, 0, false);
-      }
-    };
-
-    _this.getMemberCardItemRender = function () {
-      var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var key = arguments[1];
-      var IsEnableUMember = arguments[2];
-      var precisionInfo = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-      var ID = item.ID,
-          Name = item.Name,
-          Mobilephone = item.Mobilephone,
-          CardCode = item.CardCode,
-          BalanceIntegral = item.BalanceIntegral,
-          BalanceStorage = item.BalanceStorage,
-          _item$MemberType = item.MemberType,
-          MemberType = _item$MemberType === undefined ? {} : _item$MemberType,
-          IsFocusUmember = item.IsFocusUmember,
-          _item$UmemberLabel = item.UmemberLabel,
-          UmemberLabel = _item$UmemberLabel === undefined ? '' : _item$UmemberLabel,
-          ImageFile = item.ImageFile,
-          _item$ExpirationDate = item.ExpirationDate,
-          ExpirationDate = _item$ExpirationDate === undefined ? '' : _item$ExpirationDate,
-          isExpiration = item.isExpiration,
-          isUserLogout = item.isUserLogout,
-          UmemberOpenId = item.UmemberOpenId;
-      var _this$props = _this.props,
-          getMemberStateStamp = _this$props.getMemberStateStamp,
-          loadUserInfo = _this$props.loadUserInfo,
-          selected = _this$props.selected,
-          isCC = _this$props.isCC;
-
-      var iconItems = getMemberStateStamp(item);
-      var labels = UmemberLabel ? UmemberLabel.split(',') : [];
-      var defaultAvatar = 'https://newretail.static.chanjet.com/default_avatar.png';
-      var isSelected = selected === key;
-      return _react2.default.createElement(
-        'div',
-        { key: key + 'getMemberCardItemRender', className: 'swiper-slide member-item-slide ' + (isSelected ? 'slide-selected' : ''), onClick: function onClick() {
-            return loadUserInfo(key, ID, item);
-          } },
-        iconItems && iconItems.length > 0 && _react2.default.createElement(
-          'div',
-          { className: 'memberstate-stamp' },
-          iconItems
-        ),
-        _react2.default.createElement(
-          'div',
-          { className: 'card-avatar' },
-          _react2.default.createElement(
-            'div',
-            { className: 'avatar-box' },
-            _react2.default.createElement('img', { src: ImageFile || defaultAvatar, width: 60, height: 60 }),
-            IsEnableUMember && _react2.default.createElement(
-              'div',
-              { className: 'avatar-bage ' + (UmemberOpenId ? 'bage-follow' : '') },
-              _react2.default.createElement(
-                'div',
-                { className: 'avatar-bage-scale' },
-                UmemberOpenId ? '已关注' : '未关注'
-              )
-            )
-          )
-        ),
-        _react2.default.createElement(
-          'div',
-          { className: 'member-level' },
-          _react2.default.createElement(
-            'span',
-            null,
-            MemberType.Name
-          )
-        ),
-        _react2.default.createElement(
-          'div',
-          { className: 'member-info-container' },
-          _react2.default.createElement(
-            'div',
-            { className: 'member-infos' },
-            _react2.default.createElement(
-              'h1',
-              { className: 'member-info-name' },
-              Name
-            ),
-            _react2.default.createElement(
-              'p',
-              { className: 'member-phone' },
-              Mobilephone || CardCode
-            )
-          ),
-          _react2.default.createElement(
-            'div',
-            { className: 'member-money' },
-            _react2.default.createElement(
-              'div',
-              { className: 'score' },
-              _react2.default.createElement(
-                'span',
-                null,
-                (0, _utils.formatPrecision)(BalanceIntegral, precisionInfo.BalanceIntegral),
-                '\u79EF\u5206'
-              )
-            ),
-            _react2.default.createElement(
-              'div',
-              { className: 'balance' },
-              _react2.default.createElement(
-                'span',
-                null,
-                BalanceStorage ? (0, _utils.formatPrecision)(BalanceStorage, precisionInfo.BalanceStorage) : 0,
-                '\u4F59\u989D'
-              )
-            )
-          ),
-          IsEnableUMember && _react2.default.createElement(
-            'div',
-            { className: 'member-tag' },
-            labels.map(function (item, key) {
-              return _react2.default.createElement(
-                'span',
-                { key: key },
-                item
-              );
-            })
-          )
-        ),
-        isSelected && _react2.default.createElement(
-          'div',
-          { className: 'member-selected-icon' },
-          _react2.default.createElement(
-            'div',
-            { className: 'member-selected-icon-arrow' },
-            _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'huiyuanxuanzhong' })
-          )
-        )
-      );
-    };
-
-    _this.getCardItemRender = function () {
-      var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var key = arguments[1];
-      var IsEnableUMember = arguments[2];
-      var StorageCardNo = item.StorageCardNo,
-          Name = item.Name,
-          BalanceStorage = item.BalanceStorage;
-      var selected = _this.props.selected;
-
-      var isSelected = selected === key;
-      return _react2.default.createElement(
-        'div',
-        { key: key, className: 'swiper-slide member-item-slide member-card-slide ' + (isSelected ? 'slide-selected' : '') },
-        _react2.default.createElement(
-          'div',
-          { className: 'member-card-num' },
-          StorageCardNo
-        ),
-        _react2.default.createElement(
-          'div',
-          { className: 'member-card-name' },
-          Name
-        ),
-        _react2.default.createElement(
-          'div',
-          { className: 'member-card-balance' },
-          (0, _utils.formatPrecision)(BalanceStorage, 2),
-          _react2.default.createElement(
-            'span',
-            null,
-            '\u4F59\u989D'
-          )
-        ),
-        isSelected && _react2.default.createElement(
-          'div',
-          { className: 'member-selected-icon' },
-          _react2.default.createElement(
-            'div',
-            { className: 'member-selected-icon-arrow' },
-            _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'huiyuanxuanzhong' })
-          )
-        )
-      );
-    };
-
-    _this.state = {
-      memberLength: 0
-    };
-    return _this;
-  }
-
-  (0, _createClass3.default)(MemberCardList, [{
-    key: 'componentDidUpdate',
-    value: function componentDidUpdate() {
-      var _this2 = this;
-
-      var _props$memberList = this.props.memberList,
-          memberList = _props$memberList === undefined ? [] : _props$memberList;
-      var memberLength = this.state.memberLength;
-
-      if (memberList.length !== memberLength) {
-        this.setState({ memberLength: memberList.length }, function () {
-          if (_this2.memberSwiper) {
-            _this2.memberSwiper.updateSlides();
-          } else {
-            _this2.initSwiper();
-          }
-        });
-      }
-    }
-  }, {
-    key: 'componentWillUnmount',
-    value: function componentWillUnmount() {
-      this.memberSwiper && this.memberSwiper.destroy(false);
-      this.memberSwiper = undefined;
-    }
-  }, {
-    key: 'initSwiper',
-    value: function initSwiper() {
-      this.memberSwiper = new _swiper2.default('.swiper-member-container', {
-        direction: 'vertical',
-        slidesPerView: 'auto',
-        mousewheel: true,
-        watchSlidesProgress: true,
-        freeMode: true,
-        on: {
-          progress: this.props.progressListen
-        },
-        scrollbar: {
-          el: '.swiper-scrollbar',
-          hide: true
-        }
-      });
-    }
-    // 渲染会员列表里面的每一项
-
-    // 渲染储值卡列表中的每一项
-
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this3 = this;
-
-      var user = JSON.parse(localStorage.getItem('user')) || {};
-      var _user$loginInfo = user.loginInfo;
-      _user$loginInfo = _user$loginInfo === undefined ? {} : _user$loginInfo;
-      var IsEnableUMember = _user$loginInfo.IsEnableUMember;
-      var _props = this.props,
-          memberList = _props.memberList,
-          precisionInfo = _props.precisionInfo,
-          loadmoreLoading = _props.loadmoreLoading,
-          nomoreData = _props.nomoreData,
-          title = _props.title,
-          storeKey = _props.storeKey,
-          _props$cardList = _props.cardList,
-          cardList = _props$cardList === undefined ? [] : _props$cardList;
-
-      var noList = storeKey === 'memberManager' ? !memberList.length : !cardList.length;
-      return _react2.default.createElement(
-        'div',
-        { className: 'member-card-list-side', style: { display: noList ? 'none' : 'block' } },
-        _react2.default.createElement(
-          'div',
-          { className: 'swiper-member-container', style: { height: '100%' } },
-          storeKey === 'memberManager' && _react2.default.createElement(
-            'div',
-            { className: 'swiper-wrapper' },
-            memberList.map(function (value, key) {
-              return _this3.getMemberCardItemRender(value, key, IsEnableUMember, precisionInfo);
-            }),
-            !memberList.length && _react2.default.createElement(
-              'span',
-              { className: 'empty-data-tip', style: { marginTop: 30 } },
-              '\u6CA1\u6709\u76F8\u5173\u6570\u636E~'
-            ),
-            loadmoreLoading && _react2.default.createElement(
-              'span',
-              { className: 'empty-data-tip empty-data-tip-member-card' },
-              '\u6570\u636E\u52A0\u8F7D\u4E2D ...'
-            ),
-            nomoreData && _react2.default.createElement(
-              'span',
-              { className: 'empty-data-tip empty-data-tip-member-card' },
-              '\u6CA1\u6709\u66F4\u591A\u6570\u636E\u4E86~'
-            )
-          ),
-          storeKey === 'memberStorage' && _react2.default.createElement(
-            'div',
-            { className: 'swiper-wrapper' },
-            cardList.map(function (value, key) {
-              return _this3.getCardItemRender(value, key, IsEnableUMember);
-            }),
-            !cardList.length && _react2.default.createElement(
-              'span',
-              { className: 'empty-data-tip', style: { marginTop: 30 } },
-              '\u6CA1\u6709\u76F8\u5173\u6570\u636E~'
-            ),
-            loadmoreLoading && _react2.default.createElement(
-              'span',
-              { className: 'empty-data-tip empty-data-tip-member-card' },
-              '\u6570\u636E\u52A0\u8F7D\u4E2D ...'
-            ),
-            nomoreData && _react2.default.createElement(
-              'span',
-              { className: 'empty-data-tip empty-data-tip-member-card' },
-              '\u6CA1\u6709\u66F4\u591A\u6570\u636E\u4E86~'
-            )
-          ),
-          _react2.default.createElement('div', { className: 'swiper-scrollbar' })
-        )
-      );
-    }
-  }]);
-  return MemberCardList;
-}(_react.Component); /*
-                       会员/储值卡列表
-                     */
-
-
-exports.default = MemberCardList;
-//# sourceMappingURL=MemberCardList.js.map

package/dist/member/MemberCardList.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tplus-member/member/MemberCardList.js"],"names":["MemberCardList","props","memberSwiper","undefined","resetSlideTop","slideTo","getMemberCardItemRender","item","key","IsEnableUMember","precisionInfo","ID","Name","Mobilephone","CardCode","BalanceIntegral","BalanceStorage","MemberType","IsFocusUmember","UmemberLabel","ImageFile","ExpirationDate","isExpiration","isUserLogout","UmemberOpenId","getMemberStateStamp","loadUserInfo","selected","isCC","iconItems","labels","split","defaultAvatar","isSelected","length","map","getCardItemRender","StorageCardNo","state","memberLength","memberList","setState","updateSlides","initSwiper","destroy","Swiper","direction","slidesPerView","mousewheel","watchSlidesProgress","freeMode","on","progress","progressListen","scrollbar","el","hide","user","JSON","parse","localStorage","getItem","loginInfo","loadmoreLoading","nomoreData","title","storeKey","cardList","noList","display","height","value","marginTop","Component"],"mappings":"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","file":"MemberCardList.js","sourcesContent":["/*\n  会员/储值卡列表\n*/\nimport React, { Component } from 'react'\nimport { formatPrecision } from '../utils';\nimport { Ticon } from 'tplus-components-touch';\nimport Swiper from 'swiper/dist/js/swiper.js';\nimport 'swiper/dist/css/swiper.min.css';\n\nexport default class MemberCardList extends Component {\n    memberSwiper = undefined\n    constructor (props) {\n      super(props)\n      this.state = {\n        memberLength: 0\n      }\n    }\n    componentDidUpdate () {\n        const { memberList = [] } = this.props\n        const { memberLength } = this.state\n        if (memberList.length !== memberLength) {\n          this.setState({memberLength: memberList.length}, () => {\n            if (this.memberSwiper) {\n              this.memberSwiper.updateSlides();\n            } else {\n              this.initSwiper()\n            }\n          })\n        }\n    }\n    componentWillUnmount() {\n      this.memberSwiper && this.memberSwiper.destroy(false);\n      this.memberSwiper = undefined;\n    }\n    initSwiper () {\n      this.memberSwiper = new Swiper('.swiper-member-container', {\n        direction: 'vertical',\n        slidesPerView: 'auto',\n        mousewheel: true,\n        watchSlidesProgress : true,\n        freeMode: true,\n        on: {\n          progress: this.props.progressListen\n        },\n        scrollbar: {\n          el: '.swiper-scrollbar',\n          hide: true,\n        }\n      });\n    }\n    resetSlideTop = () => {\n      if (this.memberSwiper) {\n        this.memberSwiper.slideTo(0, 0, false);\n      }\n    }\n    // 渲染会员列表里面的每一项\n    getMemberCardItemRender = (item = {}, key, IsEnableUMember, precisionInfo = {}) => {\n        const {\n          ID, Name, Mobilephone, CardCode, BalanceIntegral, BalanceStorage, MemberType = {},\n          IsFocusUmember, UmemberLabel = '', ImageFile, ExpirationDate = '', isExpiration, isUserLogout, UmemberOpenId\n        } = item;\n        const {\n            getMemberStateStamp,\n            loadUserInfo,\n            selected,\n            isCC\n        } = this.props\n        const iconItems =  getMemberStateStamp(item);\n        const labels = UmemberLabel ? UmemberLabel.split(',') : [];\n        const defaultAvatar = 'https://newretail.static.chanjet.com/default_avatar.png';\n        const isSelected = selected === key;\n        return (\n          <div key={key + 'getMemberCardItemRender'} className={`swiper-slide member-item-slide ${isSelected ? 'slide-selected' : ''}`} onClick={() => loadUserInfo(key, ID, item)}>\n            {\n              iconItems && iconItems.length > 0 &&\n              <div className='memberstate-stamp'>\n                {iconItems}\n              </div>\n            }\n            <div className='card-avatar'>\n              <div className='avatar-box'>\n                <img src={ImageFile || defaultAvatar} width={60} height={60}/>\n                {IsEnableUMember && <div className={`avatar-bage ${UmemberOpenId ? 'bage-follow' : ''}`}>\n                  <div className='avatar-bage-scale'>{UmemberOpenId ? '已关注' : '未关注'}</div>\n                </div>}\n              </div>\n            </div>\n            <div className='member-level'>\n              <span>{MemberType.Name}</span>\n            </div>\n            <div className='member-info-container'>\n              <div className='member-infos'>\n                <h1 className='member-info-name'>{Name}</h1>\n                <p className='member-phone'>{Mobilephone || CardCode}</p>\n              </div>\n              <div className='member-money'>\n                <div className='score'>\n                  <span>{formatPrecision(BalanceIntegral, precisionInfo.BalanceIntegral)}积分</span>\n                </div>\n                <div className='balance'>\n                   <span>{BalanceStorage ? formatPrecision(BalanceStorage, precisionInfo.BalanceStorage) : 0}余额</span>\n                </div>\n              </div>\n              {IsEnableUMember && <div className='member-tag'>\n                {labels.map((item, key) => <span key={key}>{item}</span>)}\n              </div>}\n            </div>\n            {\n                isSelected && <div className='member-selected-icon'>\n                    <div className='member-selected-icon-arrow'>\n                        <Ticon type='huiyuanxuanzhong' />\n                    </div>\n                </div>\n            }\n          </div>\n        );\n    };\n    // 渲染储值卡列表中的每一项\n    getCardItemRender = (item = {}, key, IsEnableUMember) => {\n      const {\n        StorageCardNo,\n        Name,\n        BalanceStorage\n      } = item;\n      const {\n          selected\n      } = this.props\n      const isSelected = selected === key;\n      return (\n        <div key={key} className={`swiper-slide member-item-slide member-card-slide ${isSelected ? 'slide-selected' : ''}`}>\n          {/* 卡号 开始 */}\n          <div className=\"member-card-num\">{StorageCardNo}</div>\n          {/* 卡号 结束 */}\n          {/* 卡名称 开始 */}\n          <div className=\"member-card-name\">{Name}</div>\n          {/* 卡名称 结束 */}\n          {/* 卡余额 开始 */}\n          <div className=\"member-card-balance\">\n            {formatPrecision(BalanceStorage, 2)}\n            <span>余额</span>\n          </div>\n          {/* 卡余额 结束 */}\n          {/* 选中图标 开始 */}\n          {\n              isSelected && <div className='member-selected-icon'>\n                  <div className='member-selected-icon-arrow'>\n                      <Ticon type='huiyuanxuanzhong' />\n                  </div>\n              </div>\n          }\n          {/* 选中图标 结束 */}\n        </div>\n      );\n    }\n    render () {\n        const user = JSON.parse(localStorage.getItem('user')) || {};\n        const { loginInfo: { IsEnableUMember } = {} } = user;\n        const {\n            memberList,\n            precisionInfo,\n            loadmoreLoading,\n            nomoreData,\n            title,\n            storeKey,\n            cardList = []\n        } = this.props\n        const noList = storeKey === 'memberManager' ? !memberList.length : !cardList.length;\n        return (\n            <div className='member-card-list-side' style={{ display: noList ? 'none' : 'block' }}>\n                <div className=\"swiper-member-container\" style={{ height: '100%' }}>\n                    {\n                      storeKey === 'memberManager' &&\n                        <div className=\"swiper-wrapper\">\n                          {\n                              memberList.map((value, key) => this.getMemberCardItemRender(value, key, IsEnableUMember, precisionInfo))\n                          }\n                          {\n                              !memberList.length && <span className='empty-data-tip' style={{ marginTop: 30 }}>没有相关数据~</span>\n                          }\n                          {\n                              loadmoreLoading && <span className='empty-data-tip empty-data-tip-member-card'>数据加载中 ...</span>\n                          }\n                          {\n                              nomoreData && <span className='empty-data-tip empty-data-tip-member-card'>没有更多数据了~</span>\n                          }\n                      </div>\n                    }\n                    {\n                      storeKey === 'memberStorage' &&\n                        <div className=\"swiper-wrapper\">\n                          {\n                            cardList.map((value, key) => this.getCardItemRender(value, key, IsEnableUMember))\n                          }\n                          {\n                              !cardList.length && <span className='empty-data-tip' style={{ marginTop: 30 }}>没有相关数据~</span>\n                          }\n                          {\n                              loadmoreLoading && <span className='empty-data-tip empty-data-tip-member-card'>数据加载中 ...</span>\n                          }\n                          {\n                              nomoreData && <span className='empty-data-tip empty-data-tip-member-card'>没有更多数据了~</span>\n                          }\n                      </div>\n                    }\n                    <div className=\"swiper-scrollbar\" />\n                </div>\n            </div>\n        )\n    }\n}"]}