gm-printer 11.0.2-beta.2 → 11.1.0-beta.1

package/src/editor/editor_menu_config.js

@@ -1,140 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import _ from 'lodash'
-import { Flex, ToolTip } from '../components'
-import { Gap, Title } from '../common/component'
-import editStore from './store'
-import { observer, inject } from 'mobx-react'
-import EditorTitle from '../common/editor_title'
-import EditorSelect from '../common/editor_select'
-import SpecialField from '../common/editor_special_field'
-import SpecialOtherField from '../common/editor_special_other_field'
-import EditorField from '../common/editor_edit_field'
-import EditorAddField from '../common/editor_add_field'
-import EditorPageSummary from '../common/editor_page_summary'
-import EditorCutomizedConfig from '../common/editor_customize_config'
-import ContextMenu from './context_menu_config'
-import i18next from '../../locales'
-import withStore from '../common/hoc_with_store'
-
-// ‼️‼️🚸🚸 注意: value的命名不要用下划线! 原因是 computedTableDataKeyOfSelectedRegion 会split('_')下划线做一些事情‼️
-// 📚hasSubtotalBtn 这种表格是否支持  双栏,分类,合计  功能
-const tableDataKeyList = [
-  { value: 'orders', text: i18next.t('全部商品'), hasSubtotalBtn: true },
-  { value: 'abnormal', text: i18next.t('异常商品'), hasSubtotalBtn: false },
-  {
-    value: 'abnormalDetails',
-    text: i18next.t('异常商品(明细)'),
-    hasSubtotalBtn: false
-  },
-  { value: 'reward', text: i18next.t('积分表格'), hasSubtotalBtn: false },
-  { value: 'combination', text: i18next.t('组合商品'), hasSubtotalBtn: false },
-  { value: 'turnover', text: i18next.t('周转物表格'), hasSubtotalBtn: false }
-]
-
-export const noSubtotalBtnTableDataKeySet = new Set(
-  tableDataKeyList.filter(v => !v.hasSubtotalBtn).map(o => o.value)
-)
-
-@withStore(editStore)
-@inject('editStore')
-@observer
-class Editor extends React.Component {
-  render() {
-    const {
-      onSave,
-      showEditor,
-      addFields,
-      showNewDate,
-      mockData,
-      mergeClassificationAndLabel,
-      customTableConfigs,
-      menuConfig
-    } = this.props
-    return (
-      <div className='gm-printer-edit'>
-        <Flex className='gm-printer-edit-title-fixed'>
-          <Title
-            title={i18next.t('模板预览')}
-            text={
-              <span className='gm-text-desc gm-padding-left-5'>
-                {i18next.t(
-                  '说明：选中内容进行编辑，可拖动字段移动位置，右键使用更多功能'
-                )}
-                {/* <a
-                  href='https://v.qq.com/x/page/t08044292dd.html'
-                  target='_blank'
-                  className='btn-link'
-                  rel='noopener noreferrer'
-                >
-                  {i18next.t('查看视频教程')}
-                </a> */}
-              </span>
-            }
-          />
-        </Flex>
-
-        {showEditor && (
-          <div className='gm-printer-edit-zone'>
-            <EditorTitle onSave={onSave} />
-            <Gap height='10px' />
-            <>
-              <>{i18next.t('模版类型')}</>
-              <ToolTip text='表示该模板是针对单一商户的配送单模板（商户配送单），或是账户合并打印配送单（账户配送单）的模板。' />
-              <span>{':' + i18next.t('商户配送单')}</span>
-            </>
-            <Gap height='10px' />
-            <EditorSelect />
-            <Gap height='5px' />
-            <SpecialField addFields={addFields} mockData={mockData} />
-            <SpecialOtherField addFields={addFields} mockData={mockData} />
-            <EditorCutomizedConfig />
-            <Gap height='5px' />
-            <EditorField
-              tableDataKeyList={tableDataKeyList}
-              showNewDate={showNewDate}
-              mergeClassificationAndLabel={mergeClassificationAndLabel}
-            />
-            <Gap height='5px' />
-            <EditorAddField addFields={addFields} />
-            <Gap height='5px' />
-            <EditorPageSummary summaryFields={addFields.summaryFields} />
-
-            <div id='gm-printer-tip' />
-
-            <div id='gm-printer-modal' />
-          </div>
-        )}
-
-        <div className='gm-printer-edit-wrap'>
-          <ContextMenu
-            customTableConfigs={customTableConfigs}
-            menuConfig={menuConfig}
-          />
-        </div>
-      </div>
-    )
-  }
-}
-
-Editor.propTypes = {
-  config: PropTypes.object.isRequired,
-  onSave: PropTypes.func,
-  showEditor: PropTypes.bool,
-  mockData: PropTypes.object.isRequired,
-  addFields: PropTypes.object.isRequired,
-  showNewDate: PropTypes.bool,
-  mergeClassificationAndLabel: PropTypes.bool,
-  customTableConfigs: PropTypes.array,
-  menuConfig: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.string),
-    PropTypes.object
-  ])
-}
-
-Editor.defaultProps = {
-  onSave: _.noop,
-  showNewDate: false
-}
-
-export default Editor

