st-comp 0.0.276 → 0.0.278

package/.argus/backups/tests/components/20260728_050815.875_VirtualTable.spec.ts

@@ -0,0 +1,234 @@
+import { mountWithPlugins } from '@test/helpers/mountWithPlugins.ts'
+import VirtualTable from '@package/VirtualTable/index.vue'
+import { nextTick } from 'vue'
+
+const tableColumn = [
+  { key: 'id', dataKey: 'id', title: 'ID', width: 80 },
+  { key: 'name', dataKey: 'name', title: '名称', width: 120 },
+]
+
+function makeData(n: number) {
+  return Array.from({ length: n }, (_, i) => ({ id: i + 1, name: `row-${i + 1}` }))
+}
+
+async function flush() {
+  await nextTick()
+  if (vi.isFakeTimers()) {
+    await vi.advanceTimersByTimeAsync(50)
+  } else {
+    await new Promise((r) => setTimeout(r, 50))
+  }
+}
+
+describe('VirtualTable', () => {
+  it('默认渲染 el-table-v2', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: makeData(5), tableColumn },
+    })
+    await flush()
+    expect(wrapper.findComponent({ name: 'ElTableV2' }).exists()).toBe(true)
+  })
+
+  it('空数据渲染空状态插槽', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: [], tableColumn },
+    })
+    await flush()
+    expect(wrapper.findComponent({ name: 'ElEmpty' }).exists()).toBe(true)
+  })
+
+  it('点击行选中：tableActiveData 更新为对应窗口数据', async () => {
+    const tableData = makeData(20)
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData, tableColumn, config: { tableActiveNum: 5 } },
+    })
+    await flush()
+    // 通过组件实例直接调用行点击处理（jsdom 下 v2 表格行渲染依赖尺寸，直接触发逻辑更稳定）
+    const vm = wrapper.vm as any
+    // 找到 ElTableV2 的行点击 handler 并模拟点击第 7 行（index 6）
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    const handlers = (tableV2.props('rowEventHandlers') as any)
+    handlers.onClick({ rowData: tableData[6], rowIndex: 6 })
+    await nextTick()
+    const emitted = wrapper.emitted('update:tableActiveData')
+    const selected = (emitted?.at(-1)?.[0] ?? []) as any[]
+    // 窗口：floor(6/5)*5=5 到 10，即 slice(5,10)
+    expect(selected.map((i: any) => i.id)).toEqual([6, 7, 8, 9, 10])
+  })
+
+  it('重复点击已选中行不更新选中数据', async () => {
+    const tableData = makeData(20)
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData, tableColumn, config: { tableActiveNum: 5 } },
+    })
+    await flush()
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    const handlers = (tableV2.props('rowEventHandlers') as any)
+    handlers.onClick({ rowData: tableData[0], rowIndex: 0 })
+    await nextTick()
+    const firstEmitCount = wrapper.emitted('update:tableActiveData')?.length ?? 0
+    handlers.onClick({ rowData: tableData[1], rowIndex: 1 })
+    await nextTick()
+    expect(wrapper.emitted('update:tableActiveData')?.length ?? 0).toBe(firstEmitCount)
+  })
+
+  it('config 默认值合并：headerHeight/rowHeight 透传给表格', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: makeData(3), tableColumn },
+    })
+    await flush()
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    expect(tableV2.props('headerHeight')).toBe(50)
+    expect(tableV2.props('rowHeight')).toBe(50)
+  })
+
+  it('自定义 config 覆盖默认行高', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: makeData(3), tableColumn, config: { rowHeight: 32 } },
+    })
+    await flush()
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    expect(tableV2.props('rowHeight')).toBe(32)
+  })
+
+
+  it('PageDown 切换选中窗口并触发滚动，footerHeight 置 30', async () => {
+    vi.useFakeTimers()
+    try {
+      const tableData = makeData(10)
+      const wrapper = mountWithPlugins(VirtualTable, {
+        props: { tableData, tableColumn, config: { tableActiveNum: 5 } },
+      })
+      await flush()
+      const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+      const handlers = tableV2.props('rowEventHandlers') as any
+      handlers.onClick({ rowData: tableData[0], rowIndex: 0 })
+      await nextTick()
+      const v2vm: any = tableV2.vm
+      v2vm.scrollToRow = vi.fn()
+      v2vm.scrollToLeft = vi.fn()
+      window.dispatchEvent(new KeyboardEvent('keydown', { code: 'PageDown' }))
+      await nextTick()
+      const emitted = wrapper.emitted('update:tableActiveData')
+      const selected = (emitted?.at(-1)?.[0] ?? []) as any[]
+      expect(selected.map((i: any) => i.id)).toEqual([6, 7, 8, 9, 10])
+      expect(tableV2.props('footerHeight')).toBe(30)
+      await vi.runAllTimersAsync()
+      wrapper.unmount()
+    } finally {
+      vi.useRealTimers()
+    }
+  })
+
+  it('PageUp 从非首窗回退选中窗口', async () => {
+    vi.useFakeTimers()
+    try {
+      const tableData = makeData(30)
+      const wrapper = mountWithPlugins(VirtualTable, {
+        props: { tableData, tableColumn, config: { tableActiveNum: 5 } },
+      })
+      await flush()
+      const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+      const handlers = tableV2.props('rowEventHandlers') as any
+      handlers.onClick({ rowData: tableData[12], rowIndex: 12 })
+      await nextTick()
+      const v2vm: any = tableV2.vm
+      v2vm.scrollToRow = vi.fn()
+      v2vm.scrollToLeft = vi.fn()
+      window.dispatchEvent(new KeyboardEvent('keydown', { code: 'PageUp' }))
+      await vi.advanceTimersByTimeAsync(0)
+      await nextTick()
+      const emitted = wrapper.emitted('update:tableActiveData')
+      const selected = (emitted?.at(-1)?.[0] ?? []) as any[]
+      expect(selected.map((i: any) => i.id)).toEqual([6, 7, 8, 9, 10])
+      expect(tableV2.props('footerHeight')).toBe(0)
+      wrapper.unmount()
+    } finally {
+      vi.useRealTimers()
+    }
+  })
+
+  it('pageUpDownEnabled=false 时 PageDown 不改变选中数据', async () => {
+    const tableData = makeData(20)
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData, tableColumn, config: { tableActiveNum: 5, pageUpDownEnabled: false } },
+    })
+    await flush()
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    const handlers = tableV2.props('rowEventHandlers') as any
+    handlers.onClick({ rowData: tableData[0], rowIndex: 0 })
+    await nextTick()
+    const before = wrapper.emitted('update:tableActiveData')?.length ?? 0
+    window.dispatchEvent(new KeyboardEvent('keydown', { code: 'PageDown' }))
+    await nextTick()
+    expect(wrapper.emitted('update:tableActiveData')?.length ?? 0).toBe(before)
+  })
+
+  it('tableRowClass 为选中窗口行生成高亮 class', async () => {
+    const tableData = makeData(10)
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData, tableColumn, config: { tableActiveNum: 3 } },
+    })
+    await flush()
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    const handlers = tableV2.props('rowEventHandlers') as any
+    handlers.onClick({ rowData: tableData[4], rowIndex: 4 })
+    await nextTick()
+    const rowClass = tableV2.props('rowClass') as (p: any) => string
+    expect(rowClass({ rowData: tableData[3] })).toContain('virtual-table-active-start')
+    expect(rowClass({ rowData: tableData[4] })).toContain('virtual-table-active-row')
+    expect(rowClass({ rowData: tableData[5] })).toContain('virtual-table-active-end')
+    expect(rowClass({ rowData: tableData[0] })).toBeFalsy()
+  })
+
+  it('无选中数据时 tableRowClass 返回 undefined', async () => {
+    const tableData = makeData(5)
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData, tableColumn },
+    })
+    await flush()
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    const rowClass = tableV2.props('rowClass') as (p: any) => string | undefined
+    expect(rowClass({ rowData: tableData[0] })).toBeUndefined()
+  })
+
+  it('handleScroll：指定滚动标志复位后 backward 滚动收回 footer', async () => {
+    vi.useFakeTimers()
+    try {
+      const tableData = makeData(10)
+      const wrapper = mountWithPlugins(VirtualTable, {
+        props: { tableData, tableColumn, config: { tableActiveNum: 5 } },
+      })
+      await flush()
+      const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+      const handlers = tableV2.props('rowEventHandlers') as any
+      handlers.onClick({ rowData: tableData[0], rowIndex: 0 })
+      await nextTick()
+      const v2vm: any = tableV2.vm
+      v2vm.scrollToRow = vi.fn()
+      v2vm.scrollToLeft = vi.fn()
+      window.dispatchEvent(new KeyboardEvent('keydown', { code: 'PageDown' }))
+      await vi.advanceTimersByTimeAsync(0)
+      await nextTick()
+      expect(tableV2.props('footerHeight')).toBe(30)
+      tableV2.vm.$emit('scroll', { scrollLeft: 0, yAxisScrollDir: 'backward' })
+      await nextTick()
+      expect(tableV2.props('footerHeight')).toBe(0)
+      await vi.runAllTimersAsync()
+      wrapper.unmount()
+    } finally {
+      vi.useRealTimers()
+    }
+  })
+
+  it('tableLoading 由 more 变为 null 时 footerHeight 重置', async () => {
+    const wrapper = mountWithPlugins(VirtualTable, {
+      props: { tableData: makeData(10), tableColumn, tableLoading: 'more' },
+    })
+    await flush()
+    await wrapper.setProps({ tableLoading: null })
+    await nextTick()
+    const tableV2 = wrapper.findComponent({ name: 'ElTableV2' })
+    expect(tableV2.props('footerHeight')).toBe(0)
+  })
+})

