gm-printer 10.13.7 → 10.13.8-alpha.0

package/.eslintcache

@@ -1 +1 @@
-[{"/Users/yancheng/gm/gm-open-source/gm-printer/src/printer/table.js":"1","/Users/yancheng/gm/gm-open-source/gm-printer/src/printer/store.js":"2","/Users/yancheng/gm/gm-open-source/gm-printer/src/editor/editor.js":"3","/Users/yancheng/gm/gm-open-source/gm-printer/src/editor/context_menu.js":"4","/Users/yancheng/gm/gm-open-source/gm-printer/src/components/tooltip/index.js":"5","/Users/yancheng/gm/gm-open-source/gm-printer/src/common/common_context_menu.js":"6","/Users/yancheng/gm/gm-open-source/gm-printer/src/util.js":"7","/Users/yancheng/gm/gm-open-source/gm-printer/src/printer/printer.js":"8","/Users/yancheng/gm/gm-open-source/gm-printer/src/printer/do_print.js":"9","/Users/yancheng/gm/gm-open-source/gm-printer/src/common/editor_special_field.js":"10","/Users/yancheng/gm/gm-open-source/gm-printer/src/common/hoc_with_store.js":"11","/Users/yancheng/gm/gm-open-source/gm-printer/src/common/hoc_with_shadow_dom.js":"12","/Users/yancheng/gm/gm-open-source/gm-printer/src/common/editor_title.js":"13","/Users/yancheng/gm/gm-open-source/gm-printer/src/common/editor_store.js":"14","/Users/yancheng/gm/gm-open-source/gm-printer/src/common/editor_add_field.js":"15","/Users/yancheng/gm/gm-open-source/gm-printer/src/common/editor_page_summary.js":"16","/Users/yancheng/gm/gm-open-source/gm-printer/src/editor_account/editor.js":"17","/Users/yancheng/gm/gm-open-source/gm-printer/src/editor_account/context_menu.js":"18"},{"size":9238,"mtime":1637656903443,"results":"19","hashOfConfig":"20"},{"size":12882,"mtime":1638178010006,"results":"21","hashOfConfig":"20"},{"size":4244,"mtime":1635494969691,"results":"22","hashOfConfig":"20"},{"size":3683,"mtime":1635851060224,"results":"23","hashOfConfig":"20"},{"size":616,"mtime":1621235314060,"results":"24","hashOfConfig":"25"},{"size":9693,"mtime":1621242097206,"results":"26","hashOfConfig":"25"},{"size":7133,"mtime":1637651237275,"results":"27","hashOfConfig":"20"},{"size":8733,"mtime":1635931829112,"results":"28","hashOfConfig":"20"},{"size":3119,"mtime":1634191808754,"results":"29","hashOfConfig":"20"},{"size":1113,"mtime":1635407660514,"results":"30","hashOfConfig":"20"},{"size":3905,"mtime":1635304242763},{"size":861,"mtime":1635246075403,"results":"31","hashOfConfig":"20"},{"size":3260,"mtime":1635334661529,"results":"32","hashOfConfig":"20"},{"size":24504,"mtime":1635908548975,"results":"33","hashOfConfig":"20"},{"size":1907,"mtime":1635492860490,"results":"34","hashOfConfig":"20"},{"size":3548,"mtime":1635409410379,"results":"35","hashOfConfig":"20"},{"size":2989,"mtime":1635495718901,"results":"36","hashOfConfig":"20"},{"size":3465,"mtime":1635495798948,"results":"37","hashOfConfig":"20"},{"filePath":"38","messages":"39","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1j0d8vf",{"filePath":"40","messages":"41","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"42","messages":"43","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"44","messages":"45","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"46","messages":"47","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"175njjo",{"filePath":"48","messages":"49","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"50","messages":"51","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"52","messages":"53","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"54","messages":"55","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"56","messages":"57","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"58","messages":"59","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"60","messages":"61","errorCount":13,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"62","messages":"63","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"64","messages":"65","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"66","messages":"67","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"68","messages":"69","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"70","messages":"71","errorCount":2,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"/Users/yancheng/gm/gm-open-source/gm-printer/src/printer/table.js",[],"/Users/yancheng/gm/gm-open-source/gm-printer/src/printer/store.js",[],"/Users/yancheng/gm/gm-open-source/gm-printer/src/editor/editor.js",[],"/Users/yancheng/gm/gm-open-source/gm-printer/src/editor/context_menu.js",[],"/Users/yancheng/gm/gm-open-source/gm-printer/src/components/tooltip/index.js",[],"/Users/yancheng/gm/gm-open-source/gm-printer/src/common/common_context_menu.js",[],"/Users/yancheng/gm/gm-open-source/gm-printer/src/util.js",[],"/Users/yancheng/gm/gm-open-source/gm-printer/src/printer/printer.js",[],"/Users/yancheng/gm/gm-open-source/gm-printer/src/printer/do_print.js",[],"/Users/yancheng/gm/gm-open-source/gm-printer/src/common/editor_special_field.js",[],"/Users/yancheng/gm/gm-open-source/gm-printer/src/common/hoc_with_shadow_dom.js",[],"/Users/yancheng/gm/gm-open-source/gm-printer/src/common/editor_title.js",["72","73","74","75","76","77","78","79","80","81","82","83","84"],"/Users/yancheng/gm/gm-open-source/gm-printer/src/common/editor_store.js",[],"/Users/yancheng/gm/gm-open-source/gm-printer/src/common/editor_add_field.js",[],"/Users/yancheng/gm/gm-open-source/gm-printer/src/common/editor_page_summary.js",[],"/Users/yancheng/gm/gm-open-source/gm-printer/src/editor_account/editor.js",[],"/Users/yancheng/gm/gm-open-source/gm-printer/src/editor_account/context_menu.js",["85","86"],{"ruleId":"87","severity":2,"message":"88","line":47,"column":13,"nodeType":"89","messageId":"90","endLine":47,"endColumn":22},{"ruleId":"87","severity":2,"message":"91","line":48,"column":30,"nodeType":"92","messageId":"90","endLine":48,"endColumn":36},{"ruleId":"87","severity":2,"message":"93","line":49,"column":31,"nodeType":"92","messageId":"90","endLine":49,"endColumn":47},{"ruleId":"87","severity":2,"message":"93","line":50,"column":21,"nodeType":"92","messageId":"90","endLine":50,"endColumn":37},{"ruleId":"87","severity":2,"message":"88","line":56,"column":13,"nodeType":"89","messageId":"90","endLine":56,"endColumn":22},{"ruleId":"87","severity":2,"message":"94","line":59,"column":20,"nodeType":"92","messageId":"90","endLine":59,"endColumn":32},{"ruleId":"87","severity":2,"message":"91","line":61,"column":23,"nodeType":"92","messageId":"90","endLine":61,"endColumn":29},{"ruleId":"87","severity":2,"message":"95","line":61,"column":30,"nodeType":"92","messageId":"90","endLine":61,"endColumn":34},{"ruleId":"87","severity":2,"message":"96","line":63,"column":15,"nodeType":"92","messageId":"90","endLine":63,"endColumn":19},{"ruleId":"87","severity":2,"message":"88","line":67,"column":23,"nodeType":"89","messageId":"90","endLine":67,"endColumn":32},{"ruleId":"87","severity":2,"message":"91","line":70,"column":32,"nodeType":"92","messageId":"90","endLine":70,"endColumn":38},{"ruleId":"87","severity":2,"message":"88","line":78,"column":13,"nodeType":"89","messageId":"90","endLine":78,"endColumn":22},{"ruleId":"87","severity":2,"message":"91","line":84,"column":42,"nodeType":"92","messageId":"90","endLine":84,"endColumn":48},{"ruleId":"97","severity":2,"message":"98","line":64,"column":11,"nodeType":"92","endLine":64,"endColumn":17},{"ruleId":"97","severity":2,"message":"99","line":102,"column":24,"nodeType":"92","endLine":102,"endColumn":32},"react/prop-types","'editStore' is missing in props validation","Property","missingPropType","'editStore.config' is missing in props validation","Identifier","'editStore.config.batchPrintConfig' is missing in props validation","'editStore.originConfig' is missing in props validation","'editStore.config.name' is missing in props validation","'editStore.init' is missing in props validation","no-unused-vars","'keyArr' is assigned a value but never used.","'mockData' is assigned a value but never used."]
+[{"/Users/min/Documents/GMFE/gm-util/gm-printer/src/util.js":"1","/Users/min/Documents/GMFE/gm-util/gm-printer/src/printer/get_css.js":"2","/Users/min/Documents/GMFE/gm-util/gm-printer/src/printer/barcode.js":"3","/Users/min/Documents/GMFE/gm-util/gm-printer/src/index.js":"4","/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor_stockout/context_menu.js":"5","/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor_stockin/context_menu.js":"6","/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor_statement/context_menu.js":"7","/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor_settle/context_menu.js":"8","/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor_salemenus/context_menu.js":"9","/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor_purchase/editor_special_table.js":"10","/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor_purchase/context_menu.js":"11","/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor_account/context_menu.js":"12","/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor/context_menu.js":"13","/Users/min/Documents/GMFE/gm-util/gm-printer/src/config.js":"14","/Users/min/Documents/GMFE/gm-util/gm-printer/src/common/hoc_with_store.js":"15","/Users/min/Documents/GMFE/gm-util/gm-printer/src/common/hoc_with_shadow_dom.js":"16","/Users/min/Documents/GMFE/gm-util/gm-printer/src/common/get_editor_css.js":"17","/Users/min/Documents/GMFE/gm-util/gm-printer/src/common/editor_title.js":"18","/Users/min/Documents/GMFE/gm-util/gm-printer/src/common/editor_store.js":"19","/Users/min/Documents/GMFE/gm-util/gm-printer/src/common/editor_select.js":"20","/Users/min/Documents/GMFE/gm-util/gm-printer/src/common/editor_edit_field.js":"21"},{"size":7133,"mtime":1638862566087,"results":"22","hashOfConfig":"23"},{"size":291,"mtime":1638935573926,"results":"24","hashOfConfig":"23"},{"size":523,"mtime":1638935549030,"results":"25","hashOfConfig":"23"},{"size":1093,"mtime":1638861826721,"results":"26","hashOfConfig":"23"},{"size":2315,"mtime":1638930939570,"results":"27","hashOfConfig":"23"},{"size":2314,"mtime":1638930918783,"results":"28","hashOfConfig":"23"},{"size":1100,"mtime":1638930900747,"results":"29","hashOfConfig":"23"},{"size":2062,"mtime":1638930869535,"results":"30","hashOfConfig":"23"},{"size":3013,"mtime":1638930838581,"results":"31","hashOfConfig":"23"},{"size":4379,"mtime":1638935458586,"results":"32","hashOfConfig":"23"},{"size":2543,"mtime":1638935387181,"results":"33","hashOfConfig":"23"},{"size":2965,"mtime":1638935364549,"results":"34","hashOfConfig":"23"},{"size":3519,"mtime":1638930747457,"results":"35","hashOfConfig":"23"},{"size":2833,"mtime":1638861837310,"results":"36","hashOfConfig":"23"},{"size":4212,"mtime":1638935746667,"results":"37","hashOfConfig":"23"},{"size":861,"mtime":1638931446915,"results":"38","hashOfConfig":"23"},{"size":178,"mtime":1638931439249,"results":"39","hashOfConfig":"23"},{"size":3272,"mtime":1638931374761,"results":"40","hashOfConfig":"23"},{"size":22205,"mtime":1638862315362,"results":"41","hashOfConfig":"23"},{"size":4903,"mtime":1638931210449,"results":"42","hashOfConfig":"23"},{"size":13268,"mtime":1638930638946,"results":"43","hashOfConfig":"23"},{"filePath":"44","messages":"45","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"jpc0be",{"filePath":"46","messages":"47","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"48","messages":"49","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"50","messages":"51","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"52","messages":"53","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"54","messages":"55","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"56","messages":"57","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"58","messages":"59","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"60","messages":"61","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"62","messages":"63","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"64","messages":"65","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"66","messages":"67","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"68","messages":"69","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"70","messages":"71","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"72","messages":"73","errorCount":2,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"74","messages":"75","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"76","messages":"77","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"78","messages":"79","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"80","messages":"81","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"82","messages":"83","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"84","messages":"85","errorCount":1,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"/Users/min/Documents/GMFE/gm-util/gm-printer/src/util.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/printer/get_css.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/printer/barcode.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/index.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor_stockout/context_menu.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor_stockin/context_menu.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor_statement/context_menu.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor_settle/context_menu.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor_salemenus/context_menu.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor_purchase/editor_special_table.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor_purchase/context_menu.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor_account/context_menu.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/editor/context_menu.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/config.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/common/hoc_with_store.js",["86","87"],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/common/hoc_with_shadow_dom.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/common/get_editor_css.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/common/editor_title.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/common/editor_store.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/common/editor_select.js",[],"/Users/min/Documents/GMFE/gm-util/gm-printer/src/common/editor_edit_field.js",["88","89","90"],{"ruleId":"91","severity":2,"message":"92","line":10,"column":29,"nodeType":"93","endLine":10,"endColumn":35},{"ruleId":"91","severity":2,"message":"94","line":145,"column":63,"nodeType":"93","endLine":145,"endColumn":71},{"ruleId":"95","severity":1,"message":"96","line":265,"column":13,"nodeType":"97","endLine":265,"endColumn":49},{"ruleId":"95","severity":1,"message":"96","line":283,"column":13,"nodeType":"97","endLine":283,"endColumn":56},{"ruleId":"98","severity":2,"message":"99","line":436,"column":22,"nodeType":"100","messageId":"101","endLine":436,"endColumn":31},"react/prop-types","'config' is missing in props validation","Identifier","'mockData' is missing in props validation","react/jsx-handler-names","Handler function for onChange prop key must begin with 'handle'","JSXAttribute","gmfe/i18n-check","t函数的key只能为字符串常量(Literal)，请使用单引号或双引号包裹","MemberExpression","isVariable"]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gm-printer",
-  "version": "10.13.7",
+  "version": "10.13.8-alpha.0",
   "description": "diy printer",
   "main": "src/index.js",
   "scripts": {

package/src/common/editor_edit_field.js

@@ -205,12 +205,6 @@ class EditorField extends React.Component {
       (editStore.computedTableSpecialConfig.subtotal &&
         get(subtotal, 'isUpperLowerCaseSeparate')) ||
       false
-    // 位置交换
-    const subtotalCommutationPlace =
-      (editStore.computedTableSpecialConfig.subtotal &&
-        get(subtotal, 'isCommutationPlace')) ||
-      false
-
     return (
       <div>
         <Title title={i18next.t('编辑字段')} />
@@ -276,7 +270,7 @@ class EditorField extends React.Component {
         </Flex>
 
         <Flex alignCenter className='gm-padding-top-5 gm-text-desc'>
-          {i18next.t('商品排列仅适用于双栏商品设置')}
+          {i18next.t('商品排列仅适用于双栏、三栏商品设置')}
         </Flex>
 
         <Gap height='5px' />
@@ -376,16 +370,6 @@ class EditorField extends React.Component {
             onChange={this.handleSubtotalStyleChange}
           />
         </Flex>
-        {/* <Flex style={{ margin: '5px 0 5px 62px' }}>
-          <Flex alignCenter>
-            <input
-              type='checkbox'
-              checked={subtotalCommutationPlace}
-              onChange={editStore.setSubtotalCommutationPlace}
-            />
-          </Flex>
-          <Flex>&nbsp;{i18next.t('合计、每页合计交换位置')}</Flex>
-        </Flex> */}
         <EditorSubtotalCheck
           subtotalCheckDisabled
           subtotalChecked={subtotalNeedUpperCase}

package/src/common/editor_select.js

@@ -126,7 +126,7 @@ class EditorSelector extends React.Component {
         </Flex>
 
         {this.props.isPurchase && (
-          <React.Fragment>
+          <>
             <Flex alignCenter className='gm-padding-top-5'>
               <div>{i18next.t('批量打印设置')}：</div>
               <Select
@@ -146,7 +146,7 @@ class EditorSelector extends React.Component {
                 连续打印（一张采购单可能出现多个供应商）
               </p>
             </div>
-          </React.Fragment>
+          </>
         )}
 
         <Flex alignCenter className='gm-padding-top-5 gm-text-red'>
@@ -158,9 +158,10 @@ class EditorSelector extends React.Component {
 }
 
 EditorSelector.propTypes = {
-  isPurchase: PropTypes.bool
+  isPurchase: PropTypes.bool,
+  editStore: PropTypes.object
 }
-EditorSelector.deaultProps = {
+EditorSelector.defaultProps = {
   isPurchase: false
 }
 

package/src/common/editor_store.js

@@ -427,7 +427,14 @@ class EditorStore {
       newDataKey = _.concat(keyArr, key)
     }
 
+    if (newDataKey.includes('multi') && key === 'multi3') {
+      newDataKey = _.without(newDataKey, 'multi')
+    } else if (newDataKey.includes('multi3') && key === 'multi') {
+      newDataKey = _.without(newDataKey, 'multi3')
+    }
+
     newDataKey = _.sortBy(newDataKey, [
+      o => o === 'multi3',
       o => o === 'multi',
       o => o === 'category',
       o => o === 'orders'

package/src/common/editor_title.js

@@ -126,9 +126,10 @@ class EditorTitle extends React.Component {
 
 EditorTitle.propTypes = {
   onSave: PropTypes.func.isRequired,
-  isPurchase: PropTypes.bool
+  isPurchase: PropTypes.bool,
+  editStore: PropTypes.object
 }
-EditorTitle.deaultProps = {
+EditorTitle.defaultProps = {
   isPurchase: false
 }
 

package/src/common/get_editor_css.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line
 import editorCSS from 'css-loader!postcss-loader!less-loader!./style.lesss'
 
-export default function getEditorCSS () {
+export default function getEditorCSS() {
   return editorCSS.toString()
 }

package/src/common/hoc_with_shadow_dom.js

@@ -8,21 +8,21 @@ const withShadowDom = WrapCom => {
   return class extends React.Component {
     ref = React.createRef()
 
-    componentDidMount () {
+    componentDidMount() {
       const shadowRoot = this.ref.current.attachShadow({ mode: 'open' })
       // 在window下挂 shadow root
       window.shadowRoot = shadowRoot
-      ReactDOM.render(<WrapCom {...this.props}/>, shadowRoot)
+      ReactDOM.render(<WrapCom {...this.props} />, shadowRoot)
       insertCSS(getPrinterCSS() + getEditorCSS(), shadowRoot)
     }
 
-    componentWillUnmount () {
+    componentWillUnmount() {
       // 移除示例,不然很多意想不到的事情发生
       ReactDOM.unmountComponentAtNode(window.shadowRoot)
     }
 
-    render () {
-      return <div id='shadowroot' ref={this.ref}/>
+    render() {
+      return <div id='shadowroot' ref={this.ref} />
     }
   }
 }

package/src/common/hoc_with_store.js

@@ -4,29 +4,65 @@ import { getStyleWithDiff } from '../util'
 
 const withStore = store => WrapComponent =>
   class extends React.Component {
-    constructor (props) {
+    constructor(props) {
       super(props)
       this.store = store
       this.store.init(props.config)
     }
 
-    componentDidMount () {
-      window.document.addEventListener('gm-printer-select', this.handlePrinterSelect)
-      window.document.addEventListener('gm-printer-select-region', this.handleSelectedRegion)
-      window.document.addEventListener('gm-printer-panel-style-set', this.handlePrinterPanelStyleSet)
-      window.document.addEventListener('gm-printer-block-style-set', this.handlePrinterBlockStyleSet)
-      window.document.addEventListener('gm-printer-block-text-set', this.handlePrinterBlockTextSet)
-      window.document.addEventListener('gm-printer-table-drag', this.handlePrinterTableDrag)
+    componentDidMount() {
+      window.document.addEventListener(
+        'gm-printer-select',
+        this.handlePrinterSelect
+      )
+      window.document.addEventListener(
+        'gm-printer-select-region',
+        this.handleSelectedRegion
+      )
+      window.document.addEventListener(
+        'gm-printer-panel-style-set',
+        this.handlePrinterPanelStyleSet
+      )
+      window.document.addEventListener(
+        'gm-printer-block-style-set',
+        this.handlePrinterBlockStyleSet
+      )
+      window.document.addEventListener(
+        'gm-printer-block-text-set',
+        this.handlePrinterBlockTextSet
+      )
+      window.document.addEventListener(
+        'gm-printer-table-drag',
+        this.handlePrinterTableDrag
+      )
       window.document.addEventListener('keydown', this.handleKeyDown)
     }
 
-    componentWillUnmount () {
-      window.document.removeEventListener('gm-printer-select', this.handlePrinterSelect)
-      window.document.removeEventListener('gm-printer-select-region', this.handleSelectedRegion)
-      window.document.removeEventListener('gm-printer-panel-style-set', this.handlePrinterPanelStyleSet)
-      window.document.removeEventListener('gm-printer-block-style-set', this.handlePrinterBlockStyleSet)
-      window.document.removeEventListener('gm-printer-block-text-set', this.handlePrinterBlockTextSet)
-      window.document.removeEventListener('gm-printer-table-drag', this.handlePrinterTableDrag)
+    componentWillUnmount() {
+      window.document.removeEventListener(
+        'gm-printer-select',
+        this.handlePrinterSelect
+      )
+      window.document.removeEventListener(
+        'gm-printer-select-region',
+        this.handleSelectedRegion
+      )
+      window.document.removeEventListener(
+        'gm-printer-panel-style-set',
+        this.handlePrinterPanelStyleSet
+      )
+      window.document.removeEventListener(
+        'gm-printer-block-style-set',
+        this.handlePrinterBlockStyleSet
+      )
+      window.document.removeEventListener(
+        'gm-printer-block-text-set',
+        this.handlePrinterBlockTextSet
+      )
+      window.document.removeEventListener(
+        'gm-printer-table-drag',
+        this.handlePrinterTableDrag
+      )
       window.document.removeEventListener('keydown', this.handleKeyDown)
     }
 
@@ -35,31 +71,31 @@ const withStore = store => WrapComponent =>
       this.store.setSelectedRegion(selected)
     }
 
-    handlePrinterSelect = (e) => {
+    handlePrinterSelect = e => {
       const { selected } = e.detail
       this.store.setSelected(selected)
     }
 
-    handlePrinterPanelStyleSet = (e) => {
+    handlePrinterPanelStyleSet = e => {
       const { name, style } = e.detail
       this.store.setConfigPanelStyle(name, style)
     }
 
-    handlePrinterBlockStyleSet = (e) => {
+    handlePrinterBlockStyleSet = e => {
       const { style } = e.detail
       this.store.setConfigBlockBy('style', style)
     }
 
-    handlePrinterBlockTextSet = (e) => {
+    handlePrinterBlockTextSet = e => {
       const { text } = e.detail
       this.store.setConfigBlockBy('text', text)
     }
 
-    handlePrinterTableDrag = (e) => {
+    handlePrinterTableDrag = e => {
       this.store.exchangeTableColumn(e.detail.target, e.detail.source)
     }
 
-    handleKeyDown = (e) => {
+    handleKeyDown = e => {
       if (e.target !== window.document.body) {
         return
       }
@@ -81,7 +117,11 @@ const withStore = store => WrapComponent =>
             diffY += 1
           }
 
-          const newStyle = getStyleWithDiff(this.store.computedSelectedInfo.style, diffX, diffY)
+          const newStyle = getStyleWithDiff(
+            this.store.computedSelectedInfo.style,
+            diffX,
+            diffY
+          )
 
           this.store.setConfigBlockBy('style', newStyle)
         } else if (this.store.computedIsSelectTable) {
@@ -100,13 +140,12 @@ const withStore = store => WrapComponent =>
       }
     }
 
-    render () {
+    render() {
       return (
         <Provider editStore={this.store} mockData={this.props.mockData}>
-          <WrapComponent {...this.props}/>
+          <WrapComponent {...this.props} />
         </Provider>
       )
     }
   }
-
 export default withStore

package/src/config.js

@@ -125,3 +125,5 @@ export const blockTypeList = [
 ]
 
 export const MULTI_SUFFIX = '_MULTI_SUFFIX'
+
+export const MULTI_SUFFIX3 = '_MULTI_SUFFIX3'

package/src/editor/context_menu.js

@@ -4,7 +4,7 @@ import CommonContextMenu from '../common/common_context_menu'
 import { inject, observer } from 'mobx-react'
 import _ from 'lodash'
 import { Printer } from '../printer'
-import { noSubtotalBtnTableDataKeySet } from './editor'
+import PropTypes from 'prop-types'
 
 const blockTypeList = [
   { value: '', text: i18next.t('插入文本') },
@@ -62,6 +62,7 @@ class ContextMenu extends React.Component {
     const keyArr = dataKey.split('_')
 
     const isMultiActive = keyArr.includes('multi')
+    const isThreeActive = keyArr.includes('multi3')
     const isCategoryActive = keyArr.includes('category')
     const isSubtotalActive = subtotal.show
 
@@ -73,6 +74,12 @@ class ContextMenu extends React.Component {
         >
           {i18next.t('双栏商品')}
         </div>
+        <div
+          onClick={this.handleChangeTableDataKey.bind(this, 'multi3', name)}
+          className={isThreeActive ? 'active' : ''}
+        >
+          {i18next.t('三栏商品')}
+        </div>
         <div
           onClick={this.handleChangeTableDataKey.bind(this, 'category', name)}
           className={isCategoryActive ? 'active' : ''}
@@ -107,5 +114,8 @@ class ContextMenu extends React.Component {
     )
   }
 }
-
+ContextMenu.propTypes = {
+  editStore: PropTypes.object.isRequired,
+  mockData: PropTypes.object.isRequired
+}
 export default ContextMenu

package/src/editor_account/context_menu.js

@@ -4,6 +4,7 @@ import CommonContextMenu from '../common/common_context_menu'
 import { inject, observer } from 'mobx-react'
 import _ from 'lodash'
 import { Printer } from '../printer'
+import PropTypes from 'prop-types'
 
 const blockTypeList = [
   { value: '', text: i18next.t('插入文本') },
@@ -50,8 +51,8 @@ class ContextMenu extends React.Component {
     }
 
     const arr = name.split('.')
-    const { dataKey, subtotal } = this.props.editStore.config.contents[arr[2]]
-    const keyArr = dataKey.split('_')
+    const { subtotal } = this.props.editStore.config.contents[arr[2]]
+    // const keyArr = dataKey.split('_')
 
     // const isMultiActive = keyArr.includes('multi')
     // const isCategoryActive = keyArr.includes('category')
@@ -99,5 +100,8 @@ class ContextMenu extends React.Component {
     )
   }
 }
-
+ContextMenu.propTypes = {
+  editStore: PropTypes.object.isRequired,
+  mockData: PropTypes.object.isRequired
+}
 export default ContextMenu

package/src/editor_purchase/context_menu.js

@@ -3,6 +3,7 @@ import React from 'react'
 import CommonContextMenu from '../common/common_context_menu'
 import { inject, observer } from 'mobx-react'
 import { Printer } from '../printer'
+import PropTypes from 'prop-types'
 import _ from 'lodash'
 
 const blockTypeList = [
@@ -84,4 +85,8 @@ class ContextMenu extends React.Component {
   }
 }
 
+ContextMenu.propTypes = {
+  editStore: PropTypes.object.isRequired,
+  mockData: PropTypes.object.isRequired
+}
 export default ContextMenu

package/src/editor_purchase/editor_special_table.js

@@ -119,6 +119,12 @@ class TableDetailEditor extends React.Component {
   }
 }
 
+TableDetailEditor.propTypes = {
+  addFields: PropTypes.object.isRequired,
+  editStore: PropTypes.object,
+  config: PropTypes.object
+}
+
 @inject('editStore')
 @observer
 class EditorSpecialTable extends React.Component {
@@ -144,7 +150,8 @@ class EditorSpecialTable extends React.Component {
 }
 
 EditorSpecialTable.propTypes = {
-  addFields: PropTypes.object.isRequired
+  addFields: PropTypes.object.isRequired,
+  editStore: PropTypes.object
 }
 
 export default EditorSpecialTable

package/src/editor_salemenus/context_menu.js

@@ -4,6 +4,7 @@ import _ from 'lodash'
 import CommonContextMenu from '../common/common_context_menu'
 import { inject, observer } from 'mobx-react'
 import { Printer } from '../printer'
+import PropTypes from 'prop-types'
 import { hasSubtotalBtnTableDataKeySet } from './editor'
 
 const blockTypeList = [
@@ -101,5 +102,8 @@ class ContextMenu extends React.Component {
     )
   }
 }
-
+ContextMenu.propTypes = {
+  editStore: PropTypes.object.isRequired,
+  mockData: PropTypes.object.isRequired
+}
 export default ContextMenu

package/src/editor_settle/context_menu.js

@@ -4,6 +4,7 @@ import CommonContextMenu from '../common/common_context_menu'
 import { inject, observer } from 'mobx-react'
 import { Printer } from '../printer'
 import _ from 'lodash'
+import PropTypes from 'prop-types'
 
 const blockTypeList = [
   { value: '', text: i18next.t('插入文本') },
@@ -17,13 +18,13 @@ const blockTypeList = [
 }))
 @observer
 class ContextMenu extends React.Component {
-  handleSubtotal = (name) => {
+  handleSubtotal = name => {
     const { editStore } = this.props
 
     editStore.setSubtotalShow(name)
   }
 
-  hasSubtotalBtn = (name) => {
+  hasSubtotalBtn = name => {
     if (!name) return false
 
     const arr = name.split('.')
@@ -34,7 +35,7 @@ class ContextMenu extends React.Component {
     }
   }
 
-  renderOrderActionBtn = (name) => {
+  renderOrderActionBtn = name => {
     if (!this.hasSubtotalBtn(name)) {
       return null
     }
@@ -45,18 +46,24 @@ class ContextMenu extends React.Component {
     const isSubtotalActive = subtotal.show
 
     return (
-      <React.Fragment>
-        <div onClick={this.handleSubtotal.bind(this, name)}
-          className={isSubtotalActive ? 'active' : ''}>{i18next.t('每页合计')}
+      <>
+        <div
+          onClick={this.handleSubtotal.bind(this, name)}
+          className={isSubtotalActive ? 'active' : ''}
+        >
+          {i18next.t('每页合计')}
         </div>
-      </React.Fragment>
+      </>
     )
   }
 
-  render () {
+  render() {
     const { editStore, mockData } = this.props
     return (
-      <CommonContextMenu renderTableAction={this.renderOrderActionBtn} insertBlockList={blockTypeList}>
+      <CommonContextMenu
+        renderTableAction={this.renderOrderActionBtn}
+        insertBlockList={blockTypeList}
+      >
         <Printer
           key={editStore.computedPrinterKey}
           selected={editStore.selected}
@@ -69,4 +76,8 @@ class ContextMenu extends React.Component {
   }
 }
 
+ContextMenu.propTypes = {
+  editStore: PropTypes.object.isRequired,
+  mockData: PropTypes.object.isRequired
+}
 export default ContextMenu

package/src/editor_statement/context_menu.js

@@ -3,6 +3,7 @@ import React from 'react'
 import CommonContextMenu from '../common/common_context_menu'
 import { inject, observer } from 'mobx-react'
 import { Printer } from '../printer'
+import PropTypes from 'prop-types'
 
 const blockTypeList = [
   { value: '', text: i18next.t('插入文本') },
@@ -16,7 +17,7 @@ const blockTypeList = [
 }))
 @observer
 class ContextMenu extends React.Component {
-  render () {
+  render() {
     const { editStore, mockData } = this.props
     return (
       <CommonContextMenu insertBlockList={blockTypeList}>
@@ -31,5 +32,8 @@ class ContextMenu extends React.Component {
     )
   }
 }
-
+ContextMenu.propTypes = {
+  editStore: PropTypes.object.isRequired,
+  mockData: PropTypes.object.isRequired
+}
 export default ContextMenu

package/src/editor_stockin/context_menu.js

@@ -3,6 +3,7 @@ import React from 'react'
 import CommonContextMenu from '../common/common_context_menu'
 import { inject, observer } from 'mobx-react'
 import { Printer } from '../printer'
+import PropTypes from 'prop-types'
 
 const blockTypeList = [
   { value: '', text: i18next.t('插入文本') },
@@ -32,7 +33,7 @@ class ContextMenu extends React.Component {
     const isMultiActive = keyArr.includes('multi')
 
     return (
-      <React.Fragment>
+      <>
         <div
           onClick={this.handleChangeTableDataKey.bind(this, 'multi', name)}
           className={isMultiActive ? 'active' : ''}
@@ -51,7 +52,7 @@ class ContextMenu extends React.Component {
         >
           {i18next.t('入库金额小计')}
         </div>
-      </React.Fragment>
+      </>
     )
   }
 
@@ -73,5 +74,8 @@ class ContextMenu extends React.Component {
     )
   }
 }
-
+ContextMenu.propTypes = {
+  editStore: PropTypes.object.isRequired,
+  mockData: PropTypes.object.isRequired
+}
 export default ContextMenu