package/src/examining_report_editor/context_menu.js

@@ -1,94 +0,0 @@
-import i18next from '../../locales'
-import React from 'react'
-import PropTypes from 'prop-types'
-import CommonContextMenu from '../common/common_context_menu'
-import { inject, observer } from 'mobx-react'
-import _ from 'lodash'
-import { Printer } from '../printer'
-
-const blockTypeList = [
-  { value: '', text: i18next.t('插入文本') },
-  { value: 'line', text: i18next.t('插入线条') },
-  { value: 'image', text: i18next.t('插入图片') }
-]
-
-@inject(stores => ({
-  editStore: stores.editStore,
-  mockData: stores.mockData
-}))
-@observer
-class ContextMenu extends React.Component {
-  isMenuItemEnabled = key => {
-    const { menuConfig } = this.props
-    if (!menuConfig) return true
-    if (Array.isArray(menuConfig)) return menuConfig.includes(key)
-    if (typeof menuConfig === 'object') return !!menuConfig[key]
-    return true
-  }
-
-  hasSubtotalBtn = name => {
-    if (!name) return false
-    const arr = name.split('.')
-    if (!_.includes(arr, 'table')) return false
-    const dataKey = this.props.editStore.config.contents[arr[2]].dataKey
-    return dataKey === 'examiningDetail' || dataKey.startsWith('examiningDetail_')
-  }
-
-  handleChangeTableDataKey = (key, name) => {
-    const { editStore } = this.props
-    editStore.changeTableDataKey(name, key)
-  }
-
-  renderTableAction = name => {
-    if (!this.hasSubtotalBtn(name)) {
-      return null
-    }
-
-    const arr = name.split('.')
-    const { dataKey } = this.props.editStore.config.contents[arr[2]]
-    const keyArr = dataKey.split('_')
-    const isMultiActive = keyArr.includes('multi')
-
-    return (
-      <>
-        {this.isMenuItemEnabled('multi') && (
-          <div
-            onClick={this.handleChangeTableDataKey.bind(this, 'multi', name)}
-            className={isMultiActive ? 'active' : ''}
-          >
-            {i18next.t('双栏商品')}
-          </div>
-        )}
-      </>
-    )
-  }
-
-  render() {
-    const { editStore, mockData } = this.props
-    return (
-      <CommonContextMenu
-        renderTableAction={this.renderTableAction}
-        insertBlockList={blockTypeList}
-      >
-        <Printer
-          key={editStore.computedPrinterKey}
-          selected={editStore.selected}
-          selectedRegion={editStore.selectedRegion}
-          config={editStore.config}
-          data={mockData}
-        />
-      </CommonContextMenu>
-    )
-  }
-}
-
-ContextMenu.propTypes = {
-  editStore: PropTypes.object,
-  mockData: PropTypes.object,
-  menuConfig: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.string),
-    PropTypes.object
-  ])
-}
-
-export default ContextMenu

package/src/examining_report_editor/editor.js

