update 优化 修改 oss 配置页面开关说明 避免造成误解

疯狂的狮子li

2023-01-18 7d1c53f92738166c1ced1a796e2bc95d26d35fa0

 ruoyi-ui/src/views/dashboard/mixins/resize.js

@@ -1,56 +1,56 @@
import { debounce } from '@/utils'



export default {

  data() {

    return {

      $_sidebarElm: null,

      $_resizeHandler: null

    }

  },

  mounted() {

    this.initListener()

  },

  activated() {

    if (!this.$_resizeHandler) {

      // avoid duplication init

      this.initListener()

    }



    // when keep-alive chart activated, auto resize

    this.resize()

  },

  beforeDestroy() {

    this.destroyListener()

  },

  deactivated() {

    this.destroyListener()

  },

  methods: {

    // use $_ for mixins properties

    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential

    $_sidebarResizeHandler(e) {

      if (e.propertyName === 'width') {

        this.$_resizeHandler()

      }

    },

    initListener() {

      this.$_resizeHandler = debounce(() => {

        this.resize()

      }, 100)

      window.addEventListener('resize', this.$_resizeHandler)



      this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]

      this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)

    },

    destroyListener() {

      window.removeEventListener('resize', this.$_resizeHandler)

      this.$_resizeHandler = null



      this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)

    },

    resize() {

      const { chart } = this

      chart && chart.resize()

    }

  }

}

import { debounce } from '@/utils'

export default {
  data() {
    return {
      $_sidebarElm: null,
      $_resizeHandler: null
    }
  },
  mounted() {
    this.initListener()
  },
  activated() {
    if (!this.$_resizeHandler) {
      // avoid duplication init
      this.initListener()
    }

    // when keep-alive chart activated, auto resize
    this.resize()
  },
  beforeDestroy() {
    this.destroyListener()
  },
  deactivated() {
    this.destroyListener()
  },
  methods: {
    // use $_ for mixins properties
    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
    $_sidebarResizeHandler(e) {
      if (e.propertyName === 'width') {
        this.$_resizeHandler()
      }
    },
    initListener() {
      this.$_resizeHandler = debounce(() => {
        this.resize()
      }, 100)
      window.addEventListener('resize', this.$_resizeHandler)

      this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
      this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
    },
    destroyListener() {
      window.removeEventListener('resize', this.$_resizeHandler)
      this.$_resizeHandler = null

      this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
    },
    resize() {
      const { chart } = this
      chart && chart.resize()
    }
  }
}