@opentiny/vue-docs 3.24.6 → 3.26.0

package/demos/pc/app/grid/edit/scrollbar-not-blur-composition-api.vue

@@ -0,0 +1,119 @@
+<template>
+  <div>
+    <tiny-grid
+      ref="grid"
+      :data="tableData"
+      seq-serial
+      :edit-config="{ trigger: 'click', mode: 'row', showStatus: true, blurOutside }"
+    >
+      <tiny-grid-column type="index" width="60"></tiny-grid-column>
+      <tiny-grid-column
+        field="name"
+        title="名称"
+        width="500"
+        :show-icon="false"
+        :editor="{ component: 'input', autoselect: true }"
+      ></tiny-grid-column>
+      <tiny-grid-column
+        field="area"
+        title="区域"
+        width="500"
+        :show-icon="false"
+        :editor="{ component: 'select', options }"
+      ></tiny-grid-column>
+      <tiny-grid-column
+        field="address"
+        title="地址"
+        width="500"
+        :show-icon="false"
+        :editor="{ component: 'input', autoselect: true }"
+      ></tiny-grid-column>
+      <tiny-grid-column
+        field="introduction"
+        title="公司简介"
+        width="500"
+        :show-icon="false"
+        :editor="{ component: 'input', autoselect: true }"
+        show-overflow="ellipsis"
+      ></tiny-grid-column>
+    </tiny-grid>
+  </div>
+</template>
+
+<script setup>
+import { TinyGrid, TinyGridColumn } from '@opentiny/vue'
+import { ref } from 'vue'
+
+const options = ref([
+  { label: '华北区', value: '华北区' },
+  { label: '华东区', value: '华东区' },
+  { label: '华南区', value: '华南区' }
+])
+const tableData = ref([
+  {
+    id: '1',
+    name: 'GFD 科技 YX 公司',
+    area: '华东区',
+    address: '福州',
+    introduction: '公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
+  },
+  {
+    id: '2',
+    name: 'WWWW 科技 YX 公司',
+    area: '华南区',
+    address: '深圳福田区',
+    introduction: '公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
+  },
+  {
+    id: '3',
+    name: 'RFV 有限责任公司',
+    area: '华南区',
+    address: '中山市',
+    introduction: '公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
+  }
+])
+
+function blurOutside({ cell, event, $table }) {
+  const { getEventTargetNode, $el } = $table
+  const isClickRow = getEventTargetNode(event, $el, 'tiny-grid-body__row').flag
+  return isClickRow || isScrollBar(event, $el)
+}
+function isScrollBar(event, tableElm) {
+  const element = event.target
+
+  // 判断是否表格body
+  if (element !== tableElm.querySelector('.tiny-grid__body-wrapper')) {
+    return false
+  }
+
+  const rect = element.getBoundingClientRect()
+  const clickX = event.clientX
+  const clickY = event.clientY
+  // 检查垂直滚动条
+  if (element.scrollHeight > element.clientHeight) {
+    const scrollbarWidth = element.offsetWidth - element.clientWidth
+    if (clickX >= rect.right - scrollbarWidth && clickX <= rect.right) {
+      return true // 点击了垂直滚动条
+    }
+  }
+
+  // 检查水平滚动条
+  if (element.scrollWidth > element.clientWidth) {
+    const scrollbarHeight = element.offsetHeight - element.clientHeight
+    if (clickY >= rect.bottom - scrollbarHeight && clickY <= rect.bottom) {
+      return true // 点击了水平滚动条
+    }
+  }
+
+  return false
+}
+</script>
+
+<style scoped>
+.title {
+  font-size: 16px;
+  padding: 15px;
+  font-weight: bolder;
+  color: var(--tv-color-text, #191919);
+}
+</style>

package/demos/pc/app/grid/edit/scrollbar-not-blur.spec.ts

@@ -0,0 +1,28 @@
+import { test, expect } from '@playwright/test'
+
+test('行编辑滚动不失焦', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+
+  await page.goto('grid-edit#scrollbar-not-blur')
+  page.setViewportSize({
+    width: 1400,
+    height: 1200
+  })
+
+  const demo = page.locator('#scrollbar-not-blur')
+  // 单元格编辑
+  await demo.getByRole('cell', { name: 'GFD 科技 YX 公司' }).first().click()
+  await expect(demo.locator('.tiny-grid-default-input').first()).toBeVisible()
+
+  // 点击滚动条
+  const bodyWrapper = demo.locator('.tiny-grid__body-wrapper')
+  const { x, y, height } = await bodyWrapper.boundingBox()
+  await page.mouse.move(x + 10, y + height - 3)
+  await page.waitForTimeout(200)
+  await page.mouse.down()
+  await page.waitForTimeout(200)
+  await page.mouse.move(x + 200, y + height - 3)
+  await page.waitForTimeout(200)
+  await page.mouse.up()
+  await expect(demo.locator('.tiny-grid-default-input').first()).toBeVisible()
+})

