gm-printer 10.33.1 → 10.33.2

package/.eslintcache

@@ -0,0 +1 @@
+[{"/Users/maoxuanlong/Desktop/guanmai/code/gm-printer1/src/components/tip/index.js":"1"},{"size":1293,"mtime":1760773799171,"results":"2","hashOfConfig":"3"},{"filePath":"4","messages":"5","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1esol1r","/Users/maoxuanlong/Desktop/guanmai/code/gm-printer1/src/components/tip/index.js",[]]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gm-printer",
-  "version": "10.33.1",
+  "version": "10.33.2",
   "description": "diy printer",
   "main": "src/index.js",
   "scripts": {

package/src/components/tip/index.js

@@ -7,38 +7,50 @@ import _ from 'lodash'
 
 const tips = []
 
-const Tip = (props) => {
+const Tip = props => {
   const { list } = props
 
-  return <React.Fragment>
-    {_.map(list, (item, index) => {
-      return (
-        <div key={index} className='gm-animated gm-animated-fade-in-right-100'>
-          <Flex alignCenter className='gm-tip'>
-            <SvgInfoCircle className='gm-svg-info'/>
-            <div style={{ paddingLeft: '10px' }}>
-              <div>{item}</div>
-            </div>
-          </Flex>
-        </div>
-      )
-    })}
-  </React.Fragment>
+  return (
+    <>
+      {_.map(list, (item, index) => {
+        return (
+          <div
+            key={index}
+            className='gm-animated gm-animated-fade-in-right-100'
+          >
+            <Flex alignCenter className='gm-tip'>
+              <SvgInfoCircle className='gm-svg-info' />
+              <div style={{ paddingLeft: '10px' }}>
+                <div>{item}</div>
+              </div>
+            </Flex>
+          </div>
+        )
+      })}
+    </>
+  )
 }
 
-function getTipDOM (id) {
-  return window.shadowRoot.getElementById(id)
+function getTipDOM(id) {
+  return window?.shadowRoot?.getElementById(id)
 }
 
 Tip.warning = (message = '') => {
   tips.push(message)
-
+  // TODO 这里要判断是否有dom 避免报错
   setTimeout(() => {
+    const dom = getTipDOM('gm-printer-tip')
     tips.shift()
-    ReactDOM.render(<Tip list={tips}/>, getTipDOM('gm-printer-tip'))
+    if (!dom) {
+      return
+    }
+    ReactDOM.render(<Tip list={tips} />)
   }, 3000)
-
-  ReactDOM.render(<Tip list={tips}/>, getTipDOM('gm-printer-tip'))
+  const dom = getTipDOM('gm-printer-tip')
+  if (!dom) {
+    return
+  }
+  ReactDOM.render(<Tip list={tips} />, getTipDOM('gm-printer-tip'))
 }
 
 Tip.propTypes = {