@@ -1,85 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import _ from 'lodash'
-import { Flex } from '../components'
-import { Gap, Title } from '../common/component'
-import editStore from './store'
-import { observer, inject } from 'mobx-react'
-import EditorTitle from '../common/editor_title'
-import EditorSelect from '../common/editor_select'
-import EditorField from '../common/editor_edit_field'
-import EditorAddField from '../common/editor_add_field'
-import ContextMenu from './context_menu'
-import i18next from '../../locales'
-import withStore from '../common/hoc_with_store'
-
-const tableDataKeyList = [
-  {
-    value: 'examiningDetail',
-    text: i18next.t('检测明细'),
-    hasSubtotalBtn: true
-  }
-]
-
-@withStore(editStore)
-@inject('editStore')
-@observer
-class Editor extends React.Component {
-  render() {
-    const { onSave, showEditor, addFields, menuConfig } = this.props
-
-    return (
-      <div className='gm-printer-edit'>
-        <Flex className='gm-printer-edit-title-fixed'>
-          <Title
-            title={i18next.t('模板预览')}
-            text={
-              <span className='gm-text-desc gm-padding-left-5'>
-                {i18next.t(
-                  '说明：选中内容进行编辑，可拖动字段移动位置，右键使用更多功能'
-                )}
-              </span>
-            }
-          />
-        </Flex>
-
-        {showEditor && (
-          <div className='gm-printer-edit-zone'>
-            <EditorTitle onSave={onSave} />
-            <Gap height='10px' />
-            <EditorSelect />
-            <Gap height='5px' />
-            <EditorField tableDataKeyList={tableDataKeyList} />
-            <Gap height='5px' />
-            <EditorAddField addFields={addFields} />
-
-            <div id='gm-printer-tip' />
-            <div id='gm-printer-modal' />
-          </div>
-        )}
-
-        <div className='gm-printer-edit-wrap'>
-          <ContextMenu menuConfig={menuConfig} />
-        </div>
-      </div>
-    )
-  }
-}
-
-Editor.propTypes = {
-  config: PropTypes.object.isRequired,
-  onSave: PropTypes.func,
-  showEditor: PropTypes.bool,
-  mockData: PropTypes.object.isRequired,
-  addFields: PropTypes.object.isRequired,
-  menuConfig: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.string),
-    PropTypes.object
-  ])
-}
-
-Editor.defaultProps = {
-  onSave: _.noop
-}
-
-export default Editor

package/src/examining_report_editor/index.js

@@ -1,4 +0,0 @@
-import withShadowDom from '../common/hoc_with_shadow_dom'
-import Editor from './editor'
-
-export default withShadowDom(Editor)

package/src/examining_report_editor/store.js

@@ -1,78 +0,0 @@
-import EditorStore from '../common/editor_store'
-import { action, toJS } from 'mobx'
-import i18next from '../../locales'
-
-const DEFAULT_TABLE_COLUMNS = [
-  {
-    head: i18next.t('序号'),
-    text: i18next.t('{{列.序号}}'),
-    style: { textAlign: 'center' },
-    headStyle: { textAlign: 'center' }
-  },
-  {
-    head: i18next.t('样品名称'),
-    text: i18next.t('{{列.样品名称}}'),
-    style: { textAlign: 'center' },
-    headStyle: { textAlign: 'center' }
-  },
-  {
-    head: i18next.t('样品编码'),
-    text: i18next.t('{{列.样品编码}}'),
-    style: { textAlign: 'center' },
-    headStyle: { textAlign: 'center' }
-  },
-  {
-    head: i18next.t('检测结果'),
-    text: i18next.t('{{列.检测结果}}'),
-    style: { textAlign: 'center' },
-    headStyle: { textAlign: 'center' }
-  }
-]
-
-class Store extends EditorStore {
-  constructor({ defaultTableDataKey }) {
-    super()
-    this.defaultTableDataKey = defaultTableDataKey
-  }
-
-  getDefaultTableConfig() {
-    return {
-      dataKey: this.defaultTableDataKey,
-      subtotal: { show: false },
-      columns: [
-        {
-          head: i18next.t('表头'),
-          text: i18next.t('{{列.表头}}'),
-          style: { textAlign: 'center' },
-          headStyle: { textAlign: 'center' }
-        }
-      ]
-    }
-  }
-
-  @action
-  init(config, data) {
-    super.init(config, data)
-    this.defaultTableDataKey = 'examiningDetail'
-  }
-
-  @action.bound
-  addContent(name, index, type, tableConfig = null) {
-    super.addContent(name, index, type, tableConfig)
-    this.config = toJS(this.config)
-  }
-
-  @action
-  changeTableDataKey(name, key, options = {}) {
-    super.changeTableDataKey(name, key, options)
-    this.config = toJS(this.config)
-  }
-
-  @action
-  removeContent(name) {
-    super.removeContent(name)
-    this.config = toJS(this.config)
-  }
-}
-
-export default new Store({ defaultTableDataKey: 'examiningDetail' })