tplus-components-touch 3.23.1 → 3.23.5
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.
- package/dist/components/addLog/AddLogProcessor.js +1 -5
- package/dist/components/addLog/AddLogProcessor.js.map +1 -1
- package/dist/components/addLog/OperationLogApi.js +6 -45
- package/dist/components/addLog/OperationLogApi.js.map +1 -1
- package/dist/components/billSearch/index.js +64 -4
- package/dist/components/billSearch/index.js.map +1 -1
- package/dist/components/billSearch/index.less +12 -2
- package/dist/components/cloudPrint/api.js +1 -1
- package/dist/components/cloudPrint/api.js.map +1 -1
- package/dist/components/cloudPrint/index.js +114 -106
- package/dist/components/cloudPrint/index.js.map +1 -1
- package/dist/components/cloudPrint/printDispatch.js +223 -0
- package/dist/components/cloudPrint/printDispatch.js.map +1 -0
- package/dist/components/commonForm/addressPicker/index.js +4 -2
- package/dist/components/commonForm/addressPicker/index.js.map +1 -1
- package/dist/components/commonForm/formControl/index.js +3 -0
- package/dist/components/commonForm/formControl/index.js.map +1 -1
- package/dist/components/hotKey/localConfig.js +14 -1
- package/dist/components/hotKey/localConfig.js.map +1 -1
- package/dist/components/keyboard/index.js +1 -1
- package/dist/components/keyboard/index.js.map +1 -1
- package/dist/components/loading/index.js +5 -0
- package/dist/components/loading/index.js.map +1 -1
- package/dist/components/loading/loadingContent.js +23 -6
- package/dist/components/loading/loadingContent.js.map +1 -1
- package/dist/components/loading/style.less +12 -2
- package/dist/components/message/index.js +11 -0
- package/dist/components/message/index.js.map +1 -1
- package/dist/components/message/index.less +16 -1
- package/dist/components/modalWraper/style.less +6 -0
- package/dist/components/settlement/prototypeTable/style.less +1 -1
- package/dist/components/settlement/settlement.js +487 -312
- package/dist/components/settlement/settlement.js.map +1 -1
- package/dist/components/settlement/settlement.less +87 -13
- package/dist/components/settlement/settlementStore.js +518 -231
- package/dist/components/settlement/settlementStore.js.map +1 -1
- package/dist/components/settlement/utils.js +1 -1
- package/dist/components/settlement/utils.js.map +1 -1
- package/dist/components/ticon/iconfont/demo_index.html +5202 -4949
- package/dist/components/ticon/iconfont/iconfont.css +887 -843
- package/dist/components/ticon/iconfont/iconfont.js +1 -1
- package/dist/components/ticon/iconfont/iconfont.js.map +1 -1
- package/dist/components/ticon/iconfont/iconfont.json +1535 -1458
- package/dist/components/ticon/iconfont/iconfont.ttf +0 -0
- package/dist/components/ticon/iconfont/iconfont.woff +0 -0
- package/dist/components/ticon/iconfont/iconfont.woff2 +0 -0
- package/dist/components/touchTable/index.js +8 -0
- package/dist/components/touchTable/index.js.map +1 -1
- package/dist/index.js +17 -2
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -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":"
|
|
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(
|
|
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: #
|
|
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;
|