vue2-client 1.20.69 → 1.20.71

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.20.69",
+  "version": "1.20.71",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",
@@ -31,7 +31,7 @@
     "@microsoft/fetch-event-source": "^2.0.1",
     "@vue/babel-preset-jsx": "^1.4.0",
     "animate.css": "^4.1.1",
-    "ant-design-vue": "^1.7.8",
+    "ant-design-vue": "npm:@afwenming123/ant-design-vue@1.7.10",
     "axios": "^0.27.2",
     "clipboard": "^2.0.11",
     "core-js": "^3.33.0",

package/src/base-client/components/common/XFormTable/demo.vue

@@ -101,7 +101,6 @@ export default {
       this.$refs.xFormTable.refreshTable(true)
     },
     selectRow(selectedRowKeys, selectedRows) {
-      console.log('selectRow', selectedRowKeys, selectedRows)
       this.selected = {
         keys: selectedRowKeys,
         rows: selectedRows

package/src/base-client/components/common/XTable/XTable.vue

@@ -318,32 +318,6 @@ import moment from 'moment/moment'
 import XTableWrapper from './XTableWrapper.vue'
 import { isDebugUser } from '@vue2-client/utils/common'
 
-/**
- * 为表格列补齐唯一 key（只写 col.key，不改 dataIndex），避免 Ant Design Table 表头 ColGroup 因 key/dataIndex 重复触发 Vue duplicate key。
- * 冲突时在同一基准名上递增 _2、_3 …
- */
-function ensureUniqueColumnKeys (columns) {
-  if (!Array.isArray(columns) || columns.length === 0) return
-  const used = Object.create(null)
-  columns.forEach((col, index) => {
-    const base = String(
-      col.key != null && col.key !== ''
-        ? col.key
-        : (col.dataIndex != null && col.dataIndex !== '')
-          ? col.dataIndex
-          : `col_${index}`
-    )
-    let unique = base
-    let n = 2
-    while (used[unique]) {
-      unique = `${base}_${n}`
-      n += 1
-    }
-    used[unique] = true
-    col.key = unique
-  })
-}
-
 export default {
   name: 'XTable',
   components: {
@@ -604,21 +578,6 @@ export default {
     pageSizeArray: {
       type: Array,
       default: () => ['10', '20', '30', '40']
-    },
-    /** 虚拟表预估行高（px），透传 STable；不传则用 STable 内按 tableSize 推导 */
-    virtualItemSize: {
-      type: Number,
-      default: undefined
-    },
-    /** 虚拟表上下缓冲（像素），透传 STable；不传则用 STable 默认 */
-    virtualBuffer: {
-      type: Number,
-      default: undefined
-    },
-    /** 虚拟表滚动是否 rAF 合并，透传 STable；不传则用 STable 默认 true */
-    virtualUseRafScroll: {
-      type: Boolean,
-      default: undefined
     }
   },
   computed: {
@@ -970,7 +929,6 @@ export default {
       this.queryParams = queryParams
       this.realQueryParams = realQueryParams
       this.tableColumns = JSON.parse(JSON.stringify(tableColumns))
-      ensureUniqueColumnKeys(this.tableColumns)
       if (this.tableColumns.length === 0) {
         return
       }

package/src/base-client/components/common/XTable/XTableWrapper.vue

@@ -23,9 +23,6 @@
     :size="tableContext.tableSize"
     :components="components"
     :rowStyleFunction="tableContext.rowStyleFunction"
-    :virtual-item-size="tableContext.virtualItemSize"
-    :virtual-buffer="tableContext.virtualBuffer"
-    :virtual-use-raf-scroll="tableContext.virtualUseRafScroll"
     @beforeDataChange="beforeDataChange"
     @expand="onExpand"
     @rowClick="handleRowClick"
@@ -188,9 +185,6 @@
     :size="tableContext.tableSize"
     :components="components"
     :rowStyleFunction="tableContext.rowStyleFunction"
-    :virtual-item-size="tableContext.virtualItemSize"
-    :virtual-buffer="tableContext.virtualBuffer"
-    :virtual-use-raf-scroll="tableContext.virtualUseRafScroll"
     @rowClick="handleRowClick"
     @rowDblClick="handleRowDblClick"
     @beforeDataChange="beforeDataChange"
@@ -255,8 +249,8 @@
         <!-- websocket-id (配置名称-字段名称-数据行id) -->
         <x-web-socket-progress
           v-if="item.webSocket"
-          :key="`${tableContext.requestParameters?.pageNo || 1}-${item.key || item.dataIndex}-${record[tableContext.rowKey] || index}`"
-          :websocket-id="`${queryParamsName}-${item.key || item.dataIndex}-${record[tableContext.rowKey] || index}`"
+          :key="`${tableContext.requestParameters?.pageNo || 1}-${item.dataIndex}-${record[tableContext.rowKey] || index}`"
+          :websocket-id="`${queryParamsName}-${item.dataIndex}-${record[tableContext.rowKey] || index}`"
           :initial-value="text || 0"
           @progress-updated="(data) => handleProgressUpdated(data, record, item.dataIndex)"
         />
@@ -417,9 +411,10 @@ export default {
           cell: (h, props, children) => {
             const { key, ...restProps } = props
             // 此处的this.realTableColumns 是定义的table的表头属性变量
-            // 列 key 在去重后唯一；优先按 col.key 匹配（含 s_f_address_2 等），再回退 dataIndex
-            const col = this.realTableColumns.find((c) => c.key === key) ||
-              this.realTableColumns.find((c) => (c.dataIndex || c.key) === key)
+            const col = this.realTableColumns.find((col) => {
+              const k = col.dataIndex || col.key
+              return k === key
+            })
             if (!col || !col.width || col.slotType === 'action') {
               if (children) {
                 return h('th', { ...restProps }, [...children])
@@ -448,7 +443,7 @@ export default {
             }
 
             const dragProps = {
-              key: col.key || col.dataIndex,
+              key: col.dataIndex || col.key,
               class: 'table-draggable-handle',
               attrs: {
                 w: 10,

package/src/base-client/plugins/shortcutMixin.js

@@ -22,7 +22,7 @@
  */
 
 import { shortcutManager } from '@vue2-client/base-client/utils/shortcutManager'
-import { executeStrFunctionByContext } from '@vue2-client/utils/runEvalFunction'
+// import { executeStrFunctionByContext } from '@vue2-client/utils/runEvalFunction'
 
 const log = (env => {
   if (env !== 'development') return () => {}
@@ -356,23 +356,26 @@ export const shortcutMixin = {
       log('reg', `✅ 注册 ${key} → scope=${scopeId} cellRef=${cellConfig.slotRef || '-'}`)
     },
 
+    // createShortcutContext(cellConfig, eventConfig, eventIndex, shortcutKey) {
+    //   return {
+    //     ...this,
+    //     getComponent: (ref) => this.shortcutGetComponent(ref),
+    //     findComponent: (ref) => this.shortcutFindComponent(ref),
+    //     cellConfig,
+    //     eventConfig,
+    //     eventIndex,
+    //     slotRef: cellConfig.slotRef,
+    //     shortcutKey,  // ✅ 新增：触发的快捷键
+    //     triggerEvent: (type, ...args) => {
+    //       const event = cellConfig.events?.find(e => e.type === type)
+    //       if (event?.customFunction) {
+    //         executeStrFunctionByContext(this, event.customFunction, args)
+    //       }
+    //     }
+    //   }
+    // },
     createShortcutContext(cellConfig, eventConfig, eventIndex, shortcutKey) {
-      return {
-        ...this,
-        getComponent: (ref) => this.shortcutGetComponent(ref),
-        findComponent: (ref) => this.shortcutFindComponent(ref),
-        cellConfig,
-        eventConfig,
-        eventIndex,
-        slotRef: cellConfig.slotRef,
-        shortcutKey,  // ✅ 新增：触发的快捷键
-        triggerEvent: (type, ...args) => {
-          const event = cellConfig.events?.find(e => e.type === type)
-          if (event?.customFunction) {
-            executeStrFunctionByContext(this, event.customFunction, args)
-          }
-        }
-      }
+      return this
     },
 
     // ========== 组件查找 ==========

package/src/base-client/utils/shortcutManager.js

@@ -757,7 +757,7 @@ class ShortcutManager {
     if (!normalizedKey) return
 
     const entry = {
-      action, scope, context, cellRef, isActive, instanceId,
+      action, scope, context, cellRef, isActive, instanceId, key,
       registeredAt: Date.now()
     }
 
@@ -918,16 +918,11 @@ class ShortcutManager {
    * @param {KeyboardEvent} keyboardEvent 原始键盘事件
    */
   executeEvent(entry, keyboardEvent) {
-    const { action, context } = entry
+    const { action, context, key } = entry
     if (!action?.customFunction) return
 
     try {
-      // ✅ 传递 keyboardEvent 和 shortcutKey
-      executeStrFunctionByContext(
-        context,
-        action.customFunction,
-        [keyboardEvent, context.shortcutKey || entry.key]
-      )
+      executeStrFunctionByContext(context, action.customFunction, [keyboardEvent, key])
     } catch (err) {
       log('error', `❌ 执行失败: ${err.message}`)
     }

package/src/components/STable/index.js

@@ -2,28 +2,8 @@ import T from 'ant-design-vue/es/table/Table'
 import get from 'lodash.get'
 import { mapState } from 'vuex'
 import { executeStrFunctionByContext } from '@vue2-client/utils/runEvalFunction'
-import AVirtualTable from '@vue2-client/components/AVirtualTable'
-
-/** 仅这些键走 AVirtualTable 的声明式 props；其余（scroll、rowKey、rowSelection 等）必须走 attrs 才能进入 $attrs 并透传到内部 a-table */
-const VTABLE_OWN_PROP_KEYS = new Set([
-  'columns',
-  'dataSource',
-  'keyProp',
-  'itemSize',
-  'scrollBox',
-  'buffer',
-  'throttleTime',
-  'dynamic',
-  'virtualized',
-  'autoVirtualizeThreshold',
-  'isTree',
-  'useRafScroll'
-])
 
 export default {
-  components: {
-    AVirtualTable
-  },
   data() {
     return {
       clickedRowKey: null,
@@ -142,21 +122,6 @@ export default {
     pageSizeArray: {
       type: Array,
       default: () => ['10', '20', '30', '40']
-    },
-    /** 虚拟表预估行高（px）；不传则 small→48，其余→54（与 Ant Design 行高接近，减轻 offsetMap 累计误差） */
-    virtualItemSize: {
-      type: Number,
-      default: null
-    },
-    /** 虚拟表上下缓冲（像素），增大可减少快速滚动露白，略增 DOM */
-    virtualBuffer: {
-      type: Number,
-      default: 500
-    },
-    /** 虚拟表滚动用 rAF 合并更新（默认 true） */
-    virtualUseRafScroll: {
-      type: Boolean,
-      default: true
     }
   }),
   computed: {
@@ -657,6 +622,13 @@ export default {
     })
     // 取消原有的分页组件 产品设计分页组件和汇总在一行 重新分页逻辑
     props.pagination = false
+    const tableData = Array.isArray(props.dataSource) ? props.dataSource : []
+    if (props.scroll && props.scroll.y && tableData.length > 40) {
+      props.scroll = {
+        ...props.scroll,
+        virtual: { itemHeight: 60, overscan: 8 }
+      }
+    }
 
     // 使用 rowClassName 实现响应式行样式
     props.rowClassName = (record, index) => {
@@ -853,35 +825,16 @@ export default {
         </a-col>
       </a-row>
     )
-    const tableSize = this.size || 'default'
-    const resolvedVirtualItemSize =
-      this.virtualItemSize != null ? this.virtualItemSize : tableSize === 'small' ? 48 : 55
-    const vtableOwnProps = {
-      keyProp: '__v_key',
-      autoVirtualizeThreshold: 40,
-      itemSize: resolvedVirtualItemSize,
-      buffer: this.virtualBuffer,
-      useRafScroll: this.virtualUseRafScroll
-    }
-    const vtableAttrs = {}
-    Object.keys(props).forEach(k => {
-      if (VTABLE_OWN_PROP_KEYS.has(k)) {
-        vtableOwnProps[k] = props[k]
-      } else {
-        vtableAttrs[k] = props[k]
-      }
-    })
     const table = (
-      <AVirtualTable
-        ref="vtable"
-        {...{ props: vtableOwnProps, attrs: vtableAttrs, scopedSlots: { ...this.$scopedSlots } }}
+      <a-table
+        {...{ props, scopedSlots: { ...this.$scopedSlots } }}
         onChange={this.loadData}
         onExpand={(expanded, record) => this.onExpand(expanded, record)}
       >
         {Object.keys(this.$slots).map(name => (
           <template slot={name}>{this.$slots[name]}</template>
         ))}
-      </AVirtualTable>
+      </a-table>
     )
     return (
       <div class="table-wrapper">

package/src/components/index.js

@@ -16,7 +16,6 @@ import Trend from '@vue2-client/components/Trend'
 import Ellipsis from '@vue2-client/components/Ellipsis'
 import NumberInfo from '@vue2-client/components/NumberInfo'
 import STable from '@vue2-client/components/STable'
-import AVirtualTable from '@vue2-client/components/AVirtualTable'
 import XScrollBox from '@vue2-client/components/xScrollBox'
 
 export {
@@ -34,7 +33,6 @@ export {
   Ellipsis,
   NumberInfo,
   STable,
-  AVirtualTable,
   Trend,
   XScrollBox
 }

package/src/router/async/router.map.js

@@ -59,7 +59,6 @@ routerResource.example = {
   // component: () => import('@vue2-client/base-client/components/his/HChart/demo.vue'),
   // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
   component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue')
-  // component: () => import('@vue2-client/components/AVirtualTable/demo.vue')
   // component: () => import('@vue2-client/base-client/components/common/AfMap/demo.vue')
   // component: () => import('@vue2-client/base-client/components/common/ImagePreviewModal/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XImagePreview/demo.vue'),

package/vue.config.js

@@ -45,7 +45,8 @@ module.exports = {
         changeOrigin: true
       },
       '/api/af-revenue': {
-        target: v3Server,
+        pathRewrite: { '^/api/af-revenue/': '/' },
+        target: 'http://127.0.0.1:9026',
         changeOrigin: true
       },
       '/revenue-web/api/af-revenue': {

package/src/components/AVirtualTable/a-virtual-table.vue

@@ -1,658 +0,0 @@
-<script>
-import throttle from 'lodash/throttle'
-import Checkbox from 'ant-design-vue/lib/checkbox'
-import Table from 'ant-design-vue/lib/table'
-
-function isScroller (el) {
-  const style = window.getComputedStyle(el, null)
-  const scrollValues = ['auto', 'scroll']
-  return scrollValues.includes(style.overflow) || scrollValues.includes(style['overflow-y'])
-}
-
-function getParentScroller (el) {
-  let parent = el
-  while (parent) {
-    if ([window, document, document.documentElement].includes(parent)) {
-      return window
-    }
-    if (isScroller(parent)) {
-      return parent
-    }
-    parent = parent.parentNode
-  }
-
-  return parent || window
-}
-
-function getScrollTop (el) {
-  return el === window ? window.pageYOffset : el.scrollTop
-}
-
-function getScrollLeft (el) {
-  return el === window ? window.pageXOffset : el.scrollLeft
-}
-
-function setScrollTop (el, pos) {
-  return el === window ? window.scroll(window.pageXOffset, pos) : (el.scrollTop = pos)
-}
-
-function setScrollLeft (el, pos) {
-  return el === window ? window.scroll(pos, window.pageYOffset) : (el.scrollLeft = pos)
-}
-
-function getOffsetHeight (el) {
-  return el === window ? window.innerHeight : el.offsetHeight
-}
-
-function scrollToY (el, y) {
-  if (el === window) {
-    window.scroll(0, y)
-  } else {
-    el.scrollTop = y
-  }
-}
-
-function hasScrollX (el) {
-  return el.scrollWidth > el.clientWidth
-}
-
-const TableBodyClassNames = ['.ant-table-scroll .ant-table-body', '.ant-table-fixed-left .ant-table-body-inner', '.ant-table-fixed-right .ant-table-body-inner']
-
-let checkOrder = 0
-
-export default {
-  inheritAttrs: false,
-  name: 'AVirtualTable',
-  components: {
-    ACheckbox: Checkbox,
-    ATable: Table
-  },
-  props: {
-    dataSource: {
-      type: Array,
-      default: () => []
-    },
-    columns: {
-      type: Array,
-      default: () => []
-    },
-    keyProp: {
-      type: String,
-      default: 'id'
-    },
-    itemSize: {
-      type: Number,
-      default: 60
-    },
-    scrollBox: {
-      type: String,
-      default: undefined
-    },
-    buffer: {
-      type: Number,
-      default: 100
-    },
-    /** 为 false 时用 lodash throttle（throttleTime）；为 true 时用 rAF 合并滚动回调，跟手更好 */
-    useRafScroll: {
-      type: Boolean,
-      default: true
-    },
-    throttleTime: {
-      type: Number,
-      default: 10
-    },
-    dynamic: {
-      type: Boolean,
-      default: true
-    },
-    virtualized: {
-      type: Boolean,
-      default: true
-    },
-    /** 数据行数大于该数值时启用虚拟滚动（默认 40 表示 41 行及以上） */
-    autoVirtualizeThreshold: {
-      type: Number,
-      default: 40
-    },
-    isTree: {
-      type: Boolean,
-      default: false
-    }
-  },
-  provide () {
-    return {
-      virtualTable: this
-    }
-  },
-  data () {
-    return {
-      start: 0,
-      end: undefined,
-      sizes: {},
-      renderData: [],
-      isCheckedAll: false,
-      isCheckedImn: false,
-      isHideAppend: false
-    }
-  },
-  computed: {
-    /** virtualized 为 false 时关闭；否则数据行数「大于」阈值时启用（默认 40 即至少 41 行） */
-    effectiveVirtualized () {
-      return this.virtualized && this.dataSource.length > this.autoVirtualizeThreshold
-    },
-    tableColumns () {
-      return this.columns.map(column => {
-        if (column.type === 'selection') {
-          return {
-            title: () => {
-              return (
-                <a-checkbox
-                  checked={this.isCheckedAll}
-                  indeterminate={this.isCheckedImn}
-                  onchange={() => this.onCheckAllRows(!this.isCheckedAll)}>
-                </a-checkbox>
-              )
-            },
-            customRender: (text, row) => {
-              return (
-                <a-checkbox
-                  checked={row.$v_checked}
-                  onchange={() => this.onCheckRow(row, !row.$v_checked)}>
-                </a-checkbox>
-              )
-            },
-            width: 60,
-            ...column
-          }
-        } else if (column.index) {
-          return {
-            customRender: (text, row, index) => {
-              const curIndex = this.start + index
-              return typeof column.index === 'function' ? column.index(curIndex) : curIndex + 1
-            },
-            ...column
-          }
-        }
-        return column
-      })
-    },
-    offsetMap () {
-      if (!this.dynamic) return {}
-
-      const { keyProp, itemSize, sizes, dataSource } = this
-      const res = {}
-      let total = 0
-      for (let i = 0; i < dataSource.length; i++) {
-        const key = dataSource[i][keyProp]
-        res[key] = total
-
-        const curSize = sizes[key]
-        const size = typeof curSize === 'number' ? curSize : itemSize
-        total += size
-      }
-      return res
-    }
-  },
-  methods: {
-    initData () {
-      this.isInnerScroll = false
-      this.scrollPos = [0, 0, 0, 0]
-      this.isDeactivated = false
-      this._scrollRafId = null
-
-      this.scroller = this.getScroller()
-      this.setToTop()
-      this.recordTablePos()
-
-      this.handleScroll()
-      this.$nextTick(() => {
-        this.handleScroll()
-      })
-      // 滚动：rAF 每帧最多更新一次，减少快速滚动时空白露底；resize 同步调度
-      this._throttledFallbackScroll = throttle(this.handleScroll, this.throttleTime)
-      if (this.useRafScroll) {
-        this.onScroll = this.scheduleScrollUpdate
-        this.onResizeOrScroll = this.scheduleScrollUpdate
-      } else {
-        this.onScroll = this._throttledFallbackScroll
-        this.onResizeOrScroll = this._throttledFallbackScroll
-      }
-      this.scroller.addEventListener('scroll', this.onScroll, { passive: true })
-      window.addEventListener('resize', this.onResizeOrScroll)
-    },
-
-    /** 将多次 scroll 合并到下一帧，贴近显示器刷新，减轻「滚过了行才贴上」的体感 */
-    scheduleScrollUpdate () {
-      if (this._scrollRafId != null) return
-      this._scrollRafId = requestAnimationFrame(() => {
-        this._scrollRafId = null
-        this.handleScroll()
-      })
-    },
-
-    cancelPendingScrollRaf () {
-      if (this._scrollRafId == null) return
-      cancelAnimationFrame(this._scrollRafId)
-      this._scrollRafId = null
-    },
-
-    setToTop () {
-      if (this.isInnerScroll) {
-        this.toTop = 0
-      } else {
-        this.toTop = this.$el.getBoundingClientRect().top - (this.scroller === window ? 0 : this.scroller.getBoundingClientRect().top) + getScrollTop(this.scroller)
-      }
-    },
-
-    getScroller () {
-      let el
-      if (this.scrollBox) {
-        if (this.scrollBox === 'window' || this.scrollBox === window) return window
-
-        el = document.querySelector(this.scrollBox)
-        if (!el) throw new Error(` scrollBox prop: '${this.scrollBox}' is not a valid selector`)
-        if (!isScroller(el)) {
-          // eslint-disable-next-line no-console
-          console.warn(`Warning! scrollBox prop: '${this.scrollBox}' is not a scroll element`)
-        }
-        return el
-      }
-      if (this.$attrs.scroll && this.$attrs.scroll.y) {
-        this.isInnerScroll = true
-        return this.$el.querySelector('.ant-table-body')
-      } else {
-        return getParentScroller(this.$el)
-      }
-    },
-
-    handleScroll () {
-      if (this.isDeactivated) return
-      this.scrollPos[0] = getScrollTop(this.scroller)
-      this.scrollPos[1] = getScrollLeft(this.scroller)
-
-      if (!this.effectiveVirtualized) return
-
-      this.updateSizes()
-      this.calcRenderData()
-      this.calcPosition()
-    },
-
-    updateSizes () {
-      if (!this.dynamic) return
-
-      let rows = []
-      if (this.isTree) {
-        rows = this.$el.querySelectorAll('.ant-table-body .ant-table-row-level-0')
-      } else {
-        rows = this.$el.querySelectorAll('.ant-table-body .ant-table-tbody .ant-table-row')
-      }
-
-      Array.from(rows).forEach((row, index) => {
-        const item = this.renderData[index]
-        if (!item) return
-
-        let offsetHeight = row.offsetHeight
-        const nextEl = row.nextSibling
-        if (nextEl && nextEl.classList && nextEl.classList.contains('ant-table-expanded-row')) {
-          offsetHeight += row.nextSibling.offsetHeight
-        }
-
-        if (this.isTree) {
-          let next = row.nextSibling
-          while (next && next !== rows[index + 1]) {
-            offsetHeight += next?.offsetHeight || 0
-            next = next.nextSibling
-          }
-        }
-
-        const key = item[this.keyProp]
-        if (this.sizes[key] !== offsetHeight) {
-          this.$set(this.sizes, key, offsetHeight)
-          row._offsetHeight = offsetHeight
-        }
-      })
-    },
-
-    calcRenderData () {
-      const { scroller, buffer, dataSource: data } = this
-      const top = this.scrollPos[0] - buffer - this.toTop
-      // 兜底：scroll.y 可能是数字，也可能是 'calc(...)' / '300px' 等 CSS 字符串
-      // 字符串场景下无法直接参与算术，需要退化为从真实 DOM 读取实际可视高度
-      let scrollerHeight
-      if (this.isInnerScroll) {
-        const rawY = this.$attrs.scroll && this.$attrs.scroll.y
-        if (typeof rawY === 'number' && !isNaN(rawY)) {
-          scrollerHeight = rawY
-        } else if (scroller && typeof scroller.clientHeight === 'number') {
-          scrollerHeight = scroller.clientHeight
-        } else {
-          scrollerHeight = 0
-        }
-      } else {
-        scrollerHeight = getOffsetHeight(scroller)
-      }
-      const bottom = this.scrollPos[0] + scrollerHeight + buffer - this.toTop
-
-      let start
-      let end
-      if (!this.dynamic) {
-        start = top <= 0 ? 0 : Math.floor(top / this.itemSize)
-        end = bottom <= 0 ? 0 : Math.ceil(bottom / this.itemSize)
-      } else {
-        let l = 0
-        let r = data.length - 1
-        let mid = 0
-        while (l <= r) {
-          mid = Math.floor((l + r) / 2)
-          const midVal = this.getItemOffsetTop(mid)
-          if (midVal < top) {
-            const midNextVal = this.getItemOffsetTop(mid + 1)
-            if (midNextVal > top) break
-            l = mid + 1
-          } else {
-            r = mid - 1
-          }
-        }
-
-        start = mid
-        end = data.length - 1
-        for (let i = start + 1; i < data.length; i++) {
-          const offsetTop = this.getItemOffsetTop(i)
-          if (offsetTop >= bottom) {
-            end = i
-            break
-          }
-        }
-      }
-
-      if (start % 2) {
-        start = start - 1
-      }
-      this.top = top
-      this.bottom = bottom
-      this.start = start
-      this.end = end
-      this.renderData = data.slice(start, end + 1)
-      this.$emit('renderChange', this.renderData, this.start, this.end)
-    },
-
-    calcPosition () {
-      const len = this.dataSource.length
-      const last = len - 1
-      const wrapHeight = this.getItemOffsetTop(last) + this.getItemSize(last)
-      const offsetTop = this.getItemOffsetTop(this.start)
-
-      TableBodyClassNames.forEach(className => {
-        const el = this.$el.querySelector(className)
-        if (!el) return
-
-        if (!el.wrapEl) {
-          const wrapEl = document.createElement('div')
-          const innerEl = document.createElement('div')
-          wrapEl.appendChild(innerEl)
-          innerEl.appendChild(el.children[0])
-          el.insertBefore(wrapEl, el.firstChild)
-          el.wrapEl = wrapEl
-          el.innerEl = innerEl
-        }
-
-        if (el.wrapEl) {
-          el.wrapEl.style.display = len === 0 ? 'block' : 'inline-block'
-          el.innerEl.style.display = len === 0 ? 'block' : 'inline-block'
-
-          if (this.isInnerScroll && !hasScrollX(this.scroller)) {
-            el.wrapEl.style.width = '100%'
-            el.innerEl.style.width = '100%'
-          }
-
-          el.wrapEl.style.height = wrapHeight + 'px'
-          el.innerEl.style.transform = `translateY(${offsetTop}px)`
-        }
-      })
-    },
-
-    getItemOffsetTop (index) {
-      if (!this.dynamic) {
-        return this.itemSize * index
-      }
-
-      const item = this.dataSource[index]
-      if (item) {
-        return this.offsetMap[item[this.keyProp]] || 0
-      }
-      return 0
-    },
-
-    getItemSize (index) {
-      if (index <= -1) return 0
-      const item = this.dataSource[index]
-      if (item) {
-        const key = item[this.keyProp]
-        return this.sizes[key] || this.itemSize
-      }
-      return this.itemSize
-    },
-
-    update () {
-      this.setToTop()
-      this.handleScroll()
-    },
-
-    scrollTo (index, offsetY = 0, stop = false) {
-      const item = this.dataSource[index]
-      if (item && this.scroller) {
-        this.updateSizes()
-        this.calcRenderData()
-
-        this.$nextTick(() => {
-          const offsetTop = this.getItemOffsetTop(index) - offsetY
-          scrollToY(this.scroller, offsetTop)
-
-          if (!stop) {
-            setTimeout(() => {
-              this.scrollTo(index, offsetY, true)
-            }, 50)
-          }
-        })
-      }
-    },
-
-    renderAllData () {
-      this.renderData = this.dataSource
-      const len = this.dataSource.length
-      const last = len > 0 ? len - 1 : 0
-      this.$emit('renderChange', this.dataSource, 0, last)
-
-      this.$nextTick(() => {
-        TableBodyClassNames.forEach(className => {
-          const el = this.$el.querySelector(className)
-          if (!el) return
-
-          if (el.wrapEl) {
-            el.wrapEl.style.height = 'auto'
-            el.innerEl.style.transform = `translateY(${0}px)`
-          }
-        })
-      })
-    },
-
-    doUpdate () {
-      if (this.hasDoUpdate) return
-      if (!this.scroller) return
-
-      this.isHideAppend = true
-      this.update()
-      this.hasDoUpdate = true
-      this.$nextTick(() => {
-        this.hasDoUpdate = false
-        this.isHideAppend = false
-      })
-    },
-
-    onCheckAllRows (val) {
-      val = this.isCheckedImn ? true : val
-      this.dataSource.forEach(row => {
-        if (row.$v_checked === val) return
-
-        this.$set(row, '$v_checked', val)
-        this.$set(row, '$v_checkedOrder', val ? checkOrder++ : undefined)
-      })
-      this.isCheckedAll = val
-      this.isCheckedImn = false
-      this.emitSelectionChange()
-      if (val === false) checkOrder = 0
-    },
-
-    onCheckRow (row, val) {
-      if (row.$v_checked === val) return
-
-      this.$set(row, '$v_checked', val)
-      this.$set(row, '$v_checkedOrder', val ? checkOrder++ : undefined)
-
-      const checkedLen = this.dataSource.filter(row => row.$v_checked === true).length
-      if (checkedLen === 0) {
-        this.isCheckedAll = false
-        this.isCheckedImn = false
-      } else if (checkedLen === this.dataSource.length) {
-        this.isCheckedAll = true
-        this.isCheckedImn = false
-      } else {
-        this.isCheckedAll = false
-        this.isCheckedImn = true
-      }
-      this.emitSelectionChange()
-    },
-
-    emitSelectionChange () {
-      const selection = this.dataSource.filter(row => row.$v_checked).sort((a, b) => a.$v_checkedOrder - b.$v_checkedOrder)
-      this.$emit('selection-change', selection)
-    },
-
-    toggleRowSelection (row, selected) {
-      const val = typeof selected === 'boolean' ? selected : !row.$v_checked
-      this.onCheckRow(row, val)
-    },
-
-    clearSelection () {
-      this.isCheckedImn = false
-      this.onCheckAllRows(false)
-    },
-
-    recordTablePos () {
-      if (!this.isInnerScroll) return
-
-      this.tableBodyEl = this.$el.querySelector('.ant-table-body')
-      this.onTableScroll = throttle(() => {
-        this.scrollPos[2] = getScrollTop(this.tableBodyEl)
-        this.scrollPos[3] = getScrollLeft(this.tableBodyEl)
-      }, 100)
-      this.tableBodyEl.addEventListener('scroll', this.onTableScroll, { passive: true })
-    },
-
-    restoreScrollY () {
-      if (!this.scroller) return
-
-      const [top, left, top2, left2] = this.scrollPos
-      setScrollTop(this.scroller, top)
-      setScrollLeft(this.scroller, left)
-
-      if (this.isInnerScroll) {
-        const leftScroller = document.querySelector(TableBodyClassNames[1])
-        const rightScroller = document.querySelector(TableBodyClassNames[2])
-        if (leftScroller) setScrollTop(leftScroller, top)
-        if (rightScroller) setScrollTop(rightScroller, top)
-      } else {
-        setScrollTop(this.tableBodyEl, top2)
-        setScrollLeft(this.tableBodyEl, left2)
-      }
-    },
-
-    updateData (data = []) {
-      this.list = data
-      this.$emit('update:dataSource', this.list)
-    },
-
-    getData () {
-      return this.list || this.dataSource
-    }
-  },
-  watch: {
-    dataSource (data, oldData) {
-      if (!this.effectiveVirtualized) {
-        this.renderAllData()
-      } else {
-        this.doUpdate()
-      }
-      if (this.list && data !== oldData) {
-        this.list = data
-      }
-    },
-    effectiveVirtualized: {
-      immediate: true,
-      handler (val) {
-        if (!val) {
-          this.renderAllData()
-        } else {
-          this.doUpdate()
-        }
-      }
-    }
-  },
-  created () {
-    this.$nextTick(() => {
-      this.initData()
-    })
-  },
-  mounted () {
-    const appendEl = this.$refs.append
-    const body = this.$el && this.$el.querySelector('.ant-table-body')
-    if (body && appendEl) {
-      body.appendChild(appendEl)
-    }
-  },
-  beforeDestroy () {
-    this.cancelPendingScrollRaf()
-    if (this.scroller) {
-      this.scroller.removeEventListener('scroll', this.onScroll)
-      window.removeEventListener('resize', this.onResizeOrScroll || this.onScroll)
-    }
-    if (this.tableBodyEl) {
-      this.tableBodyEl.removeEventListener('scroll', this.onTableScroll)
-    }
-  },
-  activated () {
-    this.isDeactivated = false
-    this.restoreScrollY()
-  },
-  deactivated () {
-    this.isDeactivated = true
-    this.cancelPendingScrollRaf()
-  },
-  render (h) {
-    const slotChildren = Object.keys(this.$slots).map(name =>
-      h('template', { slot: name, key: `named-slot-${name}` }, this.$slots[name])
-    )
-    return h('div', [
-      h(Table, {
-        props: {
-          ...this.$attrs,
-          pagination: false,
-          columns: this.tableColumns,
-          dataSource: this.renderData
-        },
-        on: this.$listeners,
-        scopedSlots: this.$scopedSlots,
-        ref: 'innerTable'
-      }, slotChildren.length ? slotChildren : undefined),
-      h('div', {
-        class: 'ant-table-append',
-        ref: 'append',
-        directives: [{ name: 'show', value: !this.isHideAppend }]
-      }, this.$slots.append || [])
-    ])
-  }
-}
-</script>
-
-<style lang="less">
-</style>

package/src/components/AVirtualTable/demo.vue

@@ -1,140 +0,0 @@
-<template>
-  <div class="a-virtual-table-basic-demo">
-    <a-alert
-      show-icon
-      type="info"
-      message="AVirtualTable 基础示例（对齐上游 BasicDemo）"
-      style="margin-bottom: 16px"
-    >
-      <template slot="description">
-        共 {{ list.length }} 条数据；虚拟列表约渲染少量行。
-        插槽使用 <code>slot-scope=&quot;text, record, index&quot;</code>（与 ant-design-vue Table 一致）。
-        <span v-if="renderInfo">当前切片：第 {{ renderInfo.start }}–{{ renderInfo.end }} 行，本帧 {{ renderInfo.count }} 行 DOM。</span>
-      </template>
-    </a-alert>
-
-    <a-virtual-table
-      :columns="columns"
-      :data-source="list"
-      :item-size="54"
-      key-prop="id"
-      row-key="id"
-      :buffer="280"
-      :scroll="{ x: 1300, y: 600 }"
-      @render-change="onRenderChange"
-    >
-      <span slot="customTitle"><a-icon type="smile-o" /> Name (自定义头)</span>
-      <template slot="name" slot-scope="text, record">
-        {{ text }} — id: {{ record.id }}
-      </template>
-    </a-virtual-table>
-  </div>
-</template>
-
-<script>
-import AVirtualTable from '@vue2-client/components/AVirtualTable'
-
-/** 生成与上游 demo 相近的大列表测试数据 */
-function mockRows (count) {
-  const contents = [
-    '这是一条测试数据',
-    '君不见黄河之水天上来，奔流到海不复回。',
-    '十年生死两茫茫',
-    '寻寻觅觅，冷冷清清，凄凄惨惨戚戚。',
-    '桃花坞里桃花庵，桃花庵里桃花仙；桃花仙人种桃树，又摘桃花卖酒钱。',
-    '明月几时有，把酒问青天。',
-    '槛菊愁烟兰泣露，罗幕轻寒，',
-    '红豆生南国，春来发几枝。',
-    '黄鹂'
-  ]
-  const rows = []
-  for (let i = 0; i < count; i++) {
-    rows.push({
-      id: i,
-      name: '王小虎',
-      text: contents[i % contents.length],
-      address: '上海市普陀区金沙江路 1518 弄'
-    })
-  }
-  return rows
-}
-
-export default {
-  name: 'AVirtualTableBasicDemo',
-  components: {
-    AVirtualTable
-  },
-  data () {
-    return {
-      renderInfo: null,
-      columns: [
-        {
-          dataIndex: 'name',
-          key: 'name',
-          slots: { title: 'customTitle' },
-          scopedSlots: { customRender: 'name' },
-          width: 200
-        },
-        {
-          title: 'id',
-          dataIndex: 'id',
-          key: 'id',
-          width: 100
-        },
-        {
-          title: 'text',
-          dataIndex: 'text',
-          key: 'text',
-          width: 400
-        },
-        {
-          title: 'Address',
-          dataIndex: 'address',
-          key: 'address 1',
-          ellipsis: true,
-          width: 400
-        },
-        {
-          title: 'Long Column Long Column Long Column',
-          dataIndex: 'address',
-          key: 'address 2',
-          ellipsis: true,
-          width: 300
-        },
-        {
-          title: 'Long Column Long Column',
-          dataIndex: 'address',
-          key: 'address 3',
-          ellipsis: true,
-          width: 300
-        },
-        {
-          title: 'Long Column',
-          dataIndex: 'address',
-          key: 'address 4',
-          ellipsis: true,
-          width: 150,
-          fixed: 'right'
-        }
-      ],
-      list: mockRows(2000)
-    }
-  },
-  methods: {
-    onRenderChange (renderData, start, end) {
-      this.renderInfo = {
-        start,
-        end,
-        count: renderData ? renderData.length : 0
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.a-virtual-table-basic-demo {
-  padding: 16px;
-  max-width: 100%;
-}
-</style>

package/src/components/AVirtualTable/index.js

@@ -1,3 +0,0 @@
-import AVirtualTable from './a-virtual-table.vue'
-
-export default AVirtualTable