From 0d4694f420b4cb8dce0302823ea69d614ac754d6 Mon Sep 17 00:00:00 2001
From: Gimmy <975402925@qq.com>
Date: Thu, 7 Nov 2024 17:23:38 +0800
Subject: [PATCH] docs(grid): [grid] optimize grid demos

---
 .../popeditor-in-grid-remote-search-composition-api.vue       | 2 +-
 .../pc/app/grid/editor/popeditor-in-grid-remote-search.vue    | 2 +-
 .../pc/app/grid/empty/empty-data-tip-composition-api.vue      | 2 +-
 examples/sites/demos/pc/app/grid/empty/empty-data-tip.vue     | 2 +-
 .../operation-column/selection-config-composition-api.vue     | 1 -
 examples/sites/demos/pc/app/grid/webdoc/grid-editor.js        | 4 ++--
 packages/theme/src/grid/table.less                            | 3 ++-
 7 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/examples/sites/demos/pc/app/grid/editor/popeditor-in-grid-remote-search-composition-api.vue b/examples/sites/demos/pc/app/grid/editor/popeditor-in-grid-remote-search-composition-api.vue
index c1a1f06a0c..5cfcc34558 100644
--- a/examples/sites/demos/pc/app/grid/editor/popeditor-in-grid-remote-search-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/editor/popeditor-in-grid-remote-search-composition-api.vue
@@ -86,7 +86,7 @@ function getPopEditorOp() {
         {
           field: 'id',
           title: 'ID',
-          width: 40
+          width: 60
         },
         {
           field: 'name',
diff --git a/examples/sites/demos/pc/app/grid/editor/popeditor-in-grid-remote-search.vue b/examples/sites/demos/pc/app/grid/editor/popeditor-in-grid-remote-search.vue
index 49865c7af7..ef4df3d82d 100644
--- a/examples/sites/demos/pc/app/grid/editor/popeditor-in-grid-remote-search.vue
+++ b/examples/sites/demos/pc/app/grid/editor/popeditor-in-grid-remote-search.vue
@@ -89,7 +89,7 @@ export default {
             {
               field: 'id',
               title: 'ID',
-              width: 40
+              width: 60
             },
             {
               field: 'name',
diff --git a/examples/sites/demos/pc/app/grid/empty/empty-data-tip-composition-api.vue b/examples/sites/demos/pc/app/grid/empty/empty-data-tip-composition-api.vue
index cdcbb38de3..cbaad372e2 100644
--- a/examples/sites/demos/pc/app/grid/empty/empty-data-tip-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/empty/empty-data-tip-composition-api.vue
@@ -7,7 +7,7 @@
       <tiny-grid-column field="address" title="地址"></tiny-grid-column>
       <tiny-grid-column field="introduction" title="公司简介" show-overflow></tiny-grid-column>
       <template #empty>
-        <span style="color: red">没有更多数据了！</span>
+        <span style="color: #ff8800">没有更多数据了！</span>
       </template>
     </tiny-grid>
     <br />
diff --git a/examples/sites/demos/pc/app/grid/empty/empty-data-tip.vue b/examples/sites/demos/pc/app/grid/empty/empty-data-tip.vue
index 2d7bfc1a84..3db0b548cd 100644
--- a/examples/sites/demos/pc/app/grid/empty/empty-data-tip.vue
+++ b/examples/sites/demos/pc/app/grid/empty/empty-data-tip.vue
@@ -7,7 +7,7 @@
       <tiny-grid-column field="address" title="地址"></tiny-grid-column>
       <tiny-grid-column field="introduction" title="公司简介" show-overflow></tiny-grid-column>
       <template #empty>
-        <span style="color: red">没有更多数据了！</span>
+        <span style="color: #ff8800">没有更多数据了！</span>
       </template>
     </tiny-grid>
     <br />
diff --git a/examples/sites/demos/pc/app/grid/operation-column/selection-config-composition-api.vue b/examples/sites/demos/pc/app/grid/operation-column/selection-config-composition-api.vue
index f5fb110401..da91ea18ed 100644
--- a/examples/sites/demos/pc/app/grid/operation-column/selection-config-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/operation-column/selection-config-composition-api.vue
@@ -5,7 +5,6 @@
       ref="gridRef"
       :select-config="selectConfig"
       highlight-current-row
-      border
       :edit-config="{ trigger: 'click', mode: 'cell', showStatus: true }"
     >
       <tiny-grid-column type="selection" width="60"></tiny-grid-column>
diff --git a/examples/sites/demos/pc/app/grid/webdoc/grid-editor.js b/examples/sites/demos/pc/app/grid/webdoc/grid-editor.js
index e1319cba7b..fa838945bf 100644
--- a/examples/sites/demos/pc/app/grid/webdoc/grid-editor.js
+++ b/examples/sites/demos/pc/app/grid/webdoc/grid-editor.js
@@ -10,7 +10,7 @@ export default {
         <p>通过在 <code>grid</code> 标签上配置 <code>edit-config</code>。在 <code>grid-column</code> 列配置 <code>editor</code> 对象， <code>component</code> 渲染内置编辑组件， <code>events</code> 配置组件事件。</p>
         <div class="tip custom-block">
           <p class="custom-block-title">特别说明：</p>
-          <p>内置编辑器只支持 <code>Input</code> 和 <code>Select</code> 组件，需要使用其他组件可参考自定义编辑器。</p>
+          <p>内置编辑器只支持 <code>Input</code> 和 <code>Select</code> 组件且均为浏览器原生组件并非TinyVue组件，需要使用其他组件可参考自定义编辑器。</p>
         </div>
         `,
         'en-US':
@@ -44,7 +44,7 @@ export default {
     {
       'demoId': 'editor-popeditor-in-grid-remote-search',
       'name': {
-        'zh-CN': 'Popeditor 弹窗编辑',
+        'zh-CN': '弹窗编辑',
         'en-US': 'Edit the Popeditor pop-up window and configure remote search.'
       },
       'desc': {
diff --git a/packages/theme/src/grid/table.less b/packages/theme/src/grid/table.less
index db22f0187c..d560202406 100644
--- a/packages/theme/src/grid/table.less
+++ b/packages/theme/src/grid/table.less
@@ -905,7 +905,8 @@
     }
 
     .@{grid-prefix-cls}-body__column {
-      &.col__actived {
+      &.col__actived,
+      &.edit_visible {
         padding: 0 var(--tv-Grid-cell-padding-x);
       }