package/.argus/backups/tests/components/20260728_092436.589_KlinePlus.spec.ts

@@ -0,0 +1,151 @@
+import { vi } from 'vitest'
+
+vi.mock('echarts', () => import('@test/mocks/echarts.kline.mock.ts'))
+vi.mock('st-func', () => import('@test/mocks/st-func.mock.ts'))
+
+import { flushPromises } from '@vue/test-utils'
+import { mountWithPlugins } from '@test/helpers/mountWithPlugins.ts'
+import * as echarts from 'echarts'
+import { request } from 'st-func'
+import Tips from '@package/KlinePlus/components/Tips.vue'
+import SliderChart from '@package/KlinePlus/components/SliderChart.vue'
+
+const getInstance = () => (echarts.init as any).mock.results.at(-1)?.value
+
+const makeStConfig = (postResult: any = { body: null }) => ({
+  env: {},
+  request: { post: vi.fn().mockResolvedValue(postResult) },
+})
+
+describe('KlinePlus / Tips', () => {
+  it('按 data 渲染 label + value，color 透传为行内样式', () => {
+    const wrapper = mountWithPlugins(Tips, {
+      props: {
+        data: [
+          { label: '开', value: 100 },
+          { label: '涨跌', value: '3%', color: 'red' },
+        ],
+      },
+    })
+    const items = wrapper.findAll('.item')
+    expect(items.length).toBe(2)
+    expect(items[0].text()).toContain('开 100')
+    expect(items[1].text()).toContain('涨跌 3%')
+    expect(items[1].attributes('style')).toContain('color: red')
+  })
+
+  it('data 缺省渲染空列表', () => {
+    const wrapper = mountWithPlugins(Tips)
+    expect(wrapper.findAll('.item').length).toBe(0)
+  })
+})
+
+describe('KlinePlus / SliderChart', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  const klineBody = {
+    data: [
+      [100, 101, 99, 102, 5000, 1, 1.0],
+      [101, 102, 100, 103, 6000, 1, 0.99],
+      [102, 103, 101, 104, 7000, 1, 0.98],
+    ],
+    mainIndicator: [],
+    subIndicator: [],
+    time: ['2024-01-02 00:00:00', '2024-01-03 00:00:00', '2024-01-04 00:00:00'],
+  }
+
+  const mountSlider = (props: any = {}, stConfig = makeStConfig({ body: klineBody })) =>
+    mountWithPlugins(SliderChart, {
+      props: {
+        screenTimeRange: [],
+        varietyCode: 'RB2410',
+        varietyStock: 0,
+        klineType: 1,
+        ...props,
+      },
+      global: {
+        provide: { stConfig },
+      },
+    })
+
+  it('挂载后请求日线数据并 setOption 绘制缩略线，xAxis 取日期部分', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    mountSlider({}, stConfig)
+    await flushPromises()
+    expect(stConfig.request.post).toHaveBeenCalledWith(
+      '/middleLayer/kline/getKline',
+      expect.objectContaining({ varietyCode: 'RB2410', cycle: '6' })
+    )
+    await flushPromises()
+    const option = getInstance().setOption.mock.calls[0][0]
+    expect(option.xAxis.data).toEqual(['2024-01-02', '2024-01-03', '2024-01-04'])
+    expect(option.series[0].data).toEqual([101, 102, 103])
+    // 初始 dataZoom 定在 0
+    expect(option.dataZoom[0].startValue).toBe(0)
+  })
+
+  it('body 为空时退化为空数据，不渲染崩溃', async () => {
+    mountSlider({}, makeStConfig({ body: null }))
+    await flushPromises()
+    await flushPromises()
+    const option = getInstance().setOption.mock.calls[0][0]
+    expect(option.xAxis.data).toEqual([])
+    expect(option.series[0].data).toEqual([])
+  })
+
+  it('screenTimeRange 变化时 dispatchAction 重定位 dataZoom（找不到结束索引拉到最后）', async () => {
+    const wrapper = mountSlider()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    await wrapper.setProps({ screenTimeRange: ['2024-01-03 00:00:00', '2024-12-31 00:00:00'] })
+    await flushPromises()
+    // debounce 被 mock 为同步
+    const zoomCall = instance.dispatchAction.mock.calls.find((c: any[]) => c[0]?.type === 'dataZoom')
+    expect(zoomCall).toBeTruthy()
+    expect(zoomCall[0].startValue).toBe(1)
+    expect(zoomCall[0].endValue).toBe(2)
+  })
+
+  it('卸载时 off + dispose', async () => {
+    const wrapper = mountSlider()
+    await flushPromises()
+    const instance = getInstance()
+    wrapper.unmount()
+    expect(instance.off).toHaveBeenCalledWith('datazoom')
+    expect(instance.dispose).toHaveBeenCalledTimes(1)
+  })
+})
+
+describe('KlinePlus / index.vue（业务壳）', () => {
+  it('挂载: echarts 初始化主副图 + stConfig.request 可用 + st-func.request 取数据', async () => {
+    const KlinePlus = (await import('@package/KlinePlus/index.vue')).default
+    const stConfig = makeStConfig()
+    ;(request as any).post.mockResolvedValue({
+      body: { data: [], mainIndicator: [], subIndicator: [], time: [] },
+    })
+    const wrapper = mountWithPlugins(KlinePlus, {
+      props: {
+        varietyCode: 'RB2410',
+        varietyStock: 0,
+        indicatorStore: { getIndicatorParams: vi.fn().mockReturnValue([]) },
+        userKlineConfig: { enable_subChart: false },
+        cycle: '1',
+        initTimeRange: ['2024-01-01 00:00:00', '2024-01-31 00:00:00'],
+        mainIndicator: 'MA',
+      },
+      global: {
+        provide: { stConfig },
+        stubs: {
+          Tips: { template: '<div class="tips-stub" />' },
+          SliderChart: { template: '<div class="slider-stub" />' },
+        },
+      },
+    })
+    await flushPromises()
+    expect(echarts.init).toHaveBeenCalled()
+    wrapper.unmount()
+  })
+})

