doway-coms 1.1.49 → 1.1.51

package/node_modules/vxe-table/packages/filter/index.d.ts

@@ -0,0 +1,4 @@
+import { Filter } from '../../types/filter'
+
+export * from '../../types/filter'
+export default Filter

package/node_modules/vxe-table/packages/filter/index.js

@@ -0,0 +1,15 @@
+import Table from '../table'
+import VXETable from '../v-x-e-table'
+import Panel from './src/panel'
+import mixin from './src/mixin'
+
+export const Filter = {
+  Panel,
+  install (Vue) {
+    VXETable.reg('filter')
+    Table.mixins.push(mixin)
+    Vue.component(Panel.name, Panel)
+  }
+}
+
+export default Filter

package/node_modules/vxe-table/packages/filter/src/mixin.js

@@ -0,0 +1,258 @@
+import XEUtils from 'xe-utils'
+import DomTools from '../../tools/dom'
+import { toFilters, handleFieldOrColumn } from '../../table/src/util'
+import VXETable from '../../v-x-e-table'
+
+export default {
+  methods: {
+    /**
+     * 手动弹出筛选面板
+     * @param column
+     */
+    _openFilter (fieldOrColumn) {
+      const column = handleFieldOrColumn(this, fieldOrColumn)
+      if (column && column.filters) {
+        const { elemStore } = this
+        const { fixed } = column
+        return this.scrollToColumn(column).then(() => {
+          const headerWrapperElem = elemStore[`${fixed || 'main'}-header-wrapper`] || elemStore['main-header-wrapper']
+          if (headerWrapperElem) {
+            const filterBtnElem = headerWrapperElem.querySelector(`.vxe-header--column.${column.id} .vxe-filter--btn`)
+            DomTools.triggerEvent(filterBtnElem, 'click')
+          }
+        })
+      }
+      return this.$nextTick()
+    },
+    /**
+     * 修改筛选条件列表
+     * @param {ColumnInfo} fieldOrColumn 列
+     * @param {Array} options 选项
+     */
+    _setFilter (fieldOrColumn, options) {
+      const column = handleFieldOrColumn(this, fieldOrColumn)
+      if (column && column.filters && options) {
+        column.filters = toFilters(options)
+      }
+      return this.$nextTick()
+    },
+    checkFilterOptions () {
+      const { filterStore } = this
+      filterStore.isAllSelected = filterStore.options.every(item => item._checked)
+      filterStore.isIndeterminate = !filterStore.isAllSelected && filterStore.options.some(item => item._checked)
+    },
+    /**
+     * 点击筛选事件
+     * 当筛选图标被点击时触发
+     * 更新选项是否全部状态
+     * 打开筛选面板
+     * @param {Event} evnt 事件
+     * @param {ColumnInfo} column 列配置
+     * @param {Object} params 参数
+     */
+    triggerFilterEvent (evnt, column, params) {
+      const { filterStore } = this
+      if (filterStore.column === column && filterStore.visible) {
+        filterStore.visible = false
+      } else {
+        const { target: targetElem, pageX } = evnt
+        const { filters, filterMultiple, filterRender } = column
+        const compConf = filterRender ? VXETable.renderer.get(filterRender.name) : null
+        const filterRecoverMethod = column.filterRecoverMethod || (compConf ? compConf.filterRecoverMethod : null)
+        const { visibleWidth } = DomTools.getDomNode()
+        Object.assign(filterStore, {
+          args: params,
+          multiple: filterMultiple,
+          options: filters,
+          column,
+          style: null,
+          visible: true
+        })
+        // 复原状态
+        filterStore.options.forEach(option => {
+          const { _checked, checked } = option
+          option._checked = checked
+          if (!checked && _checked !== checked) {
+            if (filterRecoverMethod) {
+              filterRecoverMethod({ option, column, $table: this })
+            }
+          }
+        })
+        this.checkFilterOptions()
+        this.initStore.filter = true
+        this.$nextTick(() => {
+          const { $refs } = this
+          const bodyElem = $refs.tableBody.$el
+          const filterWrapperElem = $refs.filterWrapper.$el
+          let filterWidth = 0
+          let filterHeight = 0
+          let filterHeadElem = null
+          let filterFootElem = null
+          if (filterWrapperElem) {
+            filterWidth = filterWrapperElem.offsetWidth
+            filterHeight = filterWrapperElem.offsetHeight
+            filterHeadElem = filterWrapperElem.querySelector('.vxe-table--filter-header')
+            filterFootElem = filterWrapperElem.querySelector('.vxe-table--filter-footer')
+          }
+          const centerWidth = filterWidth / 2
+          const minMargin = 10
+          const maxLeft = bodyElem.clientWidth - filterWidth - minMargin
+          let left, right
+          const style = {
+            top: `${targetElem.offsetTop + targetElem.offsetParent.offsetTop + targetElem.offsetHeight + 8}px`
+          }
+          // 判断面板不能大于表格高度
+          let maxHeight = null
+          if (filterHeight >= bodyElem.clientHeight) {
+            maxHeight = Math.max(60, bodyElem.clientHeight - (filterFootElem ? filterFootElem.offsetHeight : 0) - (filterHeadElem ? filterHeadElem.offsetHeight : 0))
+          }
+          if (column.fixed === 'left') {
+            left = targetElem.offsetLeft + targetElem.offsetParent.offsetLeft - centerWidth
+          } else if (column.fixed === 'right') {
+            right = (targetElem.offsetParent.offsetWidth - targetElem.offsetLeft) + (targetElem.offsetParent.offsetParent.offsetWidth - targetElem.offsetParent.offsetLeft) - column.renderWidth - centerWidth
+          } else {
+            left = targetElem.offsetLeft + targetElem.offsetParent.offsetLeft - centerWidth - bodyElem.scrollLeft
+          }
+          if (left) {
+            const overflowWidth = (pageX + filterWidth - centerWidth + minMargin) - visibleWidth
+            if (overflowWidth > 0) {
+              left -= overflowWidth
+            }
+            style.left = `${Math.min(maxLeft, Math.max(minMargin, left))}px`
+          } else if (right) {
+            const overflowWidth = (pageX + filterWidth - centerWidth + minMargin) - visibleWidth
+            if (overflowWidth > 0) {
+              right += overflowWidth
+            }
+            style.right = `${Math.max(minMargin, right)}px`
+          }
+          filterStore.style = style
+          filterStore.maxHeight = maxHeight
+        })
+      }
+      this.emitEvent('filter-visible', { column, property: column.property, filterList: this.getCheckedFilters(), visible: filterStore.visible }, evnt)
+    },
+    _getCheckedFilters () {
+      const { tableFullColumn } = this
+      const filterList = []
+      tableFullColumn.filter(column => {
+        const { property, filters } = column
+        const valueList = []
+        const dataList = []
+        if (filters && filters.length) {
+          filters.forEach(item => {
+            if (item.checked) {
+              valueList.push(item.value)
+              dataList.push(item.data)
+            }
+          })
+          if (valueList.length) {
+            filterList.push({ column, property, values: valueList, datas: dataList })
+          }
+        }
+      })
+      return filterList
+    },
+    /**
+     * 确认筛选
+     * 当筛选面板中的确定按钮被按下时触发
+     * @param {Event} evnt 事件
+     */
+    confirmFilterEvent (evnt) {
+      const { filterStore, filterOpts, scrollXLoad: oldScrollXLoad, scrollYLoad: oldScrollYLoad } = this
+      const { column } = filterStore
+      const { property } = column
+      const values = []
+      const datas = []
+      column.filters.forEach(item => {
+        if (item.checked) {
+          values.push(item.value)
+          datas.push(item.data)
+        }
+      })
+      const filterList = this.getCheckedFilters()
+      // 如果是服务端筛选，则跳过本地筛选处理
+      if (!filterOpts.remote) {
+        this.handleTableData(true)
+        this.checkSelectionStatus()
+      }
+      this.emitEvent('filter-change', { column, property, values, datas, filters: filterList, filterList }, evnt)
+      this.closeFilter()
+      this.updateFooter().then(() => {
+        const { scrollXLoad, scrollYLoad } = this
+        if ((oldScrollXLoad || scrollXLoad) || (oldScrollYLoad || scrollYLoad)) {
+          if ((oldScrollXLoad || scrollXLoad)) {
+            this.updateScrollXSpace()
+          }
+          if ((oldScrollYLoad || scrollYLoad)) {
+            this.updateScrollYSpace()
+          }
+          return this.refreshScroll()
+        }
+      }).then(() => {
+        this.updateCellAreas()
+        return this.recalculate(true)
+      }).then(() => {
+        // 存在滚动行为未结束情况
+        setTimeout(() => this.recalculate(), 50)
+      })
+    },
+    handleClearFilter (column) {
+      if (column) {
+        const { filters, filterRender } = column
+        if (filters) {
+          const compConf = filterRender ? VXETable.renderer.get(filterRender.name) : null
+          const filterResetMethod = column.filterResetMethod || (compConf ? compConf.filterResetMethod : null)
+          filters.forEach((item) => {
+            item._checked = false
+            item.checked = false
+            if (!filterResetMethod) {
+              item.data = XEUtils.clone(item.resetValue, true)
+            }
+          })
+          if (filterResetMethod) {
+            filterResetMethod({ options: filters, column, $table: this })
+          }
+        }
+      }
+    },
+    /**
+     * 重置筛选
+     * 当筛选面板中的重置按钮被按下时触发
+     * @param {Event} evnt 事件
+     */
+    resetFilterEvent (evnt) {
+      this.handleClearFilter(this.filterStore.column)
+      this.confirmFilterEvent(evnt)
+    },
+    /**
+     * 清空指定列的筛选条件
+     * 如果为空则清空所有列的筛选条件
+     * @param {String} fieldOrColumn 列
+     */
+    _clearFilter (fieldOrColumn) {
+      const { filterStore } = this
+      let column
+      if (fieldOrColumn) {
+        column = handleFieldOrColumn(this, fieldOrColumn)
+        if (column) {
+          this.handleClearFilter(column)
+        }
+      } else {
+        this.visibleColumn.forEach(this.handleClearFilter)
+      }
+      if (!fieldOrColumn || column !== filterStore.column) {
+        Object.assign(filterStore, {
+          isAllSelected: false,
+          isIndeterminate: false,
+          style: null,
+          options: [],
+          column: null,
+          multiple: false,
+          visible: false
+        })
+      }
+      return this.updateData()
+    }
+  }
+}

