doway-coms 1.1.49 → 1.1.50

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

@@ -0,0 +1,283 @@
+import XEUtils from 'xe-utils'
+import UtilTools from '../../tools/utils'
+import DomTools from '../../tools/dom'
+
+const cellType = 'footer'
+
+function mergeFooterMethod (mergeFooterList, _rowIndex, _columnIndex) {
+  for (let mIndex = 0; mIndex < mergeFooterList.length; mIndex++) {
+    const { row: mergeRowIndex, col: mergeColIndex, rowspan: mergeRowspan, colspan: mergeColspan } = mergeFooterList[mIndex]
+    if (mergeColIndex > -1 && mergeRowIndex > -1 && mergeRowspan && mergeColspan) {
+      if (mergeRowIndex === _rowIndex && mergeColIndex === _columnIndex) {
+        return { rowspan: mergeRowspan, colspan: mergeColspan }
+      }
+      if (_rowIndex >= mergeRowIndex && _rowIndex < mergeRowIndex + mergeRowspan && _columnIndex >= mergeColIndex && _columnIndex < mergeColIndex + mergeColspan) {
+        return { rowspan: 0, colspan: 0 }
+      }
+    }
+  }
+}
+
+export default {
+  name: 'VxeTableFooter',
+  props: {
+    footerTableData: Array,
+    tableColumn: Array,
+    fixedColumn: Array,
+    fixedType: String,
+    size: String
+  },
+  mounted () {
+    const { $parent: $xetable, $el, $refs, fixedType } = this
+    const { elemStore } = $xetable
+    const prefix = `${fixedType || 'main'}-footer-`
+    elemStore[`${prefix}wrapper`] = $el
+    elemStore[`${prefix}table`] = $refs.table
+    elemStore[`${prefix}colgroup`] = $refs.colgroup
+    elemStore[`${prefix}list`] = $refs.tfoot
+    elemStore[`${prefix}xSpace`] = $refs.xSpace
+  },
+  destroyed () {
+    const { $parent: $xetable, fixedType } = this
+    const { elemStore } = $xetable
+    const prefix = `${fixedType || 'main'}-footer-`
+    elemStore[`${prefix}wrapper`] = null
+    elemStore[`${prefix}table`] = null
+    elemStore[`${prefix}colgroup`] = null
+    elemStore[`${prefix}list`] = null
+    elemStore[`${prefix}xSpace`] = null
+  },
+  render (h) {
+    let { _e, $parent: $xetable, fixedType, fixedColumn, tableColumn, footerTableData } = this
+    const {
+      $listeners: tableListeners,
+      tId,
+      footerRowClassName,
+      footerCellClassName,
+      footerRowStyle,
+      footerCellStyle,
+      footerAlign: allFooterAlign,
+      mergeFooterList,
+      footerSpanMethod,
+      align: allAlign,
+      scrollXLoad,
+      columnKey,
+      columnOpts,
+      showFooterOverflow: allColumnFooterOverflow,
+      currentColumn,
+      overflowX,
+      scrollbarWidth,
+      tooltipOpts,
+      visibleColumn
+    } = $xetable
+    // 如果是使用优化模式
+    if (fixedType) {
+      if (scrollXLoad || allColumnFooterOverflow) {
+        if (!mergeFooterList.length || !footerSpanMethod) {
+          tableColumn = fixedColumn
+        } else {
+          tableColumn = visibleColumn
+          // 检查固定列是否被合并，合并范围是否超出固定列
+          // if (mergeFooterList.length && !isMergeFooterLeftFixedExceeded && fixedType === 'left') {
+          //   tableColumn = fixedColumn
+          // } else if (mergeFooterList.length && !isMergeFooterRightFixedExceeded && fixedType === 'right') {
+          //   tableColumn = fixedColumn
+          // } else {
+          //   tableColumn = visibleColumn
+          // }
+        }
+      } else {
+        tableColumn = visibleColumn
+      }
+    }
+    return h('div', {
+      class: ['vxe-table--footer-wrapper', fixedType ? `fixed-${fixedType}--wrapper` : 'body--wrapper'],
+      attrs: {
+        xid: tId
+      },
+      on: {
+        scroll: this.scrollEvent
+      }
+    }, [
+      fixedType ? _e() : h('div', {
+        class: 'vxe-body--x-space',
+        ref: 'xSpace'
+      }),
+      h('table', {
+        class: 'vxe-table--footer',
+        attrs: {
+          xid: tId,
+          cellspacing: 0,
+          cellpadding: 0,
+          border: 0
+        },
+        ref: 'table'
+      }, [
+        /**
+         * 列宽
+         */
+        h('colgroup', {
+          ref: 'colgroup'
+        }, tableColumn.map((column, $columnIndex) => {
+          return h('col', {
+            attrs: {
+              name: column.id
+            },
+            key: $columnIndex
+          })
+        }).concat(scrollbarWidth ? [
+          h('col', {
+            attrs: {
+              name: 'col_gutter'
+            }
+          })
+        ] : [])),
+        /**
+         * 底部
+         */
+        h('tfoot', {
+          ref: 'tfoot'
+        }, footerTableData.map((list, _rowIndex) => {
+          const $rowIndex = _rowIndex
+          return h('tr', {
+            class: ['vxe-footer--row', footerRowClassName ? XEUtils.isFunction(footerRowClassName) ? footerRowClassName({ $table: $xetable, _rowIndex, $rowIndex, fixed: fixedType, type: cellType }) : footerRowClassName : ''],
+            style: footerRowStyle ? (XEUtils.isFunction(footerRowStyle) ? footerRowStyle({ $table: $xetable, _rowIndex, $rowIndex, fixed: fixedType, type: cellType }) : footerRowStyle) : null
+          }, tableColumn.map((column, $columnIndex) => {
+            const { type, showFooterOverflow, footerAlign, align, footerClassName } = column
+            const showAllTip = tooltipOpts.showAll || tooltipOpts.enabled
+            const isColGroup = column.children && column.children.length
+            const fixedHiddenColumn = fixedType ? column.fixed !== fixedType && !isColGroup : column.fixed && overflowX
+            const footOverflow = XEUtils.isUndefined(showFooterOverflow) || XEUtils.isNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow
+            const footAlign = footerAlign || align || allFooterAlign || allAlign
+            let showEllipsis = footOverflow === 'ellipsis'
+            const showTitle = footOverflow === 'title'
+            const showTooltip = footOverflow === true || footOverflow === 'tooltip'
+            let hasEllipsis = showTitle || showTooltip || showEllipsis
+            const attrs = { colid: column.id }
+            const tfOns = {}
+            const columnIndex = $xetable.getColumnIndex(column)
+            const _columnIndex = $xetable.getVTColumnIndex(column)
+            const itemIndex = _columnIndex
+            const params = { $table: $xetable, _rowIndex, $rowIndex, column, columnIndex, $columnIndex, _columnIndex, itemIndex, items: list, fixed: fixedType, type: cellType, data: footerTableData }
+            // 虚拟滚动不支持动态高度
+            if (scrollXLoad && !hasEllipsis) {
+              showEllipsis = hasEllipsis = true
+            }
+            if (showTitle || showTooltip || showAllTip) {
+              tfOns.mouseenter = evnt => {
+                if (showTitle) {
+                  DomTools.updateCellTitle(evnt.currentTarget, column)
+                } else if (showTooltip || showAllTip) {
+                  $xetable.triggerFooterTooltipEvent(evnt, params)
+                }
+              }
+            }
+            if (showTooltip || showAllTip) {
+              tfOns.mouseleave = evnt => {
+                if (showTooltip || showAllTip) {
+                  $xetable.handleTargetLeaveEvent(evnt)
+                }
+              }
+            }
+            if (tableListeners['footer-cell-click']) {
+              tfOns.click = evnt => {
+                $xetable.emitEvent('footer-cell-click', Object.assign({ cell: evnt.currentTarget }, params), evnt)
+              }
+            }
+            if (tableListeners['footer-cell-dblclick']) {
+              tfOns.dblclick = evnt => {
+                $xetable.emitEvent('footer-cell-dblclick', Object.assign({ cell: evnt.currentTarget }, params), evnt)
+              }
+            }
+            // 合并行或列
+            if (mergeFooterList.length) {
+              const spanRest = mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex)
+              if (spanRest) {
+                const { rowspan, colspan } = spanRest
+                if (!rowspan || !colspan) {
+                  return null
+                }
+                if (rowspan > 1) {
+                  attrs.rowspan = rowspan
+                }
+                if (colspan > 1) {
+                  attrs.colspan = colspan
+                }
+              }
+            } else if (footerSpanMethod) {
+              // 自定义合并方法
+              const { rowspan = 1, colspan = 1 } = footerSpanMethod(params) || {}
+              if (!rowspan || !colspan) {
+                return null
+              }
+              if (rowspan > 1) {
+                attrs.rowspan = rowspan
+              }
+              if (colspan > 1) {
+                attrs.colspan = colspan
+              }
+            }
+            return h('td', {
+              class: ['vxe-footer--column', column.id, {
+                [`col--${footAlign}`]: footAlign,
+                [`col--${type}`]: type,
+                'col--last': $columnIndex === tableColumn.length - 1,
+                'fixed--hidden': fixedHiddenColumn,
+                'col--ellipsis': hasEllipsis,
+                'col--current': currentColumn === column
+              }, UtilTools.getClass(footerClassName, params), UtilTools.getClass(footerCellClassName, params)],
+              attrs,
+              style: footerCellStyle ? (XEUtils.isFunction(footerCellStyle) ? footerCellStyle(params) : footerCellStyle) : null,
+              on: tfOns,
+              key: columnKey || columnOpts.useKey ? column.id : $columnIndex
+            }, [
+              h('div', {
+                class: ['vxe-cell', {
+                  'c--title': showTitle,
+                  'c--tooltip': showTooltip,
+                  'c--ellipsis': showEllipsis
+                }]
+              }, column.renderFooter(h, params))
+            ])
+          }).concat(scrollbarWidth ? [
+            h('td', {
+              class: 'vxe-footer--gutter col--gutter'
+            })
+          ] : []))
+        }))
+      ])
+    ])
+  },
+  methods: {
+    /**
+     * 滚动处理
+     * 如果存在列固定左侧，同步更新滚动状态
+     * 如果存在列固定右侧，同步更新滚动状态
+     */
+    scrollEvent (evnt) {
+      const { $parent: $xetable, fixedType } = this
+      const { $refs, scrollXLoad, triggerScrollXEvent, lastScrollLeft } = $xetable
+      const { tableHeader, tableBody, tableFooter, validTip } = $refs
+      const headerElem = tableHeader ? tableHeader.$el : null
+      const footerElem = tableFooter ? tableFooter.$el : null
+      const bodyElem = tableBody.$el
+      const scrollLeft = footerElem ? footerElem.scrollLeft : 0
+      const isX = scrollLeft !== lastScrollLeft
+      $xetable.lastScrollLeft = scrollLeft
+      $xetable.lastScrollTime = Date.now()
+      if (headerElem) {
+        headerElem.scrollLeft = scrollLeft
+      }
+      if (bodyElem) {
+        bodyElem.scrollLeft = scrollLeft
+      }
+      if (scrollXLoad && isX) {
+        triggerScrollXEvent(evnt)
+      }
+      if (isX && validTip && validTip.visible) {
+        validTip.updatePlacement()
+      }
+      $xetable.emitEvent('scroll', { type: cellType, fixed: fixedType, scrollTop: bodyElem.scrollTop, scrollLeft, isX, isY: false }, evnt)
+    }
+  }
+}

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

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

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

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

