tplus-components-touch 3.22.3 → 3.22.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -28,11 +28,7 @@ var AddLogProcessor = function () {
28
28
  key: 'execute',
29
29
  value: function execute(title, docno, description, isShow) {
30
30
  try {
31
- if (isShow == undefined || isShow == null) {
32
- _OperationLogApi2.default.addPosLog(title, docno, description);
33
- } else {
34
- _OperationLogApi2.default.addPosLogWithShow(title, docno, description, isShow);
35
- }
31
+ _OperationLogApi2.default.addPosLogWithShow(title, docno, description, !!isShow);
36
32
  } catch (e) {
37
33
  console.error('操作日志接口调用异常');
38
34
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/addLog/AddLogProcessor.js"],"names":["AddLogProcessor","title","docno","description","isShow","undefined","OperationLogApi","addPosLog","addPosLogWithShow","e","console","error"],"mappings":";;;;;;;;;;;;;;;AAQA;;;;;;IACqBA,e;;;;;;;gCACFC,K,EAAOC,K,EAAOC,W,EAAaC,M,EAAQ;AAC9C,gBAAG;AACC,oBAAGA,UAAQC,SAAR,IAAmBD,UAAQ,IAA9B,EACA;AACIE,8CAAgBC,SAAhB,CAA0BN,KAA1B,EAAiCC,KAAjC,EAAwCC,WAAxC;AACH,iBAHD,MAKA;AACIG,8CAAgBE,iBAAhB,CAAkCP,KAAlC,EAAyCC,KAAzC,EAAgDC,WAAhD,EAA4DC,MAA5D;AACH;AACJ,aATD,CAUA,OAAOK,CAAP,EAAU;AACNC,wBAAQC,KAAR,CAAc,YAAd;AACH;AACJ;;;;AAvBL;;;;;;;;;kBAQqBX,e","file":"AddLogProcessor.js","sourcesContent":["\r\n/**\r\n *POS 操作日志\r\n *\r\n * @export\r\n * @class AddLogProcessor\r\n * @auther tuzha\r\n */\r\nimport OperationLogApi from './OperationLogApi'\r\nexport default class AddLogProcessor {\r\n static execute(title, docno, description, isShow) {\r\n try{\r\n if(isShow==undefined||isShow==null)\r\n {\r\n OperationLogApi.addPosLog(title, docno, description);\r\n }\r\n else\r\n {\r\n OperationLogApi.addPosLogWithShow(title, docno, description,isShow);\r\n }\r\n }\r\n catch (e) {\r\n console.error('操作日志接口调用异常');\r\n } \r\n }\r\n}"]}
1
+ {"version":3,"sources":["tplus-components-touch/components/addLog/AddLogProcessor.js"],"names":["AddLogProcessor","title","docno","description","isShow","OperationLogApi","addPosLogWithShow","e","console","error"],"mappings":";;;;;;;;;;;;;;;AAQA;;;;;;IACqBA,e;;;;;;;gCACFC,K,EAAOC,K,EAAOC,W,EAAaC,M,EAAQ;AAC9C,gBAAG;AACCC,0CAAgBC,iBAAhB,CAAkCL,KAAlC,EAAyCC,KAAzC,EAAgDC,WAAhD,EAA4D,CAAC,CAACC,MAA9D;AACH,aAFD,CAGA,OAAOG,CAAP,EAAU;AACNC,wBAAQC,KAAR,CAAc,YAAd;AACH;AACJ;;;;AAhBL;;;;;;;;;kBAQqBT,e","file":"AddLogProcessor.js","sourcesContent":["\r\n/**\r\n *POS 操作日志\r\n *\r\n * @export\r\n * @class AddLogProcessor\r\n * @auther tuzha\r\n */\r\nimport OperationLogApi from './OperationLogApi'\r\nexport default class AddLogProcessor {\r\n static execute(title, docno, description, isShow) {\r\n try{\r\n OperationLogApi.addPosLogWithShow(title, docno, description,!!isShow);\r\n }\r\n catch (e) {\r\n console.error('操作日志接口调用异常');\r\n } \r\n }\r\n}"]}
@@ -79,13 +79,12 @@ var OperationLogApi = function () {
79
79
 
80
80
  return log;
81
81
  }()
82
-
83
82
  //添加POS操作日志
84
83
 
85
84
  }, {
86
- key: 'addPosLog',
85
+ key: 'addPosLogWithShow',
87
86
  value: function () {
88
- var _ref2 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2(title, docno, description) {
87
+ var _ref2 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2(title, docno, description, isShow) {
89
88
  return _regenerator2.default.wrap(function _callee2$(_context2) {
90
89
  while (1) {
91
90
  switch (_context2.prev = _context2.next) {
@@ -94,12 +93,12 @@ var OperationLogApi = function () {
94
93
  docno = " ";
95
94
  }
96
95
  _context2.next = 3;
97
- return (0, _tplusApi.tApi)({
96
+ return (0, _tplusApi.addOperatorLog)({
98
97
  title: title,
99
98
  code: docno,
100
99
  description: description,
101
- isShow: false
102
- }, 'chanjet.RE.NewPos.AddPosLog', false, false, { timeout_skip: true });
100
+ isShow: isShow
101
+ });
103
102
 
104
103
  case 3:
105
104
  return _context2.abrupt('return', _context2.sent);
@@ -112,48 +111,10 @@ var OperationLogApi = function () {
112
111
  }, _callee2, this);
113
112
  }));
114
113
 
115
- function addPosLog(_x2, _x3, _x4) {
114
+ function addPosLogWithShow(_x2, _x3, _x4, _x5) {
116
115
  return _ref2.apply(this, arguments);
117
116
  }
118
117
 
119
- return addPosLog;
120
- }()
121
- //添加POS操作日志
122
-
123
- }, {
124
- key: 'addPosLogWithShow',
125
- value: function () {
126
- var _ref3 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3(title, docno, description, isShow) {
127
- return _regenerator2.default.wrap(function _callee3$(_context3) {
128
- while (1) {
129
- switch (_context3.prev = _context3.next) {
130
- case 0:
131
- if (!docno) {
132
- docno = " ";
133
- }
134
- _context3.next = 3;
135
- return (0, _tplusApi.tApi)({
136
- title: title,
137
- code: docno,
138
- description: description,
139
- isShow: isShow
140
- }, 'chanjet.RE.NewPos.AddPosLog', false, false, { timeout_skip: true });
141
-
142
- case 3:
143
- return _context3.abrupt('return', _context3.sent);
144
-
145
- case 4:
146
- case 'end':
147
- return _context3.stop();
148
- }
149
- }
150
- }, _callee3, this);
151
- }));
152
-
153
- function addPosLogWithShow(_x5, _x6, _x7, _x8) {
154
- return _ref3.apply(this, arguments);
155
- }
156
-
157
118
  return addPosLogWithShow;
158
119
  }()
159
120
  }]);
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/addLog/OperationLogApi.js"],"names":["OperationLogApi","params","operationName","description","bringType","strModuleCode","strFunctionCode","strOperationName","status","strDocNo","strDescription","dtFunctionDate","tools","getCurDateTime","title","docno","code","isShow","timeout_skip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AACA;;;;IAIqBA,e;;;;;;;;AACjB;;iHACiBC,M;;;;;;AACNC,6C,GAA6BD,M,CAA7BC,a,EAAcC,W,GAAeF,M,CAAfE,W;;uCACR,oBAAK;AACdC,+CAAW,GADG;AAEdC,mDAAe,IAFD;AAGdC,qDAAiB,QAHH;AAIdC,sDAAkBL,aAJJ;AAKdM,4CAAQ,CALM;AAMdC,8CAAU,SANI;AAOdC,oDAAgBP,WAPF;AAQdQ,oDAAgBC,gBAAMC,cAAN;AARF,iCAAL,EASV,wDATU,EASgD,KAThD,EASuD,KATvD,C;;;;;;;;;;;;;;;;;;;;AAYjB;;;;;mHACuBC,K,EAAMC,K,EAAMZ,W;;;;;AAE/B,oCAAG,CAACY,KAAJ,EACA;AACIA,4CAAM,GAAN;AACH;;uCACY,oBAAK;AACdD,2CAAOA,KADO;AAEdE,0CAAMD,KAFQ;AAGdZ,iDAAaA,WAHC;AAIdc,4CAAO;AAJO,iCAAL,EAKV,6BALU,EAKqB,KALrB,EAK4B,KAL5B,EAKmC,EAACC,cAAa,IAAd,EALnC,C;;;;;;;;;;;;;;;;;;;AAOhB;;;;;mHAC8BJ,K,EAAMC,K,EAAMZ,W,EAAYc,M;;;;;AAEnD,oCAAG,CAACF,KAAJ,EACA;AACIA,4CAAM,GAAN;AACH;;uCACY,oBAAK;AACdD,2CAAOA,KADO;AAEdE,0CAAMD,KAFQ;AAGdZ,iDAAaA,WAHC;AAIdc,4CAAOA;AAJO,iCAAL,EAKV,6BALU,EAKqB,KALrB,EAK4B,KAL5B,EAKmC,EAACC,cAAa,IAAd,EALnC,C;;;;;;;;;;;;;;;;;;;;;;;kBArCAlB,e","file":"OperationLogApi.js","sourcesContent":["import { tApi } from 'tplus-api';\r\nimport tools from '../../util/tools';\r\n/**\r\n * 记操作日志API\r\n * POS端每个操作都需要在T+的表EAP_OPERATION\r\n */\r\nexport default class OperationLogApi {\r\n //获取存货明细信息\r\n static async log(params) {\r\n const {operationName,description} = params;\r\n return await tApi({\r\n bringType: '1',\r\n strModuleCode: 'RE',\r\n strFunctionCode: 'RE3002',\r\n strOperationName: operationName,\r\n status: 1,\r\n strDocNo: '1234567',\r\n strDescription: description,\r\n dtFunctionDate: tools.getCurDateTime(),\r\n }, 'chanjet.SM.CommonInterface.IOperationLogService.AddLog', false, false);\r\n }\r\n\r\n //添加POS操作日志\r\n static async addPosLog(title,docno,description)\r\n {\r\n if(!docno)\r\n {\r\n docno=\" \";\r\n }\r\n return await tApi({\r\n title: title,\r\n code: docno,\r\n description: description,\r\n isShow:false\r\n }, 'chanjet.RE.NewPos.AddPosLog', false, false, {timeout_skip:true});\r\n }\r\n //添加POS操作日志\r\n static async addPosLogWithShow(title,docno,description,isShow)\r\n {\r\n if(!docno)\r\n {\r\n docno=\" \";\r\n }\r\n return await tApi({\r\n title: title,\r\n code: docno,\r\n description: description,\r\n isShow:isShow\r\n }, 'chanjet.RE.NewPos.AddPosLog', false, false, {timeout_skip:true});\r\n }\r\n}\r\n\r\n"]}
1
+ {"version":3,"sources":["tplus-components-touch/components/addLog/OperationLogApi.js"],"names":["OperationLogApi","params","operationName","description","bringType","strModuleCode","strFunctionCode","strOperationName","status","strDocNo","strDescription","dtFunctionDate","tools","getCurDateTime","title","docno","isShow","code"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AACA;;;;IAIqBA,e;;;;;;;;AACjB;;iHACiBC,M;;;;;;AACNC,6C,GAA6BD,M,CAA7BC,a,EAAcC,W,GAAeF,M,CAAfE,W;;uCACR,oBAAK;AACdC,+CAAW,GADG;AAEdC,mDAAe,IAFD;AAGdC,qDAAiB,QAHH;AAIdC,sDAAkBL,aAJJ;AAKdM,4CAAQ,CALM;AAMdC,8CAAU,SANI;AAOdC,oDAAgBP,WAPF;AAQdQ,oDAAgBC,gBAAMC,cAAN;AARF,iCAAL,EASV,wDATU,EASgD,KAThD,EASuD,KATvD,C;;;;;;;;;;;;;;;;;;;AAWhB;;;;;mHAC8BC,K,EAAMC,K,EAAMZ,W,EAAYa,M;;;;;AAEnD,oCAAG,CAACD,KAAJ,EACA;AACIA,4CAAM,GAAN;AACH;;uCACY,8BAAe;AACxBD,2CAAOA,KADiB;AAExBG,0CAAMF,KAFkB;AAGxBZ,iDAAaA,WAHW;AAIxBa,4CAAOA;AAJiB,iCAAf,C;;;;;;;;;;;;;;;;;;;;;;;kBAtBAhB,e","file":"OperationLogApi.js","sourcesContent":["import { tApi,addOperatorLog } from 'tplus-api';\r\nimport tools from '../../util/tools';\r\n/**\r\n * 记操作日志API\r\n * POS端每个操作都需要在T+的表EAP_OPERATION\r\n */\r\nexport default class OperationLogApi {\r\n //获取存货明细信息\r\n static async log(params) {\r\n const {operationName,description} = params;\r\n return await tApi({\r\n bringType: '1',\r\n strModuleCode: 'RE',\r\n strFunctionCode: 'RE3002',\r\n strOperationName: operationName,\r\n status: 1,\r\n strDocNo: '1234567',\r\n strDescription: description,\r\n dtFunctionDate: tools.getCurDateTime(),\r\n }, 'chanjet.SM.CommonInterface.IOperationLogService.AddLog', false, false);\r\n }\r\n //添加POS操作日志\r\n static async addPosLogWithShow(title,docno,description,isShow)\r\n {\r\n if(!docno)\r\n {\r\n docno=\" \";\r\n }\r\n return await addOperatorLog({\r\n title: title,\r\n code: docno,\r\n description: description,\r\n isShow:isShow\r\n });\r\n }\r\n}\r\n\r\n"]}
@@ -168,6 +168,11 @@ var Loading = function () {
168
168
  }
169
169
  callback && callback();
170
170
  }
171
+ }, {
172
+ key: 'transfer',
173
+ value: function transfer(params) {
174
+ this.ref && this.ref.setPercent(params);
175
+ }
171
176
  }]);
172
177
  return Loading;
173
178
  }(); /**
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/loading/index.js"],"names":["Loading","loadingEle","ref","startTimeStamp","delayTime","params","callback","onClose","argument","props","duration","undefined","destroy","window","_tplus_loading","Date","delay","text","target","queryElement","document","createElement","queryClass","includes","charAt","positionProper","getComputedStyle","getPropertyValue","style","position","body","appendChild","ReactDOM","render","endTimeStamp","readyClose","unmountComponentAtNode","parentNode","removeChild"],"mappings":"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","file":"index.js","sourcesContent":["/**\r\n * Created by hzy on 2019/4/19.\r\n */\r\n/**\r\n * show 方法参数 option 说明 // Loading.show({text: '数据加载中'}, callback)\r\n * loading调用的简写法 Loading.show('数据加载中')\r\n * @style Loading wrapper style\r\n * @className Loading wrapper className\r\n * @text 提示文字,不传默认为 '加载中,请稍后...',字符串类型\r\n * @target Loading 需要覆盖的 DOM 节点。传入一个 DOM 节点的class或者id名的字符串,不传默认为全屏效果\r\n * @node 自定义展示元素,会覆盖默认展示。类型为react element\r\n * @duration Loading持续时间,单位为毫秒值,数字类型\r\n * @delay Loading防闪烁延迟显示时间, 单位为毫秒值, 数字类型,默认为200,可设置false禁用延迟\r\n * @callback 为在传入 duration 参数后,自动隐藏后的回调,不传 duration 参数则该回调不生效\r\n *\r\n * hide 方法隐藏并销毁Loading组件 Loading.hide();\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReactDOM from 'react-dom';\r\nimport LoaingContent from './loadingContent';\r\nimport {queryEle} from './utils';\r\n\r\nexport default class Loading {\r\n loadingEle = null;\r\n ref = null;\r\n startTimeStamp = null;\r\n delayTime = null;\r\n\r\n static async show(params, callback) {\r\n if (window._tplus_loading) {\r\n Loading.destroy(callback);\r\n }\r\n\r\n this.startTimeStamp = +new Date();\r\n window._tplus_loading = true;\r\n let props = {delay: 200}; // 默认200ms防闪烁延迟\r\n\r\n if (typeof params === 'object' && params) {\r\n props = Object.assign(props, params);\r\n params.delay === false && (delete params.delay);\r\n } else if (typeof params === 'string') {\r\n props.text = params;\r\n }\r\n\r\n const {target} = params || {};\r\n let queryElement;\r\n const loadingEle = document.createElement('div');\r\n this.loadingEle = loadingEle;\r\n this.delayTime = props.delay;\r\n\r\n if (target) {\r\n let queryClass = `.${target}`;\r\n if (['.', '#'].includes(target.charAt(0))) {\r\n queryClass = target;\r\n }\r\n\r\n //如果找不到 取root 存在有dom渲染比查询晚一步的情况 根据事件队列机制再次查询一次\r\n queryElement = await queryEle(queryClass);\r\n\r\n const positionProper = getComputedStyle(queryElement, null).getPropertyValue('position');\r\n if (!positionProper || positionProper == 'static') {\r\n queryElement.style.position = 'relative';\r\n }\r\n }\r\n\r\n !target && document.body.appendChild(loadingEle);\r\n\r\n function onClose() {\r\n const argument = typeof props.duration === 'number' ? callback : undefined;\r\n Loading.destroy(argument);\r\n }\r\n\r\n ReactDOM.render(<LoaingContent onClose={onClose} {...props} ref={ref => this.ref = ref}/>, loadingEle);\r\n target && queryElement.appendChild(loadingEle);\r\n }\r\n\r\n static hide() {\r\n const endTimeStamp = +new Date();\r\n const delayTime = this.delayTime;\r\n if (delayTime && (endTimeStamp - this.startTimeStamp <= delayTime)) {\r\n return this.destroy();\r\n }\r\n this.ref && this.ref.readyClose();\r\n }\r\n\r\n static destroy(callback) {\r\n const loadingEle = this.loadingEle;\r\n if (loadingEle) {\r\n ReactDOM.unmountComponentAtNode(loadingEle);\r\n !!loadingEle.parentNode && loadingEle.parentNode.removeChild(loadingEle);\r\n delete window._tplus_loading;\r\n }\r\n callback && callback();\r\n }\r\n}\r\n"]}
1
+ {"version":3,"sources":["tplus-components-touch/components/loading/index.js"],"names":["Loading","loadingEle","ref","startTimeStamp","delayTime","params","callback","onClose","argument","props","duration","undefined","destroy","window","_tplus_loading","Date","delay","text","target","queryElement","document","createElement","queryClass","includes","charAt","positionProper","getComputedStyle","getPropertyValue","style","position","body","appendChild","ReactDOM","render","endTimeStamp","readyClose","unmountComponentAtNode","parentNode","removeChild","setPercent"],"mappings":"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","file":"index.js","sourcesContent":["/**\r\n * Created by hzy on 2019/4/19.\r\n */\r\n/**\r\n * show 方法参数 option 说明 // Loading.show({text: '数据加载中'}, callback)\r\n * loading调用的简写法 Loading.show('数据加载中')\r\n * @style Loading wrapper style\r\n * @className Loading wrapper className\r\n * @text 提示文字,不传默认为 '加载中,请稍后...',字符串类型\r\n * @target Loading 需要覆盖的 DOM 节点。传入一个 DOM 节点的class或者id名的字符串,不传默认为全屏效果\r\n * @node 自定义展示元素,会覆盖默认展示。类型为react element\r\n * @duration Loading持续时间,单位为毫秒值,数字类型\r\n * @delay Loading防闪烁延迟显示时间, 单位为毫秒值, 数字类型,默认为200,可设置false禁用延迟\r\n * @callback 为在传入 duration 参数后,自动隐藏后的回调,不传 duration 参数则该回调不生效\r\n *\r\n * hide 方法隐藏并销毁Loading组件 Loading.hide();\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReactDOM from 'react-dom';\r\nimport LoaingContent from './loadingContent';\r\nimport {queryEle} from './utils';\r\n\r\nexport default class Loading {\r\n loadingEle = null;\r\n ref = null;\r\n startTimeStamp = null;\r\n delayTime = null;\r\n\r\n static async show(params, callback) {\r\n if (window._tplus_loading) {\r\n Loading.destroy(callback);\r\n }\r\n\r\n this.startTimeStamp = +new Date();\r\n window._tplus_loading = true;\r\n let props = {delay: 200}; // 默认200ms防闪烁延迟\r\n\r\n if (typeof params === 'object' && params) {\r\n props = Object.assign(props, params);\r\n params.delay === false && (delete params.delay);\r\n } else if (typeof params === 'string') {\r\n props.text = params;\r\n }\r\n\r\n const {target} = params || {};\r\n let queryElement;\r\n const loadingEle = document.createElement('div');\r\n this.loadingEle = loadingEle;\r\n this.delayTime = props.delay;\r\n\r\n if (target) {\r\n let queryClass = `.${target}`;\r\n if (['.', '#'].includes(target.charAt(0))) {\r\n queryClass = target;\r\n }\r\n\r\n //如果找不到 取root 存在有dom渲染比查询晚一步的情况 根据事件队列机制再次查询一次\r\n queryElement = await queryEle(queryClass);\r\n\r\n const positionProper = getComputedStyle(queryElement, null).getPropertyValue('position');\r\n if (!positionProper || positionProper == 'static') {\r\n queryElement.style.position = 'relative';\r\n }\r\n }\r\n\r\n !target && document.body.appendChild(loadingEle);\r\n\r\n function onClose() {\r\n const argument = typeof props.duration === 'number' ? callback : undefined;\r\n Loading.destroy(argument);\r\n }\r\n\r\n ReactDOM.render(<LoaingContent onClose={onClose} {...props} ref={ref => this.ref = ref}/>, loadingEle);\r\n target && queryElement.appendChild(loadingEle);\r\n }\r\n\r\n static hide() {\r\n const endTimeStamp = +new Date();\r\n const delayTime = this.delayTime;\r\n if (delayTime && (endTimeStamp - this.startTimeStamp <= delayTime)) {\r\n return this.destroy();\r\n }\r\n this.ref && this.ref.readyClose();\r\n }\r\n\r\n static destroy(callback) {\r\n const loadingEle = this.loadingEle;\r\n if (loadingEle) {\r\n ReactDOM.unmountComponentAtNode(loadingEle);\r\n !!loadingEle.parentNode && loadingEle.parentNode.removeChild(loadingEle);\r\n delete window._tplus_loading;\r\n }\r\n callback && callback();\r\n }\r\n\r\n static transfer(params) {\r\n this.ref && this.ref.setPercent(params);\r\n }\r\n}\r\n"]}
@@ -8,6 +8,10 @@ var _assign = require('babel-runtime/core-js/object/assign');
8
8
 
9
9
  var _assign2 = _interopRequireDefault(_assign);
10
10
 
11
+ var _progress = require('antd/es/progress');
12
+
13
+ var _progress2 = _interopRequireDefault(_progress);
14
+
11
15
  var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
12
16
 
13
17
  var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
@@ -30,6 +34,8 @@ var _inherits3 = _interopRequireDefault(_inherits2);
30
34
 
31
35
  var _class, _temp2;
32
36
 
37
+ require('antd/es/progress/style');
38
+
33
39
  var _react = require('react');
34
40
 
35
41
  var _react2 = _interopRequireDefault(_react);
@@ -59,7 +65,9 @@ var LoaingContent = (_temp2 = _class = function (_Component) {
59
65
  }
60
66
 
61
67
  return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = LoaingContent.__proto__ || (0, _getPrototypeOf2.default)(LoaingContent)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
62
- closeAnimate: false
68
+ closeAnimate: false,
69
+ percent: 0,
70
+ title: ''
63
71
  }, _this.readyClose = function (e) {
64
72
  _this.setState({ closeAnimate: true }, function () {
65
73
  setTimeout(function () {
@@ -81,6 +89,11 @@ var LoaingContent = (_temp2 = _class = function (_Component) {
81
89
  clearTimeout(_this.closeTimer);
82
90
  _this.closeTimer = null;
83
91
  }
92
+ }, _this.setPercent = function (params) {
93
+ var percent = params.percent,
94
+ title = params.title;
95
+
96
+ _this.setState({ percent: percent, title: title });
84
97
  }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
85
98
  }
86
99
 
@@ -106,8 +119,12 @@ var LoaingContent = (_temp2 = _class = function (_Component) {
106
119
  className = _props.className,
107
120
  target = _props.target,
108
121
  delay = _props.delay,
109
- opacity = _props.opacity;
110
- var closeAnimate = this.state.closeAnimate;
122
+ opacity = _props.opacity,
123
+ showProgress = _props.showProgress;
124
+ var _state = this.state,
125
+ closeAnimate = _state.closeAnimate,
126
+ percent = _state.percent,
127
+ title = _state.title;
111
128
 
112
129
  var showTip = text !== false;
113
130
  var loadingNode = _react2.default.createElement(
@@ -116,12 +133,12 @@ var LoaingContent = (_temp2 = _class = function (_Component) {
116
133
  _react2.default.createElement(
117
134
  'div',
118
135
  { className: 'tplus-loading-spinner' },
119
- _react2.default.createElement('img', { src: defaultSpinner, className: 'default-spinner-gif' })
136
+ showProgress === true ? _react2.default.createElement(_progress2.default, { strokeLinecap: 'square', percent: percent }) : _react2.default.createElement('img', { src: defaultSpinner, className: 'default-spinner-gif' })
120
137
  ),
121
138
  showTip && _react2.default.createElement(
122
139
  'p',
123
140
  { className: 'tplus-loading-tip' },
124
- text
141
+ showProgress === true ? '\u6863\u6848\u6570\u636E\u3010' + title + '\u3011\u4E0B\u8F7D\u4E2D' : text
125
142
  )
126
143
  );
127
144
  var containerClass = ('tplus-loading ' + (closeAnimate ? 'loading-close-animate' : '') + ' ' + className).trim();
@@ -133,7 +150,7 @@ var LoaingContent = (_temp2 = _class = function (_Component) {
133
150
  { className: containerClass, style: (0, _assign2.default)(targetStyle, delayDuration, style, style2) },
134
151
  _react2.default.createElement(
135
152
  'div',
136
- { className: 'tplus-loading-content' },
153
+ { className: 'tplus-loading-content' + (showProgress === true ? ' tplus-loading-progress' : '') },
137
154
  (0, _react.isValidElement)(node) ? node : loadingNode
138
155
  )
139
156
  );
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/loading/loadingContent.js"],"names":["defaultSpinner","LoaingContent","state","closeAnimate","readyClose","e","setState","setTimeout","close","stopPropagation","clearCloseTimer","props","onClose","startLoadingTimer","closeTimer","duration","clearTimeout","style","text","node","className","target","delay","opacity","showTip","loadingNode","containerClass","trim","targetStyle","position","delayDuration","animation","WebkitAnimation","style2","Component","propTypes","PropTypes","string","object","element","func","number","defaultProps"],"mappings":"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","file":"loadingContent.js","sourcesContent":["import React, {Component, Fragment, isValidElement} from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport './style.less';\r\n\r\nconst defaultSpinner = 'https://newretail.static.chanjet.com/loading.gif';\r\n\r\nclass LoaingContent extends Component {\r\n static propTypes = {\r\n text: PropTypes.string,\r\n className: PropTypes.string,\r\n style: PropTypes.object,\r\n node: PropTypes.element,\r\n onClose: PropTypes.func,\r\n duration: PropTypes.number,\r\n target: PropTypes.string,\r\n };\r\n\r\n static defaultProps = {\r\n onClose() {},\r\n className: '',\r\n style: {},\r\n text: '加载中,请稍后...',\r\n };\r\n\r\n state = {\r\n closeAnimate: false,\r\n };\r\n\r\n componentDidMount() {\r\n if (typeof this.props.duration === 'number') {\r\n this.startLoadingTimer();\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.clearCloseTimer();\r\n }\r\n\r\n readyClose = (e) => {\r\n this.setState({closeAnimate: true}, () => {\r\n setTimeout(() => {\r\n this.close();\r\n }, 250)\r\n })\r\n }\r\n\r\n close = (e) => {\r\n if (e) {\r\n e.stopPropagation();\r\n }\r\n this.clearCloseTimer();\r\n this.props.onClose();\r\n }\r\n\r\n startLoadingTimer = () => {\r\n this.closeTimer = setTimeout(() => {\r\n this.readyClose();\r\n }, this.props.duration);\r\n }\r\n\r\n clearCloseTimer = () => {\r\n if (this.closeTimer) {\r\n clearTimeout(this.closeTimer);\r\n this.closeTimer = null;\r\n }\r\n }\r\n\r\n render() {\r\n const { style, text, node, className, target, delay, opacity } = this.props;\r\n const {closeAnimate} = this.state;\r\n const showTip = text !== false;\r\n const loadingNode = (\r\n <Fragment>\r\n <div className='tplus-loading-spinner'>\r\n <img src={defaultSpinner} className='default-spinner-gif' />\r\n </div>\r\n {showTip && <p className='tplus-loading-tip'>{text}</p>}\r\n </Fragment>\r\n );\r\n const containerClass = `tplus-loading ${closeAnimate ? 'loading-close-animate' : ''} ${className}`.trim();\r\n const targetStyle = target ? {position: 'absolute'} : {};\r\n const delayDuration = delay ? {animation: `loading-delay-animation ${delay}ms`, WebkitAnimation: `loading-delay-animation ${delay}ms`} : {};\r\n const style2 = opacity ? { 'background-color': `rgba(2555, 255, 255, ${opacity})` } : {};\r\n return (\r\n <div className={containerClass} style={Object.assign(targetStyle, delayDuration, style,style2)}>\r\n <div className='tplus-loading-content'>\r\n {isValidElement(node) ? node : loadingNode}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default LoaingContent;\r\n"]}
1
+ {"version":3,"sources":["tplus-components-touch/components/loading/loadingContent.js"],"names":["defaultSpinner","LoaingContent","state","closeAnimate","percent","title","readyClose","e","setState","setTimeout","close","stopPropagation","clearCloseTimer","props","onClose","startLoadingTimer","closeTimer","duration","clearTimeout","setPercent","params","style","text","node","className","target","delay","opacity","showProgress","showTip","loadingNode","containerClass","trim","targetStyle","position","delayDuration","animation","WebkitAnimation","style2","Component","propTypes","PropTypes","string","object","element","func","number","defaultProps"],"mappings":"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","file":"loadingContent.js","sourcesContent":["import React, {Component, Fragment, isValidElement} from 'react';\r\nimport { Progress } from 'antd';\r\nimport PropTypes from 'prop-types';\r\nimport './style.less';\r\n\r\nconst defaultSpinner = 'https://newretail.static.chanjet.com/loading.gif';\r\n\r\nclass LoaingContent extends Component {\r\n static propTypes = {\r\n text: PropTypes.string,\r\n className: PropTypes.string,\r\n style: PropTypes.object,\r\n node: PropTypes.element,\r\n onClose: PropTypes.func,\r\n duration: PropTypes.number,\r\n target: PropTypes.string\r\n };\r\n\r\n static defaultProps = {\r\n onClose() {},\r\n className: '',\r\n style: {},\r\n text: '加载中,请稍后...',\r\n };\r\n\r\n state = {\r\n closeAnimate: false,\r\n percent: 0,\r\n title: ''\r\n };\r\n\r\n componentDidMount() {\r\n if (typeof this.props.duration === 'number') {\r\n this.startLoadingTimer();\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.clearCloseTimer();\r\n }\r\n\r\n readyClose = (e) => {\r\n this.setState({closeAnimate: true}, () => {\r\n setTimeout(() => {\r\n this.close();\r\n }, 250)\r\n })\r\n }\r\n\r\n close = (e) => {\r\n if (e) {\r\n e.stopPropagation();\r\n }\r\n this.clearCloseTimer();\r\n this.props.onClose();\r\n }\r\n\r\n startLoadingTimer = () => {\r\n this.closeTimer = setTimeout(() => {\r\n this.readyClose();\r\n }, this.props.duration);\r\n }\r\n\r\n clearCloseTimer = () => {\r\n if (this.closeTimer) {\r\n clearTimeout(this.closeTimer);\r\n this.closeTimer = null;\r\n }\r\n }\r\n\r\n setPercent = (params) => {\r\n const { percent, title } = params\r\n this.setState({ percent, title })\r\n }\r\n\r\n render() {\r\n const { style, text, node, className, target, delay, opacity, showProgress } = this.props;\r\n const { closeAnimate, percent, title } = this.state;\r\n const showTip = text !== false;\r\n const loadingNode = (\r\n <Fragment>\r\n <div className='tplus-loading-spinner'>\r\n {\r\n showProgress === true ?\r\n <Progress strokeLinecap=\"square\" percent={percent} />\r\n :\r\n <img src={defaultSpinner} className='default-spinner-gif' />\r\n }\r\n </div>\r\n {\r\n showTip && <p className='tplus-loading-tip'>{showProgress === true ? `档案数据【${title}】下载中` : text}</p>\r\n }\r\n </Fragment>\r\n );\r\n const containerClass = `tplus-loading ${closeAnimate ? 'loading-close-animate' : ''} ${className}`.trim();\r\n const targetStyle = target ? {position: 'absolute'} : {};\r\n const delayDuration = delay ? {animation: `loading-delay-animation ${delay}ms`, WebkitAnimation: `loading-delay-animation ${delay}ms`} : {};\r\n const style2 = opacity ? { 'background-color': `rgba(2555, 255, 255, ${opacity})` } : {};\r\n return (\r\n <div className={containerClass} style={Object.assign(targetStyle, delayDuration, style, style2)}>\r\n <div className={`tplus-loading-content${showProgress === true ? ' tplus-loading-progress' : ''}`}>\r\n {isValidElement(node) ? node : loadingNode}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nexport default LoaingContent;\r\n"]}
@@ -8,7 +8,7 @@
8
8
  position: fixed !important;
9
9
  left: 0px;
10
10
  top: 0px;
11
- background-color: rgba(2555,255,255,0.5);
11
+ background-color: rgba(0, 0, 0, 0.5);
12
12
  .tplus-loading-content{
13
13
  padding: 10px;
14
14
  top: 50%;
@@ -28,7 +28,8 @@
28
28
  }
29
29
  }
30
30
  .tplus-loading-tip{
31
- color: #777;
31
+ color: #FFF;
32
+ font-size: 13px;
32
33
  text-align: center;
33
34
  }
34
35
  .closeAnimate{
@@ -37,6 +38,15 @@
37
38
  opacity: 0;
38
39
  }
39
40
  }
41
+ .tplus-loading-progress{
42
+ width: 50%;
43
+ }
44
+ .ant-progress-inner, .ant-progress-bg{
45
+ height: 16px !important;
46
+ }
47
+ .ant-progress-text{
48
+ color: #FFF;
49
+ }
40
50
  }
41
51
  .loading-close-animate{
42
52
  ._tplus-animation-ease_;
@@ -193,6 +193,16 @@ var Message = (_temp = _class = function () {
193
193
  if (status) Message.doMusic(status);
194
194
  Message.defualtFocus(config);
195
195
  }
196
+ }, {
197
+ key: 'tip',
198
+ value: function tip(msg, config, status) {
199
+ if (Message.resetConfig(msg, config, 'info')) return;
200
+ document.body.classList.remove('message-toast');
201
+ document.body.classList.add('message-tip');
202
+ _message3.default.info((0, _extends3.default)({ content: msg }, Message.setStyle(config)));
203
+ if (status) Message.doMusic(status);
204
+ Message.defualtFocus(config);
205
+ }
196
206
  }, {
197
207
  key: 'toast',
198
208
  value: function toast(msg) {
@@ -201,6 +211,7 @@ var Message = (_temp = _class = function () {
201
211
 
202
212
  Message.resetConfig(msg, (0, _extends3.default)({ top: '40%' }, config, { duration: 18000 }));
203
213
  Message.isUseFateur = true;
214
+ document.body.classList.remove('message-tip');
204
215
  document.body.classList.add('message-toast');
205
216
  _message3.default.info((0, _extends3.default)({ content: msg }, Message.setStyle(config)));
206
217
  if (status) Message.doMusic(status);
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-components-touch/components/message/index.js"],"names":["defualt","top","duration","voice","warn","fateurClassName","Message","config","width","height","style","cStyle","platform","isHorizontalPad","memberCursor","doms","document","getElementsByClassName","input","getElementById","setTimeout","length","console","log","focus","msg","messageType","isVerticalTouch","isHorizontalSunMi","isMobileEnvironment","includes","toast","isUseFateur","body","classList","remove","destroy","setConfig","resetConfig","error","content","setStyle","defualtFocus","success","warning","status","info","doMusic","add","mask","createElement","className","messageContainer","querySelector","parentNode","childNodes","node","appendChild","clearMusic","m","audio","controls","src","hidden","autoplay","sys_audio","removeChild"],"mappings":"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","file":"index.js","sourcesContent":["/**\r\n * Message调用的简写法: Message.success('数据加载成功')\r\n * 需要自定义配置的Message调用的写法: Message.success('数据加载成功', {top: 50, width: 500})\r\n * 当传入第二个配置option参数时,使用当前自定义的配置,不传则使用默认config\r\n * option可传入参数: top 距离顶部位置 | duration 持续时间单位秒 | width | height | style\r\n * Message的四种状态为: success | error | warn | info | toast | loading (loading的不会自动消失需要调用销毁方法)\r\n *\r\n * Message.destroy() 方法销毁Message组件\r\n */\r\nimport { message as tMessage } from 'antd';\r\nimport React from 'react';\r\nimport { platform } from 'mutants-util';\r\nimport { Spin } from '../../index';\r\nimport './index.less';\r\n\r\nlet defualt = {\r\n top: 300,\r\n duration: 1.5\r\n};\r\n\r\nconst voice = {\r\n warn: 'https://newretail.static.chanjet.com/muisc/syswarn.mp3' //警告\r\n}\r\n\r\nconst fateurClassName = ['message-toast', 'message-loading'];\r\n\r\nclass Message {\r\n\r\n static isUseFateur = false;\r\n\r\n static sys_audio = null;\r\n\r\n static setStyle(config = {}) {\r\n const {width, height, style = {}} = config;\r\n let cStyle = {\r\n ...style\r\n };\r\n if(width){\r\n cStyle.width = width;\r\n }\r\n if(height){\r\n cStyle.height = height;\r\n }\r\n return {style: {...cStyle}};\r\n }\r\n\r\n static defualtFocus(config) {\r\n const { isHorizontalPad } = platform || {};\r\n if (!!isHorizontalPad) return;\r\n const memberCursor = config ||{};\r\n let doms = document.getElementsByClassName('app hot-key-focus-container');\r\n let input = document.getElementById('productPoint');\r\n if(memberCursor){\r\n input = document.getElementById('memberPoint');\r\n }\r\n if (input) setTimeout(() => { if(doms && doms.length > 0){console.log('message-defualt==Focus=='); input.focus()} }, 300);\r\n }\r\n\r\n static resetConfig(msg, config = {}, messageType) {\r\n const { isVerticalTouch, isHorizontalPad, isHorizontalSunMi } = platform || {};\r\n const isMobileEnvironment = !!isHorizontalPad || !!isHorizontalSunMi;\r\n if (!!isVerticalTouch && ['error', 'success', 'info', 'warn'].includes(messageType)) {\r\n // 竖屏中强制转换为 toast 提示\r\n Message.toast(msg, config);\r\n return true;\r\n }\r\n\r\n if (isMobileEnvironment) {\r\n defualt = { top: 100, duration: 1.5 }\r\n }\r\n\r\n Message.isUseFateur && document.body.classList.remove(...fateurClassName);\r\n Message.isUseFateur = false;\r\n if (config && config.duration === 4) {\r\n return;\r\n }\r\n // 解决连续输入商品时toast不消失的问题\r\n tMessage.destroy();\r\n // 解决toast第二次之后输入商品toast不消失问题\r\n setTimeout(() => {\r\n tMessage.destroy();\r\n }, 1500)\r\n\r\n const setConfig = Object.keys(config).length ? config : defualt;\r\n\r\n tMessage.config(setConfig);\r\n }\r\n\r\n static config(config) {\r\n tMessage.config(config);\r\n }\r\n\r\n static destroy() {\r\n tMessage.destroy();\r\n }\r\n\r\n static error(msg, config) {\r\n if (Message.resetConfig(msg, config, 'error')) return;\r\n if (config && config.duration === 4) {\r\n tMessage.error({content: msg, ...Message.setStyle(config), duration: 4});\r\n } else {\r\n tMessage.error({content: msg, ...Message.setStyle(config)});\r\n }\r\n Message.defualtFocus(config);\r\n }\r\n\r\n static success(msg, config) {\r\n if (Message.resetConfig(msg, config, 'success')) return;\r\n tMessage.success({content: msg, ...Message.setStyle(config)});\r\n Message.defualtFocus(config);\r\n }\r\n\r\n static warn(msg, config) {\r\n if (Message.resetConfig(msg, config, 'warn')) return;\r\n tMessage.warning({content: msg, ...Message.setStyle(config)});\r\n Message.defualtFocus(config);\r\n }\r\n\r\n static info(msg, config, status) {\r\n if (Message.resetConfig(msg, config, 'info')) return;\r\n tMessage.info({ content: msg, ...Message.setStyle(config) });\r\n if (status) Message.doMusic(status)\r\n Message.defualtFocus(config);\r\n }\r\n\r\n static toast(msg, config = {}, status) {\r\n Message.resetConfig(msg, { top: '40%', ...config, duration: 18000});\r\n Message.isUseFateur = true;\r\n document.body.classList.add('message-toast');\r\n tMessage.info({ content: msg, ...Message.setStyle(config) });\r\n if (status) Message.doMusic(status)\r\n }\r\n\r\n static loading(msg, config = {}) {\r\n Message.resetConfig(msg, {top: '40%', ...config, duration: 18000});\r\n Message.isUseFateur = true;\r\n document.body.classList.add('message-loading');\r\n tMessage.info({\r\n content: <div className='message-loading-content'>\r\n <Spin\r\n type='rotating'\r\n scale={2}\r\n />\r\n <h1>{msg}</h1>\r\n </div>,\r\n ...Message.setStyle(config)\r\n });\r\n\r\n setTimeout(() => {\r\n const mask = document.createElement('div');\r\n mask.className = 'message-loading-mask';\r\n const messageContainer = document.querySelector('.ant-message');\r\n if (messageContainer) {\r\n for (const node of messageContainer.parentNode.childNodes) {\r\n if (Array.from(node.classList).includes('message-loading-mask')) return;\r\n }\r\n messageContainer.parentNode.appendChild(mask);\r\n }\r\n });\r\n\r\n }\r\n\r\n static doMusic(status) {\r\n Message.clearMusic();\r\n let m = voice[status];\r\n let audio = document.createElement('audio')\r\n audio.controls = true;\r\n audio.src = m;\r\n audio.hidden = true;\r\n audio.autoplay = 'autoplay';\r\n document.body.appendChild(audio);\r\n Message.sys_audio = audio;\r\n setTimeout(() => { Message.clearMusic() }, 3000)\r\n }\r\n\r\n static clearMusic() {\r\n if (Message.sys_audio) { document.body.removeChild(Message.sys_audio); Message.sys_audio = null; };\r\n }\r\n}\r\n\r\nMessage.config(defualt);\r\n\r\nexport default Message;\r\n"]}
1
+ {"version":3,"sources":["tplus-components-touch/components/message/index.js"],"names":["defualt","top","duration","voice","warn","fateurClassName","Message","config","width","height","style","cStyle","platform","isHorizontalPad","memberCursor","doms","document","getElementsByClassName","input","getElementById","setTimeout","length","console","log","focus","msg","messageType","isVerticalTouch","isHorizontalSunMi","isMobileEnvironment","includes","toast","isUseFateur","body","classList","remove","destroy","setConfig","resetConfig","error","content","setStyle","defualtFocus","success","warning","status","info","doMusic","add","mask","createElement","className","messageContainer","querySelector","parentNode","childNodes","node","appendChild","clearMusic","m","audio","controls","src","hidden","autoplay","sys_audio","removeChild"],"mappings":"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","file":"index.js","sourcesContent":["/**\r\n * Message调用的简写法: Message.success('数据加载成功')\r\n * 需要自定义配置的Message调用的写法: Message.success('数据加载成功', {top: 50, width: 500})\r\n * 当传入第二个配置option参数时,使用当前自定义的配置,不传则使用默认config\r\n * option可传入参数: top 距离顶部位置 | duration 持续时间单位秒 | width | height | style\r\n * Message的四种状态为: success | error | warn | info | toast | loading (loading的不会自动消失需要调用销毁方法)\r\n *\r\n * Message.destroy() 方法销毁Message组件\r\n */\r\nimport { message as tMessage } from 'antd';\r\nimport React from 'react';\r\nimport { platform } from 'mutants-util';\r\nimport { Spin } from '../../index';\r\nimport './index.less';\r\n\r\nlet defualt = {\r\n top: 300,\r\n duration: 1.5\r\n};\r\n\r\nconst voice = {\r\n warn: 'https://newretail.static.chanjet.com/muisc/syswarn.mp3' //警告\r\n}\r\n\r\nconst fateurClassName = ['message-toast', 'message-loading'];\r\n\r\nclass Message {\r\n\r\n static isUseFateur = false;\r\n\r\n static sys_audio = null;\r\n\r\n static setStyle(config = {}) {\r\n const {width, height, style = {}} = config;\r\n let cStyle = {\r\n ...style\r\n };\r\n if(width){\r\n cStyle.width = width;\r\n }\r\n if(height){\r\n cStyle.height = height;\r\n }\r\n return {style: {...cStyle}};\r\n }\r\n\r\n static defualtFocus(config) {\r\n const { isHorizontalPad } = platform || {};\r\n if (!!isHorizontalPad) return;\r\n const memberCursor = config ||{};\r\n let doms = document.getElementsByClassName('app hot-key-focus-container');\r\n let input = document.getElementById('productPoint');\r\n if(memberCursor){\r\n input = document.getElementById('memberPoint');\r\n }\r\n if (input) setTimeout(() => { if(doms && doms.length > 0){console.log('message-defualt==Focus=='); input.focus()} }, 300);\r\n }\r\n\r\n static resetConfig(msg, config = {}, messageType) {\r\n const { isVerticalTouch, isHorizontalPad, isHorizontalSunMi } = platform || {};\r\n const isMobileEnvironment = !!isHorizontalPad || !!isHorizontalSunMi;\r\n if (!!isVerticalTouch && ['error', 'success', 'info', 'warn'].includes(messageType)) {\r\n // 竖屏中强制转换为 toast 提示\r\n Message.toast(msg, config);\r\n return true;\r\n }\r\n\r\n if (isMobileEnvironment) {\r\n defualt = { top: 100, duration: 1.5 }\r\n }\r\n\r\n Message.isUseFateur && document.body.classList.remove(...fateurClassName);\r\n Message.isUseFateur = false;\r\n if (config && config.duration === 4) {\r\n return;\r\n }\r\n // 解决连续输入商品时toast不消失的问题\r\n tMessage.destroy();\r\n // 解决toast第二次之后输入商品toast不消失问题\r\n setTimeout(() => {\r\n tMessage.destroy();\r\n }, 1500)\r\n\r\n const setConfig = Object.keys(config).length ? config : defualt;\r\n\r\n tMessage.config(setConfig);\r\n }\r\n\r\n static config(config) {\r\n tMessage.config(config);\r\n }\r\n\r\n static destroy() {\r\n tMessage.destroy();\r\n }\r\n\r\n static error(msg, config) {\r\n if (Message.resetConfig(msg, config, 'error')) return;\r\n if (config && config.duration === 4) {\r\n tMessage.error({content: msg, ...Message.setStyle(config), duration: 4});\r\n } else {\r\n tMessage.error({content: msg, ...Message.setStyle(config)});\r\n }\r\n Message.defualtFocus(config);\r\n }\r\n\r\n static success(msg, config) {\r\n if (Message.resetConfig(msg, config, 'success')) return;\r\n tMessage.success({content: msg, ...Message.setStyle(config)});\r\n Message.defualtFocus(config);\r\n }\r\n\r\n static warn(msg, config) {\r\n if (Message.resetConfig(msg, config, 'warn')) return;\r\n tMessage.warning({content: msg, ...Message.setStyle(config)});\r\n Message.defualtFocus(config);\r\n }\r\n\r\n static info(msg, config, status) {\r\n if (Message.resetConfig(msg, config, 'info')) return;\r\n tMessage.info({ content: msg, ...Message.setStyle(config) });\r\n if (status) Message.doMusic(status)\r\n Message.defualtFocus(config);\r\n }\r\n\r\n static tip(msg, config, status) {\r\n if (Message.resetConfig(msg, config, 'info')) return;\r\n document.body.classList.remove('message-toast');\r\n document.body.classList.add('message-tip');\r\n tMessage.info({ content: msg, ...Message.setStyle(config) });\r\n if (status) Message.doMusic(status)\r\n Message.defualtFocus(config);\r\n }\r\n\r\n static toast(msg, config = {}, status) {\r\n Message.resetConfig(msg, { top: '40%', ...config, duration: 18000});\r\n Message.isUseFateur = true;\r\n document.body.classList.remove('message-tip');\r\n document.body.classList.add('message-toast');\r\n tMessage.info({ content: msg, ...Message.setStyle(config) });\r\n if (status) Message.doMusic(status)\r\n }\r\n\r\n static loading(msg, config = {}) {\r\n Message.resetConfig(msg, {top: '40%', ...config, duration: 18000});\r\n Message.isUseFateur = true;\r\n document.body.classList.add('message-loading');\r\n tMessage.info({\r\n content: <div className='message-loading-content'>\r\n <Spin\r\n type='rotating'\r\n scale={2}\r\n />\r\n <h1>{msg}</h1>\r\n </div>,\r\n ...Message.setStyle(config)\r\n });\r\n\r\n setTimeout(() => {\r\n const mask = document.createElement('div');\r\n mask.className = 'message-loading-mask';\r\n const messageContainer = document.querySelector('.ant-message');\r\n if (messageContainer) {\r\n for (const node of messageContainer.parentNode.childNodes) {\r\n if (Array.from(node.classList).includes('message-loading-mask')) return;\r\n }\r\n messageContainer.parentNode.appendChild(mask);\r\n }\r\n });\r\n\r\n }\r\n\r\n static doMusic(status) {\r\n Message.clearMusic();\r\n let m = voice[status];\r\n let audio = document.createElement('audio')\r\n audio.controls = true;\r\n audio.src = m;\r\n audio.hidden = true;\r\n audio.autoplay = 'autoplay';\r\n document.body.appendChild(audio);\r\n Message.sys_audio = audio;\r\n setTimeout(() => { Message.clearMusic() }, 3000)\r\n }\r\n\r\n static clearMusic() {\r\n if (Message.sys_audio) { document.body.removeChild(Message.sys_audio); Message.sys_audio = null; };\r\n }\r\n}\r\n\r\nMessage.config(defualt);\r\n\r\nexport default Message;\r\n"]}
@@ -32,7 +32,22 @@
32
32
  }
33
33
  }
34
34
  }
35
-
35
+ .message-tip{
36
+ .ant-message{
37
+ .ant-message-notice-content{
38
+ box-shadow: none;
39
+ background: none;
40
+ .ant-message-custom-content{
41
+ background-color: rgba(0,0,0,.7);
42
+ border: none;
43
+ color: #fff;
44
+ .anticon{
45
+ display: none;
46
+ }
47
+ }
48
+ }
49
+ }
50
+ }
36
51
  .message-loading{
37
52
  .message-loading-content{
38
53
  position: relative;