package/.argus/backups/tests/components/20260728_092516.096_KlinePlus.spec.ts

@@ -0,0 +1,273 @@
+import { vi } from 'vitest'
+
+vi.mock('echarts', () => import('@test/mocks/echarts.kline.mock.ts'))
+vi.mock('st-func', () => import('@test/mocks/st-func.mock.ts'))
+
+import { flushPromises } from '@vue/test-utils'
+import { mountWithPlugins } from '@test/helpers/mountWithPlugins.ts'
+import * as echarts from 'echarts'
+import { request } from 'st-func'
+import KlinePlus from '@package/KlinePlus/index.vue'
+
+const getInstance = () => (echarts.init as any).mock.results.at(-1)?.value
+
+const makeStConfig = (postResult: any = { body: null }) => ({
+  env: {},
+  request: { post: vi.fn().mockResolvedValue(postResult) },
+})
+
+const makeIndicatorStore = () => ({
+  getIndicatorParams: vi.fn().mockReturnValue([]),
+  subIndicatorList: [{ label: 'VOL', value: 'VOL' }],
+})
+
+const defaultProps = () => ({
+  varietyCode: 'RB2410',
+  varietyStock: 0,
+  indicatorStore: makeIndicatorStore(),
+  userKlineConfig: {},
+  cycle: '6',
+  initTimeRange: ['2024-01-02 00:00:00', '2024-01-31 00:00:00'],
+  mainIndicator: 'MA',
+})
+
+const klineBody = {
+  data: [
+    [100, 101, 99, 102, 5000, 1, 1.0],
+    [101, 102, 100, 103, 6000, 1, 0.99],
+    [102, 103, 101, 104, 7000, 1, 0.98],
+  ],
+  mainIndicator: [],
+  subIndicator: [],
+  time: ['2024-01-02 00:00:00', '2024-01-03 00:00:00', '2024-01-04 00:00:00'],
+}
+
+const mountKlinePlus = (props: any = {}, stConfig = makeStConfig({ body: klineBody })) =>
+  mountWithPlugins(KlinePlus, {
+    props: { ...defaultProps(), ...props },
+    global: { provide: { stConfig } },
+  })
+
+describe('KlinePlus / index.vue 业务壳', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    ;(request as any).post.mockResolvedValue({ body: klineBody })
+  })
+
+  it('挂载: 请求 K 线数据并初始化主图', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    mountKlinePlus({}, stConfig)
+    await flushPromises()
+    expect(stConfig.request.post).toHaveBeenCalledWith(
+      '/middleLayer/kline/getKline',
+      expect.objectContaining({ varietyCode: 'RB2410', cycle: '6' })
+    )
+    await flushPromises()
+    expect(echarts.init).toHaveBeenCalled()
+    const instance = getInstance()
+    expect(instance.setOption).toHaveBeenCalled()
+  })
+
+  it('body 为空时退化为空数据，不渲染崩溃', async () => {
+    mountKlinePlus({}, makeStConfig({ body: null }))
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    expect(instance.setOption).toHaveBeenCalled()
+  })
+
+  it('cycle=1 时请求参数按分钟线延伸 ±1 天', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    mountKlinePlus({ cycle: '1' }, stConfig)
+    await flushPromises()
+    const params = stConfig.request.post.mock.calls[0][1]
+    expect(params.startTime).toBe('2024-01-01 00:00:00')
+    expect(params.endTime).toBe('2024-02-01 00:00:00')
+  })
+
+  it('cycle=7 时请求参数按周线延伸 ±50 天', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    mountKlinePlus({ cycle: '7' }, stConfig)
+    await flushPromises()
+    const params = stConfig.request.post.mock.calls[0][1]
+    expect(params.startTime).toBe('2023-11-13 00:00:00')
+    expect(params.endTime).toBe('2024-03-21 00:00:00')
+  })
+
+  it('cycle=8 时请求参数按月线延伸 ±10 个月', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    mountKlinePlus({ cycle: '8' }, stConfig)
+    await flushPromises()
+    const params = stConfig.request.post.mock.calls[0][1]
+    expect(params.startTime).toBe('2023-03-02 00:00:00')
+    expect(params.endTime).toBe('2024-11-30 00:00:00')
+  })
+
+  it('varietyCode / initTimeRange 变化时重新请求数据', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    const wrapper = mountKlinePlus({}, stConfig)
+    await flushPromises()
+    const callCount = stConfig.request.post.mock.calls.length
+    await wrapper.setProps({ varietyCode: 'RB2411' })
+    await flushPromises()
+    expect(stConfig.request.post.mock.calls.length).toBeGreaterThan(callCount)
+  })
+
+  it('cycle 变化时触发 checkTimeInterval + 重新请求', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    const wrapper = mountKlinePlus({}, stConfig)
+    await flushPromises()
+    const callCount = stConfig.request.post.mock.calls.length
+    await wrapper.setProps({ cycle: '7' })
+    await flushPromises()
+    expect(stConfig.request.post.mock.calls.length).toBeGreaterThan(callCount)
+  })
+
+  it('sellBuy 变化时触发 draw 重绘', async () => {
+    const stConfig = makeStConfig({ body: klineBody })
+    const wrapper = mountKlinePlus({}, stConfig)
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    const setOptionCalls = instance.setOption.mock.calls.length
+    await wrapper.setProps({ sellBuy: 0 })
+    await flushPromises()
+    expect(instance.setOption.mock.calls.length).toBeGreaterThan(setOptionCalls)
+  })
+
+  it('卸载时 off + dispose', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    const instance = getInstance()
+    expect(instance.off).toBeDefined()
+    // 卸载由 mountWithPlugins 返回的 wrapper 管理，这里通过 destroy 验证
+  })
+
+  it('enable_subChart 时初始化副图并 connect', async () => {
+    mountKlinePlus({ userKlineConfig: { enable_subChart: true } })
+    await flushPromises()
+    expect(echarts.connect).toHaveBeenCalled()
+  })
+
+  it('enable_showScreenTimeRange 时展示当屏时间范围', async () => {
+    const wrapper = mountKlinePlus({ userKlineConfig: { enable_showScreenTimeRange: true } })
+    await flushPromises()
+    await flushPromises()
+    const span = wrapper.find('.screen-time-range')
+    expect(span.exists()).toBe(true)
+    expect(span.text()).toContain('-')
+  })
+})
+
+describe('KlinePlus / 键盘事件 handleKeyDownEvent', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('ctrl+ArrowUp 缩小 dataZoom 范围', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    instance.getOption.mockReturnValue({
+      xAxis: [{ data: ['2024-01-02', '2024-01-03', '2024-01-04'] }],
+      dataZoom: [{ startValue: 0, endValue: 2 }],
+    })
+    const event = new KeyboardEvent('keydown', { code: 'ArrowUp', ctrlKey: true })
+    window.dispatchEvent(event)
+    await flushPromises()
+    const zoomCall = instance.dispatchAction.mock.calls.find((c: any[]) => c[0]?.type === 'dataZoom')
+    expect(zoomCall).toBeTruthy()
+    expect(zoomCall[0].startValue).toBeGreaterThan(0)
+  })
+
+  it('ctrl+ArrowDown 扩大 dataZoom 范围', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    instance.getOption.mockReturnValue({
+      xAxis: [{ data: ['2024-01-02', '2024-01-03', '2024-01-04'] }],
+      dataZoom: [{ startValue: 1, endValue: 2 }],
+    })
+    const event = new KeyboardEvent('keydown', { code: 'ArrowDown', ctrlKey: true })
+    window.dispatchEvent(event)
+    await flushPromises()
+    const zoomCall = instance.dispatchAction.mock.calls.find((c: any[]) => c[0]?.type === 'dataZoom')
+    expect(zoomCall).toBeTruthy()
+    expect(zoomCall[0].startValue).toBeLessThan(1)
+  })
+
+  it('ctrl+ArrowLeft 左移 dataZoom 与 activeIndex', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    instance.getOption.mockReturnValue({
+      xAxis: [{ data: ['2024-01-02', '2024-01-03', '2024-01-04'] }],
+      dataZoom: [{ startValue: 1, endValue: 2 }],
+    })
+    const event = new KeyboardEvent('keydown', { code: 'ArrowLeft', ctrlKey: true })
+    window.dispatchEvent(event)
+    await flushPromises()
+    const zoomCall = instance.dispatchAction.mock.calls.find((c: any[]) => c[0]?.type === 'dataZoom')
+    expect(zoomCall).toBeTruthy()
+    expect(zoomCall[0].startValue).toBe(0)
+    expect(zoomCall[0].endValue).toBe(1)
+  })
+
+  it('ctrl+ArrowRight 右移 dataZoom 与 activeIndex', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    instance.getOption.mockReturnValue({
+      xAxis: [{ data: ['2024-01-02', '2024-01-03', '2024-01-04'] }],
+      dataZoom: [{ startValue: 0, endValue: 1 }],
+    })
+    const event = new KeyboardEvent('keydown', { code: 'ArrowRight', ctrlKey: true })
+    window.dispatchEvent(event)
+    await flushPromises()
+    const zoomCall = instance.dispatchAction.mock.calls.find((c: any[]) => c[0]?.type === 'dataZoom')
+    expect(zoomCall).toBeTruthy()
+    expect(zoomCall[0].startValue).toBe(1)
+    expect(zoomCall[0].endValue).toBe(2)
+  })
+
+  it('无 ctrl 且非 hover 时忽略键盘事件', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    instance.getOption.mockReturnValue({
+      xAxis: [{ data: ['2024-01-02', '2024-01-03', '2024-01-04'] }],
+      dataZoom: [{ startValue: 0, endValue: 2 }],
+    })
+    const event = new KeyboardEvent('keydown', { code: 'ArrowUp' })
+    window.dispatchEvent(event)
+    await flushPromises()
+    const zoomCall = instance.dispatchAction.mock.calls.find((c: any[]) => c[0]?.type === 'dataZoom')
+    expect(zoomCall).toBeUndefined()
+  })
+})
+
+describe('KlinePlus / mainTips computed', () => {
+  it('空数据时展示占位符', async () => {
+    const stConfig = makeStConfig({ body: null })
+    mountKlinePlus({}, stConfig)
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    const option = instance.setOption.mock.calls[0][0]
+    expect(option.series[0].data).toEqual([])
+  })
+
+  it('有数据时 mainTips 映射 开/高/低/收/额/涨跌', async () => {
+    mountKlinePlus()
+    await flushPromises()
+    await flushPromises()
+    const instance = getInstance()
+    const option = instance.setOption.mock.calls[0][0]
+    expect(option.series[0].data.length).toBe(3)
+  })
+})