package/node_modules/vxe-table/packages/form/src/form-gather.js

@@ -0,0 +1,24 @@
+import VxeFormItem from './form-item'
+import { errLog } from '../../tools/log'
+
+export default {
+  name: 'VxeFormGather',
+  extends: VxeFormItem,
+  provide () {
+    return {
+      xeformgather: this
+    }
+  },
+  created () {
+    if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+      this.$nextTick(() => {
+        if (this.$xeform && this.$xeform.customLayout) {
+          errLog('vxe.error.errConflicts', ['custom-layout', '<form-gather ...>'])
+        }
+      })
+    }
+  },
+  render (h) {
+    return h('div', this.$slots.default)
+  }
+}

package/node_modules/vxe-table/packages/form/src/form-item.js

@@ -0,0 +1,159 @@
+import XEUtils from 'xe-utils'
+import GlobalConfig from '../../v-x-e-table/src/conf'
+import VXETable from '../../v-x-e-table'
+import { isEnableConf, getFuncText } from '../../tools/utils'
+import { createItem, destroyItem, assemItem } from './util'
+import { renderTitle } from './render'
+
+const props = {
+  title: String,
+  field: String,
+  size: String,
+  span: [String, Number],
+  align: String,
+  titleAlign: String,
+  titleWidth: [String, Number],
+  className: [String, Function],
+  titleOverflow: { type: [Boolean, String], default: null },
+  titlePrefix: Object,
+  titleSuffix: Object,
+  resetValue: { default: null },
+  visible: { type: Boolean, default: null },
+  visibleMethod: Function,
+  folding: Boolean,
+  collapseNode: Boolean,
+  itemRender: Object
+}
+
+const watch = {}
+Object.keys(props).forEach(name => {
+  watch[name] = function (value) {
+    this.itemConfig.update(name, value)
+  }
+})
+
+const renderItem = (h, _vm, item, slots) => {
+  const { rules, data, collapseAll, validOpts, titleOverflow: allTitleOverflow } = _vm
+  const { title, folding, visible, visibleMethod, field, collapseNode, itemRender, showError, errRule, className, titleOverflow } = item
+  const compConf = isEnableConf(itemRender) ? VXETable.renderer.get(itemRender.name) : null
+  const span = item.span || _vm.span
+  const align = item.align || _vm.align
+  const titleAlign = item.titleAlign || _vm.titleAlign
+  const titleWidth = item.titleWidth || _vm.titleWidth
+  let itemVisibleMethod = visibleMethod
+  const itemOverflow = (XEUtils.isUndefined(titleOverflow) || XEUtils.isNull(titleOverflow)) ? allTitleOverflow : titleOverflow
+  const showEllipsis = itemOverflow === 'ellipsis'
+  const showTitle = itemOverflow === 'title'
+  const showTooltip = itemOverflow === true || itemOverflow === 'tooltip'
+  const hasEllipsis = showTitle || showTooltip || showEllipsis
+  const params = { data, property: field, item, $form: _vm }
+  let isRequired
+  if (!itemVisibleMethod && compConf && compConf.itemVisibleMethod) {
+    itemVisibleMethod = compConf.itemVisibleMethod
+  }
+  if (rules) {
+    const itemRules = rules[field]
+    if (itemRules) {
+      isRequired = itemRules.some(rule => rule.required)
+    }
+  }
+  let contentVNs = []
+  if (slots && slots.default) {
+    contentVNs = _vm.callSlot(slots.default, params, h)
+  } else if (compConf && compConf.renderItemContent) {
+    contentVNs = compConf.renderItemContent.call(_vm, h, itemRender, params)
+  } else if (compConf && compConf.renderItem) {
+    contentVNs = compConf.renderItem.call(_vm, h, itemRender, params)
+  } else if (field) {
+    contentVNs = [`${XEUtils.get(data, field)}`]
+  }
+  const ons = showTooltip ? {
+    mouseenter (evnt) {
+      _vm.triggerTitleTipEvent(evnt, params)
+    },
+    mouseleave: _vm.handleTitleTipLeaveEvent
+  } : {}
+  return h('div', {
+    class: ['vxe-form--item', item.id, span ? `vxe-col--${span} is--span` : null, className ? (XEUtils.isFunction(className) ? className(params) : className) : '', {
+      'is--title': title,
+      'is--required': isRequired,
+      'is--hidden': visible === false || (folding && collapseAll),
+      'is--active': !itemVisibleMethod || itemVisibleMethod(params),
+      'is--error': showError
+    }]
+  }, [
+    h('div', {
+      class: 'vxe-form--item-inner'
+    }, [
+      title || (slots && slots.title) ? h('div', {
+        class: ['vxe-form--item-title', titleAlign ? `align--${titleAlign}` : null, {
+          'is--ellipsis': hasEllipsis
+        }],
+        style: titleWidth ? {
+          width: isNaN(titleWidth) ? titleWidth : `${titleWidth}px`
+        } : null,
+        attrs: {
+          title: showTitle ? getFuncText(title) : null
+        },
+        on: ons
+      }, renderTitle(h, _vm, item)) : null,
+      h('div', {
+        class: ['vxe-form--item-content', align ? `align--${align}` : null]
+      }, contentVNs.concat(
+        [
+          collapseNode ? h('div', {
+            class: 'vxe-form--item-trigger-node',
+            on: {
+              click: _vm.toggleCollapseEvent
+            }
+          }, [
+            h('span', {
+              class: 'vxe-form--item-trigger-text'
+            }, collapseAll ? GlobalConfig.i18n('vxe.form.unfolding') : GlobalConfig.i18n('vxe.form.folding')),
+            h('i', {
+              class: ['vxe-form--item-trigger-icon', collapseAll ? GlobalConfig.icon.FORM_FOLDING : GlobalConfig.icon.FORM_UNFOLDING]
+            })
+          ]) : null,
+          errRule && validOpts.showMessage ? h('div', {
+            class: 'vxe-form--item-valid',
+            style: errRule.maxWidth ? {
+              width: `${errRule.maxWidth}px`
+            } : null
+          }, errRule.message) : null
+        ])
+      )
+    ])
+  ])
+}
+
+export default {
+  name: 'VxeFormItem',
+  props,
+  inject: {
+    $xeform: {
+      default: null
+    },
+    xeformgather: {
+      default: null
+    }
+  },
+  data () {
+    return {
+      itemConfig: null
+    }
+  },
+  watch,
+  mounted () {
+    assemItem(this)
+  },
+  created () {
+    this.itemConfig = createItem(this.$xeform, this)
+  },
+  destroyed () {
+    destroyItem(this)
+  },
+  render (h) {
+    const { $xeform } = this
+    return $xeform && $xeform.customLayout ? renderItem(h, $xeform, this.itemConfig, this.$scopedSlots) : h('div')
+  }
+}