package/demos/pc/app/grid/edit/scrollbar-not-blur.vue

@@ -0,0 +1,129 @@
+<template>
+  <div>
+    <tiny-grid
+      ref="grid"
+      :data="tableData"
+      seq-serial
+      :edit-config="{ trigger: 'click', mode: 'row', showStatus: true, blurOutside }"
+    >
+      <tiny-grid-column type="index" width="60"></tiny-grid-column>
+      <tiny-grid-column
+        field="name"
+        title="名称"
+        width="500"
+        :show-icon="false"
+        :editor="{ component: 'input', autoselect: true }"
+      ></tiny-grid-column>
+      <tiny-grid-column
+        field="area"
+        title="区域"
+        width="500"
+        :show-icon="false"
+        :editor="{ component: 'select', options }"
+      ></tiny-grid-column>
+      <tiny-grid-column
+        field="address"
+        title="地址"
+        width="500"
+        :show-icon="false"
+        :editor="{ component: 'input', autoselect: true }"
+      ></tiny-grid-column>
+      <tiny-grid-column
+        field="introduction"
+        title="公司简介"
+        width="500"
+        :show-icon="false"
+        :editor="{ component: 'input', autoselect: true }"
+        show-overflow="ellipsis"
+      ></tiny-grid-column>
+    </tiny-grid>
+  </div>
+</template>
+
+<script>
+import { TinyGrid, TinyGridColumn } from '@opentiny/vue'
+
+export default {
+  components: {
+    TinyGrid,
+    TinyGridColumn
+  },
+  data() {
+    return {
+      options: [
+        { label: '华北区', value: '华北区' },
+        { label: '华东区', value: '华东区' },
+        { label: '华南区', value: '华南区' }
+      ],
+      tableData: [
+        {
+          id: '1',
+          name: 'GFD 科技 YX 公司',
+          area: '华东区',
+          address: '福州',
+          introduction: '公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
+        },
+        {
+          id: '2',
+          name: 'WWWW 科技 YX 公司',
+          area: '华南区',
+          address: '深圳福田区',
+          introduction: '公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
+        },
+        {
+          id: '3',
+          name: 'RFV 有限责任公司',
+          area: '华南区',
+          address: '中山市',
+          introduction: '公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
+        }
+      ]
+    }
+  },
+  methods: {
+    blurOutside({ cell, event, $table }) {
+      const { getEventTargetNode, $el } = $table
+      const isClickRow = getEventTargetNode(event, $el, 'tiny-grid-body__row').flag
+      return isClickRow || this.isScrollBar(event, $el)
+    },
+    isScrollBar(event, tableElm) {
+      const element = event.target
+
+      // 判断是否表格body
+      if (element !== tableElm.querySelector('.tiny-grid__body-wrapper')) {
+        return false
+      }
+
+      const rect = element.getBoundingClientRect()
+      const clickX = event.clientX
+      const clickY = event.clientY
+      // 检查垂直滚动条
+      if (element.scrollHeight > element.clientHeight) {
+        const scrollbarWidth = element.offsetWidth - element.clientWidth
+        if (clickX >= rect.right - scrollbarWidth && clickX <= rect.right) {
+          return true // 点击了垂直滚动条
+        }
+      }
+
+      // 检查水平滚动条
+      if (element.scrollWidth > element.clientWidth) {
+        const scrollbarHeight = element.offsetHeight - element.clientHeight
+        if (clickY >= rect.bottom - scrollbarHeight && clickY <= rect.bottom) {
+          return true // 点击了水平滚动条
+        }
+      }
+
+      return false
+    }
+  }
+}
+</script>
+
+<style scoped>
+.title {
+  font-size: 16px;
+  padding: 15px;
+  font-weight: bolder;
+  color: var(--tv-color-text, #191919);
+}
+</style>

package/demos/pc/app/grid/editor/custom-edit.spec.js

@@ -3,6 +3,11 @@ import { test, expect } from '@playwright/test'
 test('多行编辑', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('grid-editor#editor-custom-edit')
-  await expect(page.getByRole('cell', { name: 'GFD 科技有限公司' }).getByRole('textbox')).toBeVisible()
-  await expect(page.getByRole('cell', { name: 'WWWW 科技有限公司' }).getByRole('textbox')).toBeVisible()
+  const demo = page.locator('#editor-custom-edit')
+  await expect(
+    demo.locator('.tiny-grid-body__row').nth(0).locator('td').nth(1).locator('.tiny-input__inner')
+  ).toBeVisible()
+  await expect(
+    demo.locator('.tiny-grid-body__row').nth(1).locator('td').nth(1).locator('.tiny-input__inner')
+  ).toBeVisible()
 })

