From 10345e903ceb58d9d41ba9fb333863e65f77ec13 Mon Sep 17 00:00:00 2001
From: Gimmy <975402925@qq.com>
Date: Mon, 16 Jun 2025 20:45:25 +0800
Subject: [PATCH] docs(grid): fix demo date format error

---
 .../grid/renderer/inner-renderer-date-composition-api.vue  | 7 ++++---
 .../demos/pc/app/grid/renderer/inner-renderer-date.spec.js | 4 ++--
 .../demos/pc/app/grid/renderer/inner-renderer-date.vue     | 6 +++---
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/examples/sites/demos/pc/app/grid/renderer/inner-renderer-date-composition-api.vue b/examples/sites/demos/pc/app/grid/renderer/inner-renderer-date-composition-api.vue
index 9861869510..0910a3f3a7 100644
--- a/examples/sites/demos/pc/app/grid/renderer/inner-renderer-date-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/renderer/inner-renderer-date-composition-api.vue
@@ -7,19 +7,19 @@
       field="date3"
       title="日期3"
       format-text="date"
-      :format-config="{ valueFormat: 'dd/MM/yyyy' }"
+      :format-config="{ dateFormat: 'dd/MM/yyyy' }"
     ></tiny-grid-column>
     <tiny-grid-column
       field="date4"
       title="日期4"
       format-text="date"
-      :format-config="{ valueFormat: 'dd/MM/yyyy' }"
+      :format-config="{ dateFormat: 'dd/MM/yyyy' }"
     ></tiny-grid-column>
     <tiny-grid-column
       field="date5"
       title="日期5"
       format-text="date"
-      :format-config="{ valueFormat: 'MM/dd/yyyy' }"
+      :format-config="{ dateFormat: 'MM/dd/yyyy' }"
     ></tiny-grid-column>
   </tiny-grid>
 </template>
@@ -27,6 +27,7 @@
 <script setup>
 import { ref } from 'vue'
 import { TinyGrid, TinyGridColumn } from '@opentiny/vue'
+
 const tableData = ref([
   {
     id: '1',
diff --git a/examples/sites/demos/pc/app/grid/renderer/inner-renderer-date.spec.js b/examples/sites/demos/pc/app/grid/renderer/inner-renderer-date.spec.js
index 60ca335996..3d6ff8b55d 100644
--- a/examples/sites/demos/pc/app/grid/renderer/inner-renderer-date.spec.js
+++ b/examples/sites/demos/pc/app/grid/renderer/inner-renderer-date.spec.js
@@ -4,6 +4,6 @@ test('日期渲染器', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('grid-renderer#renderer-inner-renderer-date')
   await expect(page.getByText('-07-02').first()).toBeVisible()
-  await expect(page.getByText('-02-15').first()).toBeVisible()
-  await expect(page.getByText('-02-15').nth(1)).toBeVisible()
+  await expect(page.getByText('02/07/2024').first()).toBeVisible()
+  await expect(page.getByText('02/15/2024').first()).toBeVisible()
 })
diff --git a/examples/sites/demos/pc/app/grid/renderer/inner-renderer-date.vue b/examples/sites/demos/pc/app/grid/renderer/inner-renderer-date.vue
index e29cab544c..2b00d4a56d 100644
--- a/examples/sites/demos/pc/app/grid/renderer/inner-renderer-date.vue
+++ b/examples/sites/demos/pc/app/grid/renderer/inner-renderer-date.vue
@@ -7,19 +7,19 @@
       field="date3"
       title="日期3"
       format-text="date"
-      :format-config="{ valueFormat: 'dd/MM/yyyy' }"
+      :format-config="{ dateFormat: 'dd/MM/yyyy' }"
     ></tiny-grid-column>
     <tiny-grid-column
       field="date4"
       title="日期4"
       format-text="date"
-      :format-config="{ valueFormat: 'dd/MM/yyyy' }"
+      :format-config="{ dateFormat: 'dd/MM/yyyy' }"
     ></tiny-grid-column>
     <tiny-grid-column
       field="date5"
       title="日期5"
       format-text="date"
-      :format-config="{ valueFormat: 'MM/dd/yyyy' }"
+      :format-config="{ dateFormat: 'MM/dd/yyyy' }"
     ></tiny-grid-column>
   </tiny-grid>
 </template>