2023-08-17

king

2023-08-17 c7aece35a62b6e91fd98a625bf0e53f64bfbd18d

 src/pc/components/navbar/normal-navbar/index.jsx

@@ -34,8 +34,6 @@
      let _card = {
        uuid: card.uuid,
        type: card.type,
        floor: card.floor,
        dataName: card.dataName || '',
        name: card.name,
        subtype: card.subtype,
        wrap: { name: card.name, width: card.width || 1200, height: 50 },
@@ -64,10 +62,6 @@
    }
  }

  componentDidMount () {
    MKEmitter.addListener('submitStyle', this.getStyle)
  }

  shouldComponentUpdate (nextProps, nextState) {
    return !is(fromJS(this.state), fromJS(nextState))
  }
@@ -79,7 +73,6 @@
    this.setState = () => {
      return
    }
    MKEmitter.removeListener('submitStyle', this.getStyle)
  }
  
  /**
@@ -95,17 +88,18 @@
    this.props.updateConfig(component)
  }

  getStyle = (comIds, style) => {
    const { card } = this.state
  getStyle = (style) => {
    let _card = {...this.state.card, style}

    if (comIds[0] !== card.uuid) return
    this.setState({
      card: _card
    })
    
    this.props.updateConfig(_card)
  }

    let _card = {...card}
    if (comIds.length === 1) {
      _card = {...card, style}
    } else if (comIds[1] === 'logo') {
      _card = {...card, logoStyle: style}
    }
  getLogoStyle = (style) => {
    let _card = {...this.state.card, logoStyle: style}

    this.setState({
      card: _card
@@ -117,31 +111,27 @@
  changeStyle = () => {
    const { card } = this.state

    MKEmitter.emit('changeStyle', [card.uuid], ['font', 'background', 'shadow'], card.style)
    MKEmitter.emit('changeStyle', ['font', 'background', 'shadow'], card.style, this.getStyle)
  }

  changeLogoStyle = () => {
    const { card } = this.state

    MKEmitter.emit('changeStyle', [card.uuid, 'logo'], ['width', 'margin'], card.logoStyle)
  }

  clickComponent = (e) => {
    if (sessionStorage.getItem('style-control') === 'true' || sessionStorage.getItem('style-control') === 'component') {
      e.stopPropagation()
      MKEmitter.emit('clickComponent', this.state.card)
    }
    MKEmitter.emit('changeStyle', ['width', 'margin'], card.logoStyle, this.getLogoStyle)
  }

  changeMenu = (menu) => {
    if (menu.property === 'link') {
    if (menu.property === 'text') {
      return
    } else if (menu.property === 'link') {
      window.open(menu.link)
      return
    }
    MKEmitter.emit('changeEditMenu', {
      MenuID: menu.property === 'linkmenu' ? menu.linkMenuId : menu.MenuID,
      copyMenuId: menu.property === 'menu' ? menu.copyMenuId : '',
      MenuNo: menu.MenuNo,
      clearMenu: menu.clearMenu || 'true',
      // MenuNo: menu.MenuNo,
      MenuName: menu.name,
    })
  }
@@ -153,7 +143,7 @@
      MKEmitter.emit('changeEditMenu', {
        MenuID: card.wrap.linkmenu,
        copyMenuId: '',
        MenuNo: '',
        // MenuNo: '',
        MenuName: ''
      })
    }
@@ -173,7 +163,7 @@
    const { card } = this.state

    return (
      <div className="normal-navbar-edit-box" style={card.style} onClick={this.clickComponent} id={card.uuid}>
      <div className="normal-navbar-edit-box" style={card.style} id={card.uuid}>
        <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={
          <div className="mk-popover-control">
            <MenuComponent config={card} updateConfig={this.updateComponent} />