package/demos/pc/app/grid/empty/empty-data-iscenter.spec.js

@@ -8,5 +8,5 @@ test('固定居中', async ({ page }) => {
   await expect(page.getByText('暂无数据').first()).toBeVisible()
 
   // 判断是否居中
-  await expect(page.locator('.empty-center-block')).toHaveCSS('justify-content', 'center')
+  await expect(page.locator('.tiny-grid__empty-block')).toHaveCSS('justify-content', 'center')
 })

package/demos/pc/app/grid/event/toolbar-button-click-event.spec.js

@@ -15,5 +15,5 @@ test('工具栏点击事件', async ({ page }) => {
 
   await page.getByRole('button', { name: '删除', exact: true }).click()
 
-  await expect(page.locator('.tiny-grid-body__row')).toHaveCount(6)
+  await expect(page.locator('.tiny-grid-body__row:visible')).toHaveCount(6)
 })

package/demos/pc/app/grid/expand/expand-trigger-slot-composition-api.vue

@@ -0,0 +1,85 @@
+<template>
+  <div>
+    <tiny-grid ref="expandGridRef" :data="tableData" @toggle-expand-change="handleExpand">
+      <tiny-grid-column type="index" width="60"></tiny-grid-column>
+      <tiny-grid-column type="expand" width="120">
+        <template #expand-trigger="{ row, $table }">
+          <tiny-button>{{ $table.hasRowExpand(row) ? '收起' : '展开' }}</tiny-button>
+        </template>
+        <template #default="data">
+          <ul>
+            <li>
+              <span>公司名称：</span>
+              <span>{{ data.row.name }}</span>
+            </li>
+            <li>
+              <span>区域：</span>
+              <span>{{ data.row.area }}</span>
+            </li>
+            <li>
+              <span>员工数：</span>
+              <span>{{ data.row.employees }}</span>
+            </li>
+            <li>
+              <span>公司简介：</span>
+              <span>{{ data.row.introduction }}</span>
+            </li>
+          </ul>
+        </template>
+      </tiny-grid-column>
+      <tiny-grid-column field="name" title="公司名称"></tiny-grid-column>
+      <tiny-grid-column field="area" title="区域"></tiny-grid-column>
+      <tiny-grid-column field="employees" title="员工数"></tiny-grid-column>
+    </tiny-grid>
+  </div>
+</template>
+
+<script setup lang="jsx">
+import { ref } from 'vue'
+import { TinyGrid, TinyGridColumn, TinyModal, TinyButton } from '@opentiny/vue'
+
+const tableData = ref([
+  {
+    id: '1',
+    pid: '0',
+    name: 'GFD 科技 YX 公司',
+    area: '华东区',
+    employees: '800',
+    introduction: '公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
+  },
+  {
+    id: '2',
+    pid: '0',
+    name: 'WWWW 科技 YX 公司',
+    area: '华南区',
+    employees: '500',
+    introduction: '公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
+  },
+  {
+    id: '4',
+    pid: '0',
+    name: 'TGBYX 公司',
+    area: '华南区',
+    employees: '360',
+    introduction: '公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
+  },
+  {
+    id: '7',
+    pid: '0',
+    name: '康康物业 YX 公司',
+    area: '华南区',
+    employees: '400',
+    introduction: '公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
+  }
+])
+const expandGridRef = ref()
+
+function handleExpand({ row, rowIndex }) {
+  if (expandGridRef.value.hasRowExpand(row)) {
+    TinyModal.message({
+      message: `当前展开行：${JSON.stringify(rowIndex + 1)}`,
+      status: 'info'
+    })
+  }
+}
+</script>