package/node_modules/vxe-table/packages/filter/src/panel.js

@@ -0,0 +1,209 @@
+import GlobalConfig from '../../v-x-e-table/src/conf'
+import VXETable from '../../v-x-e-table'
+import UtilTools from '../../tools/utils'
+import XEUtils from 'xe-utils'
+
+export default {
+  name: 'VxeTableFilter',
+  props: {
+    filterStore: Object
+  },
+  computed: {
+    hasCheckOption () {
+      const { filterStore } = this
+      return filterStore && filterStore.options.some(option => option.checked)
+    }
+  },
+  render (h) {
+    const { $parent: $xetable, filterStore } = this
+    const { column } = filterStore
+    const filterRender = column ? column.filterRender : null
+    const compConf = filterRender ? VXETable.renderer.get(filterRender.name) : null
+    return h('div', {
+      class: ['vxe-table--filter-wrapper', 'filter--prevent-default', compConf && compConf.className ? compConf.className : '', {
+        'is--animat': $xetable.animat,
+        'is--multiple': filterStore.multiple,
+        'is--active': filterStore.visible
+      }],
+      style: filterStore.style
+    }, filterStore.visible ? this.renderOptions(h, filterRender, compConf).concat(this.renderFooter(h)) : [])
+  },
+  methods: {
+    renderOptions (h, filterRender, compConf) {
+      const { $parent: $xetable, filterStore } = this
+      const { args, column, multiple, maxHeight } = filterStore
+      const { slots } = column
+      if (slots && slots.filter) {
+        return [
+          h('div', {
+            class: 'vxe-table--filter-template'
+          }, $xetable.callSlot(slots.filter, Object.assign({ $panel: this, context: this }, args), h))
+        ]
+      } else if (compConf && compConf.renderFilter) {
+        return [
+          h('div', {
+            class: 'vxe-table--filter-template'
+          }, compConf.renderFilter.call($xetable, h, filterRender, Object.assign({ $panel: this, context: this }, args)))
+        ]
+      }
+      return [
+        h('ul', {
+          class: 'vxe-table--filter-header'
+        }, [
+          h('li', {
+            class: ['vxe-table--filter-option', {
+              'is--checked': multiple ? filterStore.isAllSelected : !filterStore.options.some(item => item._checked),
+              'is--indeterminate': multiple && filterStore.isIndeterminate
+            }],
+            attrs: {
+              title: GlobalConfig.i18n(multiple ? 'vxe.table.allTitle' : 'vxe.table.allFilter')
+            },
+            on: {
+              click: evnt => {
+                this.changeAllOption(evnt, !filterStore.isAllSelected)
+              }
+            }
+          }, (multiple ? [
+            h('span', {
+              class: 'vxe-checkbox--icon vxe-checkbox--checked-icon'
+            }),
+            h('span', {
+              class: 'vxe-checkbox--icon vxe-checkbox--unchecked-icon'
+            }),
+            h('span', {
+              class: 'vxe-checkbox--icon vxe-checkbox--indeterminate-icon'
+            })
+          ] : []).concat([
+            h('span', {
+              class: 'vxe-checkbox--label'
+            }, GlobalConfig.i18n('vxe.table.allFilter'))
+          ]))
+        ]),
+        h('ul', {
+          class: 'vxe-table--filter-body',
+          style: maxHeight ? {
+            maxHeight: `${maxHeight}px`
+          } : {}
+        }, filterStore.options.map(item => {
+          return h('li', {
+            class: ['vxe-table--filter-option', {
+              'is--checked': item._checked
+            }],
+            attrs: {
+              title: item.label
+            },
+            on: {
+              click: evnt => {
+                this.changeOption(evnt, !item._checked, item)
+              }
+            }
+          }, (multiple ? [
+            h('span', {
+              class: 'vxe-checkbox--icon vxe-checkbox--checked-icon'
+            }),
+            h('span', {
+              class: 'vxe-checkbox--icon vxe-checkbox--unchecked-icon'
+            }),
+            h('span', {
+              class: 'vxe-checkbox--icon vxe-checkbox--indeterminate-icon'
+            })
+          ] : []).concat([
+            h('span', {
+              class: 'vxe-checkbox--label'
+            }, UtilTools.formatText(item.label, 1))
+          ]))
+        }))
+      ]
+    },
+    renderFooter (h) {
+      const { hasCheckOption, filterStore } = this
+      const { column, multiple } = filterStore
+      const filterRender = column.filterRender
+      const compConf = filterRender ? VXETable.renderer.get(filterRender.name) : null
+      const isDisabled = !hasCheckOption && !filterStore.isAllSelected && !filterStore.isIndeterminate
+      return multiple && (!compConf || (XEUtils.isBoolean(compConf.showFilterFooter) ? compConf.showFilterFooter !== false : compConf.isFooter !== false)) ? [
+        h('div', {
+          class: 'vxe-table--filter-footer'
+        }, [
+          h('button', {
+            class: {
+              'is--disabled': isDisabled
+            },
+            attrs: {
+              disabled: isDisabled
+            },
+            on: {
+              click: this.confirmFilter
+            }
+          }, GlobalConfig.i18n('vxe.table.confirmFilter')),
+          h('button', {
+            on: {
+              click: this.resetFilter
+            }
+          }, GlobalConfig.i18n('vxe.table.resetFilter'))
+        ])
+      ] : []
+    },
+    // 全部筛选事件
+    filterCheckAllEvent (evnt, value) {
+      const filterStore = this.filterStore
+      filterStore.options.forEach(option => {
+        option._checked = value
+        option.checked = value
+      })
+      filterStore.isAllSelected = value
+      filterStore.isIndeterminate = false
+    },
+
+    /*************************
+     * Publish methods
+     *************************/
+    // （单选）筛选发生改变
+    changeRadioOption (evnt, checked, item) {
+      const { $parent: $xetable, filterStore } = this
+      filterStore.options.forEach(option => {
+        option._checked = false
+      })
+      item._checked = checked
+      $xetable.checkFilterOptions()
+      this.confirmFilter(evnt)
+    },
+    // （多选）筛选发生改变
+    changeMultipleOption (evnt, checked, item) {
+      const { $parent: $xetable } = this
+      item._checked = checked
+      $xetable.checkFilterOptions()
+    },
+    changeAllOption (evnt, checked) {
+      if (this.filterStore.multiple) {
+        this.filterCheckAllEvent(evnt, checked)
+      } else {
+        this.resetFilter(evnt)
+      }
+    },
+    // 筛选发生改变
+    changeOption (evnt, checked, item) {
+      if (this.filterStore.multiple) {
+        this.changeMultipleOption(evnt, checked, item)
+      } else {
+        this.changeRadioOption(evnt, checked, item)
+      }
+    },
+    // 确认筛选
+    confirmFilter (evnt) {
+      const { $parent: $xetable, filterStore } = this
+      filterStore.options.forEach(option => {
+        option.checked = option._checked
+      })
+      $xetable.confirmFilterEvent(evnt)
+    },
+    // 重置筛选
+    resetFilter (evnt) {
+      const { $parent: $xetable } = this
+      $xetable.resetFilterEvent(evnt)
+    }
+    /*************************
+     * Publish methods
+     *************************/
+  }
+}

package/node_modules/vxe-table/packages/footer/index.d.ts

@@ -0,0 +1,4 @@
+import { Footer } from '../../types/footer'
+
+export * from '../../types/footer'
+export default Footer

package/node_modules/vxe-table/packages/footer/index.js

@@ -0,0 +1,9 @@
+import VxeTableFooter from './src/footer'
+
+export const Footer = Object.assign(VxeTableFooter, {
+  install (Vue) {
+    Vue.component(VxeTableFooter.name, VxeTableFooter)
+  }
+})
+
+export default Footer