package/demos/pc/app/grid/expand/expand-trigger-slot.spec.ts

@@ -0,0 +1,11 @@
+import { test, expect } from '@playwright/test'
+
+test('检查当前行是否展开', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('grid-expand#expand-trigger-slot')
+  await page.locator('#expand-trigger-slot .tiny-grid-body__row').first().locator('.tiny-button').click()
+  await expect(page.locator('div').filter({ hasText: '当前展开行：1' }).nth(1)).toBeVisible()
+  await expect(page.locator('.tiny-grid-body__expanded-cell')).toHaveText(
+    '公司名称：GFD 科技 YX 公司区域：华东区员工数：800公司简介：公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
+  )
+})

package/demos/pc/app/grid/expand/expand-trigger-slot.vue

@@ -0,0 +1,95 @@
+<template>
+  <div>
+    <tiny-grid ref="expandGrid" :data="tableData" @toggle-expand-change="handleExpand">
+      <tiny-grid-column type="index" width="60"></tiny-grid-column>
+      <tiny-grid-column type="expand" width="120">
+        <template #expand-trigger="{ row, $table }">
+          <tiny-button>{{ $table.hasRowExpand(row) ? '收起' : '展开' }}</tiny-button>
+        </template>
+        <template #default="data">
+          <ul>
+            <li>
+              <span>公司名称：</span>
+              <span>{{ data.row.name }}</span>
+            </li>
+            <li>
+              <span>区域：</span>
+              <span>{{ data.row.area }}</span>
+            </li>
+            <li>
+              <span>员工数：</span>
+              <span>{{ data.row.employees }}</span>
+            </li>
+            <li>
+              <span>公司简介：</span>
+              <span>{{ data.row.introduction }}</span>
+            </li>
+          </ul>
+        </template>
+      </tiny-grid-column>
+      <tiny-grid-column field="name" title="公司名称"></tiny-grid-column>
+      <tiny-grid-column field="area" title="区域"></tiny-grid-column>
+      <tiny-grid-column field="employees" title="员工数"></tiny-grid-column>
+    </tiny-grid>
+  </div>
+</template>
+
+<script lang="jsx">
+import { TinyGrid, TinyGridColumn, TinyModal, TinyButton } from '@opentiny/vue'
+
+export default {
+  components: {
+    TinyGrid,
+    TinyGridColumn,
+    TinyButton
+  },
+  data() {
+    return {
+      tableData: [
+        {
+          id: '1',
+          pid: '0',
+          name: 'GFD 科技 YX 公司',
+          area: '华东区',
+          employees: '800',
+          introduction: '公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
+        },
+        {
+          id: '2',
+          pid: '0',
+          name: 'WWWW 科技 YX 公司',
+          area: '华南区',
+          employees: '500',
+          introduction: '公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
+        },
+        {
+          id: '4',
+          pid: '0',
+          name: 'TGBYX 公司',
+          area: '华南区',
+          employees: '360',
+          introduction: '公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
+        },
+        {
+          id: '7',
+          pid: '0',
+          name: '康康物业 YX 公司',
+          area: '华南区',
+          employees: '400',
+          introduction: '公司技术和研发实力雄厚，是国家 863 项目的参与者，并被政府认定为“高新技术企业”。'
+        }
+      ]
+    }
+  },
+  methods: {
+    handleExpand({ row, rowIndex }) {
+      if (this.$refs.expandGrid.hasRowExpand(row)) {
+        TinyModal.message({
+          message: `当前展开行：${JSON.stringify(rowIndex + 1)}`,
+          status: 'info'
+        })
+      }
+    }
+  }
+}
+</script>

package/demos/pc/app/grid/expand/set-row-expansion.spec.js

@@ -2,6 +2,10 @@ import { test, expect } from '@playwright/test'
 
 test('设置指定展开行', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.setViewportSize({
+    width: 1400,
+    height: 2500
+  })
   await page.goto('grid-expand#expand-set-row-expansion')
   await page.getByRole('button', { name: '展开指定行' }).click()
   await expect(page.getByText('GFD 科技 YX 公司')).toHaveCount(2)

package/demos/pc/app/grid/filter/custom-filter.spec.js

@@ -4,9 +4,9 @@ test('列筛选规则', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('grid-filter#filter-custom-filter')
   await page.getByRole('cell', { name: '名称' }).getByRole('img').click()
-  await page.getByRole('textbox').nth(1).click()
-  await page.getByRole('textbox').nth(1).press('CapsLock')
-  await page.getByRole('textbox').nth(1).fill('WWW')
+  await page.locator('.tiny-grid__filter-wrapper.filter__active input').click()
+  await page.locator('.tiny-grid__filter-wrapper.filter__active input').press('CapsLock')
+  await page.locator('.tiny-grid__filter-wrapper.filter__active input').fill('WWW')
   await page.getByRole('button', { name: 'confirm' }).click()
   await expect(page.getByRole('cell', { name: 'WWW 科技 YX 公司' })).toBeVisible()
 })

package/demos/pc/app/grid/filter/default-filter-composition-api.vue

@@ -103,6 +103,9 @@ const tableData = ref([
   }
 ])
 const cityFilter = ref({
+  attrs: {
+    id: 'city-filter'
+  },
   multi: true,
   enumable: true,
   defaultFilter: false,
@@ -110,6 +113,9 @@ const cityFilter = ref({
   values: filteData
 })
 const nameFilter = ref({
+  attrs: {
+    id: 'name-filter'
+  },
   multi: true,
   enumable: true,
   defaultFilter: false,

package/demos/pc/app/grid/filter/default-filter.vue

@@ -110,6 +110,9 @@ export default {
         }
       ],
       cityFilter: {
+        attrs: {
+          id: 'city-filter' // 给根节点设置id
+        },
         multi: true,
         enumable: true,
         defaultFilter: false,
@@ -117,6 +120,9 @@ export default {
         values: filteData
       },
       nameFilter: {
+        attrs: {
+          id: 'name-filter'
+        },
         multi: true,
         enumable: true,
         defaultFilter: false,

package/demos/pc/app/grid/filter/default-relation.spec.js

@@ -7,5 +7,5 @@ test('输入过滤的默认选项', async ({ page }) => {
   await page.getByRole('spinbutton').click()
   await page.getByRole('spinbutton').fill('800')
   await page.getByRole('button', { name: '确定' }).click()
-  await expect(page.locator('.tiny-grid-body__row')).toHaveCount(2)
+  await expect(page.locator('.tiny-grid-body__row:visible')).toHaveCount(2)
 })

package/demos/pc/app/grid/filter/server-filter.spec.js

@@ -7,5 +7,5 @@ test('服务端过滤', async ({ page }) => {
   await page.getByRole('cell', { name: '城市' }).getByRole('img').first().click()
   await page.locator('li').filter({ hasText: '深圳' }).click()
   await page.getByRole('button', { name: '确定' }).click()
-  await expect(page.locator('.tiny-grid-body__row')).toHaveCount(2)
+  await expect(page.locator('.tiny-grid-body__row:visible')).toHaveCount(2)
 })

package/demos/pc/app/grid/filter/simple-filter.spec.ts

@@ -6,11 +6,12 @@ test('简化版筛选面板 - 单选/多选菜单', async ({ page }) => {
   await page.getByRole('cell', { name: '公司名称' }).getByRole('img').click()
 
   // 筛选面板搜索功能
-  await page.getByRole('textbox').nth(1).click()
-  await page.getByRole('textbox').nth(1).fill('a')
+  const filterInput = page.locator('.tiny-grid__filter-wrapper.filter__active input')
+  await filterInput.click()
+  await filterInput.fill('a')
   await expect(page.getByRole('listitem').filter({ hasText: '暂无数据' })).toBeVisible()
-  await page.getByRole('textbox').nth(1).click()
-  await page.getByRole('textbox').nth(1).fill('')
+  await filterInput.click()
+  await filterInput.fill('')
   await page.getByTitle('GFD 科技 YX 公司').click()
   await page.getByTitle('WWW 科技 YX 公司').click()
 

package/demos/pc/app/grid/fixed/right-fixed-composition-api.vue

@@ -2,10 +2,10 @@
   <tiny-grid height="300" :data="tableData" :show-overflow="true">
     <tiny-grid-column type="index" width="60"></tiny-grid-column>
     <tiny-grid-column type="selection" width="60"></tiny-grid-column>
-    <tiny-grid-column field="name" title="公司名称" width="500"></tiny-grid-column>
-    <tiny-grid-column field="employees" title="员工数" width="500"></tiny-grid-column>
-    <tiny-grid-column field="createdDate" title="创建日期" width="500"></tiny-grid-column>
-    <tiny-grid-column field="city" title="城市右冻结" width="200" fixed="right"></tiny-grid-column>
+    <tiny-grid-column field="name" title="公司名称" width="600"></tiny-grid-column>
+    <tiny-grid-column field="employees" title="员工数" width="600"></tiny-grid-column>
+    <tiny-grid-column field="createdDate" title="创建日期" width="600"></tiny-grid-column>
+    <tiny-grid-column field="city" title="城市右冻结" width="600" fixed="right"></tiny-grid-column>
   </tiny-grid>
 </template>
 

package/demos/pc/app/grid/fixed/right-fixed.vue

@@ -2,10 +2,10 @@
   <tiny-grid height="300" :data="tableData" :show-overflow="true">
     <tiny-grid-column type="index" width="60"></tiny-grid-column>
     <tiny-grid-column type="selection" width="60"></tiny-grid-column>
-    <tiny-grid-column field="name" title="公司名称" width="500"></tiny-grid-column>
-    <tiny-grid-column field="employees" title="员工数" width="500"></tiny-grid-column>
-    <tiny-grid-column field="createdDate" title="创建日期" width="500"></tiny-grid-column>
-    <tiny-grid-column field="city" title="城市右冻结" width="200" fixed="right"></tiny-grid-column>
+    <tiny-grid-column field="name" title="公司名称" width="600"></tiny-grid-column>
+    <tiny-grid-column field="employees" title="员工数" width="600"></tiny-grid-column>
+    <tiny-grid-column field="createdDate" title="创建日期" width="600"></tiny-grid-column>
+    <tiny-grid-column field="city" title="城市右冻结" width="600" fixed="right"></tiny-grid-column>
   </tiny-grid>
 </template>
 

package/demos/pc/app/grid/footer/footer-summation-empty.spec.js

@@ -3,7 +3,6 @@ import { test, expect } from '@playwright/test'
 test('表尾统计（空数据）', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('grid-footer#footer-footer-summation-empty')
-  await expect(page.getByRole('row', { name: '平均 0' }).getByRole('cell', { name: '0' })).toBeVisible()
   await page.getByRole('button', { name: '加载数据' }).click()
   await expect(page.getByRole('cell', { name: '663' })).toBeVisible()
 })