From 25f049ce07b1cd70824db9c9d259fc0496492cdc Mon Sep 17 00:00:00 2001
From: zhanyini <zhanyini666@163.com>
Date: Sat, 26 Oct 2024 14:58:49 -0700
Subject: [PATCH 1/2] fix(guide): [guide] fix guide displaying after jumping to
 other pages

---
 packages/renderless/src/guide/index.ts |  4 ++++
 packages/renderless/src/guide/vue.ts   | 14 +++++++++++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/packages/renderless/src/guide/index.ts b/packages/renderless/src/guide/index.ts
index acb4860a46..c469cc8e9e 100644
--- a/packages/renderless/src/guide/index.ts
+++ b/packages/renderless/src/guide/index.ts
@@ -62,6 +62,10 @@ export const mounted =
     }
   }
 
+export const beforeUnmount = (state) => () => {
+  state.tour.hide()
+}
+
 const getItemCopy = (props, tour, result) => {
   const { domData } = props
 
diff --git a/packages/renderless/src/guide/vue.ts b/packages/renderless/src/guide/vue.ts
index 8d613b8ea2..940700e79d 100644
--- a/packages/renderless/src/guide/vue.ts
+++ b/packages/renderless/src/guide/vue.ts
@@ -1,8 +1,13 @@
-import { createShepherd, mounted } from './index'
+import { createShepherd, mounted, beforeUnmount } from './index'
 
 export const api = ['state']
 
-export const renderless = (props, { reactive, onMounted, watch }, { designConfig }, { Shepherd, offset }) => {
+export const renderless = (
+  props,
+  { reactive, onMounted, onBeforeUnmount, watch },
+  { designConfig },
+  { Shepherd, offset }
+) => {
   const state = reactive({
     tour: null,
     tour1: null,
@@ -25,11 +30,14 @@ export const renderless = (props, { reactive, onMounted, watch }, { designConfig
 
   const api = {
     ...baseApi,
-    mounted: mounted({ state, api: baseApi })
+    mounted: mounted({ state, api: baseApi }),
+    beforeUnmount: beforeUnmount(state)
   }
 
   watch(() => props.showStep, api.createShepherd)
 
   onMounted(api.mounted)
+  onBeforeUnmount(api.beforeUnmount)
+
   return api
 }

From 8fc19041ed19682b47d18125cfc04cd76fcdcbf5 Mon Sep 17 00:00:00 2001
From: zhanyini <zhanyini666@163.com>
Date: Mon, 28 Oct 2024 15:01:22 -0700
Subject: [PATCH 2/2] fix(demos): [select,popeditor,slider] fix problem and
 optimization demo

---
 .../popeditor/auto-lookup-composition-api.vue |  2 +-
 .../demos/pc/app/popeditor/auto-lookup.vue    |  2 +-
 .../popeditor/auto-reset-composition-api.vue  |  2 +-
 .../demos/pc/app/popeditor/auto-reset.vue     |  2 +-
 .../popeditor/basic-usage-composition-api.vue |  2 +-
 .../demos/pc/app/popeditor/basic-usage.vue    |  2 +-
 .../before-close-composition-api.vue          |  2 +-
 .../demos/pc/app/popeditor/before-close.vue   |  2 +-
 .../before-reset-composition-api.vue          |  2 +-
 .../demos/pc/app/popeditor/before-reset.vue   |  2 +-
 .../popeditor/clearable-composition-api.vue   |  2 +-
 .../demos/pc/app/popeditor/clearable.vue      |  2 +-
 .../condition-form-composition-api.vue        |  2 +-
 .../demos/pc/app/popeditor/condition-form.vue |  2 +-
 .../condition-layout-composition-api.vue      | 19 ++++----
 .../pc/app/popeditor/condition-layout.vue     | 19 ++++----
 .../popeditor/conditions-composition-api.vue  |  2 +-
 .../demos/pc/app/popeditor/conditions.vue     |  2 +-
 .../popeditor/disabled-composition-api.vue    |  2 +-
 .../sites/demos/pc/app/popeditor/disabled.vue |  2 +-
 .../popeditor/draggable-composition-api.vue   |  2 +-
 .../demos/pc/app/popeditor/draggable.vue      |  2 +-
 .../app/popeditor/events-composition-api.vue  |  2 +-
 .../sites/demos/pc/app/popeditor/events.vue   |  2 +-
 .../pc/app/popeditor/grid-composition-api.vue |  2 +-
 .../sites/demos/pc/app/popeditor/grid.vue     |  2 +-
 .../pc/app/popeditor/icon-composition-api.vue |  2 +-
 .../sites/demos/pc/app/popeditor/icon.vue     |  2 +-
 .../app/popeditor/multi-composition-api.vue   |  2 +-
 .../multi-value-array-composition-api.vue     |  2 +-
 .../pc/app/popeditor/multi-value-array.vue    |  2 +-
 .../sites/demos/pc/app/popeditor/multi.vue    |  2 +-
 .../app/popeditor/pager-composition-api.vue   |  2 +-
 .../sites/demos/pc/app/popeditor/pager.vue    |  2 +-
 .../radio-change-close-composition-api.vue    |  2 +-
 .../pc/app/popeditor/radio-change-close.vue   |  2 +-
 .../popeditor/readonly-composition-api.vue    |  2 +-
 .../sites/demos/pc/app/popeditor/readonly.vue |  2 +-
 .../remote-search-composition-api.vue         |  2 +-
 .../demos/pc/app/popeditor/remote-search.vue  |  2 +-
 .../popeditor/render-text-composition-api.vue |  2 +-
 .../demos/pc/app/popeditor/render-text.vue    |  2 +-
 .../app/popeditor/resize-composition-api.vue  |  2 +-
 .../sites/demos/pc/app/popeditor/resize.vue   |  2 +-
 .../selected-box-composition-api.vue          |  2 +-
 .../demos/pc/app/popeditor/selected-box.vue   |  2 +-
 .../show-clear-btn-composition-api.vue        |  2 +-
 .../demos/pc/app/popeditor/show-clear-btn.vue |  2 +-
 .../show-history-composition-api.vue          |  2 +-
 .../demos/pc/app/popeditor/show-history.vue   |  2 +-
 .../show-overflow-composition-api.vue         |  2 +-
 .../demos/pc/app/popeditor/show-overflow.vue  |  2 +-
 .../pc/app/popeditor/size-composition-api.vue |  2 +-
 .../sites/demos/pc/app/popeditor/size.vue     |  2 +-
 .../pc/app/popeditor/slot-composition-api.vue |  2 +-
 .../popeditor/slot-footer-composition-api.vue |  2 +-
 .../demos/pc/app/popeditor/slot-footer.vue    |  2 +-
 .../sites/demos/pc/app/popeditor/slot.vue     |  2 +-
 .../app/popeditor/suggest-composition-api.vue |  2 +-
 .../sites/demos/pc/app/popeditor/suggest.vue  |  2 +-
 .../popeditor/tabindex-composition-api.vue    |  2 +-
 .../sites/demos/pc/app/popeditor/tabindex.vue |  2 +-
 .../popeditor/textField-composition-api.vue   |  2 +-
 .../demos/pc/app/popeditor/textField.vue      |  2 +-
 .../app/popeditor/title-composition-api.vue   |  2 +-
 .../sites/demos/pc/app/popeditor/title.vue    |  2 +-
 .../app/popeditor/trigger-composition-api.vue |  2 +-
 .../sites/demos/pc/app/popeditor/trigger.vue  |  2 +-
 .../app/popeditor/width-composition-api.vue   |  2 +-
 .../sites/demos/pc/app/popeditor/width.vue    |  2 +-
 .../pc/app/slider/max-min-composition-api.vue |  2 +-
 .../sites/demos/pc/app/slider/max-min.vue     |  2 +-
 packages/theme/src/option/index.less          |  2 +-
 packages/theme/src/popeditor/index.less       |  4 +-
 packages/theme/src/popeditor/vars.less        |  4 ++
 packages/theme/src/select/index.less          | 45 ++++++++++++++-----
 packages/theme/src/select/vars.less           |  3 ++
 packages/vue/src/select/src/pc.vue            |  6 +--
 78 files changed, 136 insertions(+), 106 deletions(-)

diff --git a/examples/sites/demos/pc/app/popeditor/auto-lookup-composition-api.vue b/examples/sites/demos/pc/app/popeditor/auto-lookup-composition-api.vue
index 4a3f8c3be5..9e8b65f4b6 100644
--- a/examples/sites/demos/pc/app/popeditor/auto-lookup-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/auto-lookup-composition-api.vue
@@ -24,7 +24,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/auto-lookup.vue b/examples/sites/demos/pc/app/popeditor/auto-lookup.vue
index 85be582219..2863b0b529 100644
--- a/examples/sites/demos/pc/app/popeditor/auto-lookup.vue
+++ b/examples/sites/demos/pc/app/popeditor/auto-lookup.vue
@@ -29,7 +29,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/auto-reset-composition-api.vue b/examples/sites/demos/pc/app/popeditor/auto-reset-composition-api.vue
index 0a66298167..801ebb2c11 100644
--- a/examples/sites/demos/pc/app/popeditor/auto-reset-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/auto-reset-composition-api.vue
@@ -82,7 +82,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/auto-reset.vue b/examples/sites/demos/pc/app/popeditor/auto-reset.vue
index ea2589b28d..14b012a437 100644
--- a/examples/sites/demos/pc/app/popeditor/auto-reset.vue
+++ b/examples/sites/demos/pc/app/popeditor/auto-reset.vue
@@ -87,7 +87,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/basic-usage-composition-api.vue b/examples/sites/demos/pc/app/popeditor/basic-usage-composition-api.vue
index 5c4c9b9677..712f71179a 100644
--- a/examples/sites/demos/pc/app/popeditor/basic-usage-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/basic-usage-composition-api.vue
@@ -80,7 +80,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/basic-usage.vue b/examples/sites/demos/pc/app/popeditor/basic-usage.vue
index 3270586f2a..b572732358 100644
--- a/examples/sites/demos/pc/app/popeditor/basic-usage.vue
+++ b/examples/sites/demos/pc/app/popeditor/basic-usage.vue
@@ -85,7 +85,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/before-close-composition-api.vue b/examples/sites/demos/pc/app/popeditor/before-close-composition-api.vue
index 3a6db15dba..b74ba6c3de 100644
--- a/examples/sites/demos/pc/app/popeditor/before-close-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/before-close-composition-api.vue
@@ -81,7 +81,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/before-close.vue b/examples/sites/demos/pc/app/popeditor/before-close.vue
index 0b6d0e5685..51c454af3f 100644
--- a/examples/sites/demos/pc/app/popeditor/before-close.vue
+++ b/examples/sites/demos/pc/app/popeditor/before-close.vue
@@ -86,7 +86,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/before-reset-composition-api.vue b/examples/sites/demos/pc/app/popeditor/before-reset-composition-api.vue
index d311fcf7b6..cc76d6949f 100644
--- a/examples/sites/demos/pc/app/popeditor/before-reset-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/before-reset-composition-api.vue
@@ -82,7 +82,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/before-reset.vue b/examples/sites/demos/pc/app/popeditor/before-reset.vue
index f0fdc02247..a60782ebdb 100644
--- a/examples/sites/demos/pc/app/popeditor/before-reset.vue
+++ b/examples/sites/demos/pc/app/popeditor/before-reset.vue
@@ -87,7 +87,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/clearable-composition-api.vue b/examples/sites/demos/pc/app/popeditor/clearable-composition-api.vue
index 706807150a..297f913a79 100644
--- a/examples/sites/demos/pc/app/popeditor/clearable-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/clearable-composition-api.vue
@@ -81,7 +81,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/clearable.vue b/examples/sites/demos/pc/app/popeditor/clearable.vue
index c11bf13b0f..5af93af88a 100644
--- a/examples/sites/demos/pc/app/popeditor/clearable.vue
+++ b/examples/sites/demos/pc/app/popeditor/clearable.vue
@@ -86,7 +86,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/condition-form-composition-api.vue b/examples/sites/demos/pc/app/popeditor/condition-form-composition-api.vue
index f64e6043c6..deee59b134 100644
--- a/examples/sites/demos/pc/app/popeditor/condition-form-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/condition-form-composition-api.vue
@@ -129,7 +129,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/condition-form.vue b/examples/sites/demos/pc/app/popeditor/condition-form.vue
index 1a45c343a2..fd45dea0b4 100644
--- a/examples/sites/demos/pc/app/popeditor/condition-form.vue
+++ b/examples/sites/demos/pc/app/popeditor/condition-form.vue
@@ -131,7 +131,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/condition-layout-composition-api.vue b/examples/sites/demos/pc/app/popeditor/condition-layout-composition-api.vue
index 868983776d..9d2ac13f15 100644
--- a/examples/sites/demos/pc/app/popeditor/condition-layout-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/condition-layout-composition-api.vue
@@ -22,7 +22,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
@@ -45,17 +45,12 @@ const gridOp = ref({
   }
 })
 const conditions = ref([
-  {
-    label: '公司名',
-    field: 'name',
-    span: 12,
-    labelWidth: '160px',
-    attrs: { clearable: true }
-  },
   {
     label: '城市',
     field: 'city',
+    labelWidth: '50px',
     component: hooks.markRaw(Select),
+    labelPosition: 'left',
     attrs: {
       options: [
         { label: '福州', value: 'fz' },
@@ -64,7 +59,13 @@ const conditions = ref([
     },
     span: 6
   },
-  { label: '员工', field: 'employees', component: hooks.markRaw(Numeric) }
+  {
+    label: '员工',
+    field: 'employees',
+    span: 6,
+    labelWidth: '50px',
+    component: hooks.markRaw(Numeric)
+  }
 ])
 
 function remoteSearch({ page }) {
diff --git a/examples/sites/demos/pc/app/popeditor/condition-layout.vue b/examples/sites/demos/pc/app/popeditor/condition-layout.vue
index 87e5894449..66fb083299 100644
--- a/examples/sites/demos/pc/app/popeditor/condition-layout.vue
+++ b/examples/sites/demos/pc/app/popeditor/condition-layout.vue
@@ -27,7 +27,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
@@ -50,17 +50,12 @@ export default {
         }
       },
       conditions: [
-        {
-          label: '公司名',
-          field: 'name',
-          span: 12,
-          labelWidth: '160px',
-          attrs: { clearable: true }
-        },
         {
           label: '城市',
           field: 'city',
+          labelWidth: '50px',
           component: hooks.markRaw(Select),
+          labelPosition: 'left',
           attrs: {
             options: [
               { label: '福州', value: 'fz' },
@@ -69,7 +64,13 @@ export default {
           },
           span: 6
         },
-        { label: '员工', field: 'employees', component: hooks.markRaw(Numeric) }
+        {
+          label: '员工',
+          field: 'employees',
+          span: 6,
+          labelWidth: '50px',
+          component: hooks.markRaw(Numeric)
+        }
       ]
     }
   },
diff --git a/examples/sites/demos/pc/app/popeditor/conditions-composition-api.vue b/examples/sites/demos/pc/app/popeditor/conditions-composition-api.vue
index 3452dae056..6d38887b3c 100644
--- a/examples/sites/demos/pc/app/popeditor/conditions-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/conditions-composition-api.vue
@@ -81,7 +81,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/conditions.vue b/examples/sites/demos/pc/app/popeditor/conditions.vue
index b0639af6bd..6b3358a883 100644
--- a/examples/sites/demos/pc/app/popeditor/conditions.vue
+++ b/examples/sites/demos/pc/app/popeditor/conditions.vue
@@ -86,7 +86,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/disabled-composition-api.vue b/examples/sites/demos/pc/app/popeditor/disabled-composition-api.vue
index b2ee99394e..3f4fc8a546 100644
--- a/examples/sites/demos/pc/app/popeditor/disabled-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/disabled-composition-api.vue
@@ -81,7 +81,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/disabled.vue b/examples/sites/demos/pc/app/popeditor/disabled.vue
index e5f37fd0c6..3ccc69d40b 100644
--- a/examples/sites/demos/pc/app/popeditor/disabled.vue
+++ b/examples/sites/demos/pc/app/popeditor/disabled.vue
@@ -86,7 +86,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/draggable-composition-api.vue b/examples/sites/demos/pc/app/popeditor/draggable-composition-api.vue
index 34a5f98996..7452c6c6dc 100644
--- a/examples/sites/demos/pc/app/popeditor/draggable-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/draggable-composition-api.vue
@@ -86,7 +86,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/draggable.vue b/examples/sites/demos/pc/app/popeditor/draggable.vue
index 6bfed8da2a..5f2bc35ca7 100644
--- a/examples/sites/demos/pc/app/popeditor/draggable.vue
+++ b/examples/sites/demos/pc/app/popeditor/draggable.vue
@@ -91,7 +91,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/events-composition-api.vue b/examples/sites/demos/pc/app/popeditor/events-composition-api.vue
index 170eade0d7..0be1cc74be 100644
--- a/examples/sites/demos/pc/app/popeditor/events-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/events-composition-api.vue
@@ -23,7 +23,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/events.vue b/examples/sites/demos/pc/app/popeditor/events.vue
index 0e559f4efd..691f7aa239 100644
--- a/examples/sites/demos/pc/app/popeditor/events.vue
+++ b/examples/sites/demos/pc/app/popeditor/events.vue
@@ -28,7 +28,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/grid-composition-api.vue b/examples/sites/demos/pc/app/popeditor/grid-composition-api.vue
index 23a1893210..e74f790bd1 100644
--- a/examples/sites/demos/pc/app/popeditor/grid-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/grid-composition-api.vue
@@ -75,7 +75,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/grid.vue b/examples/sites/demos/pc/app/popeditor/grid.vue
index a87a31a7c5..a1514229f1 100644
--- a/examples/sites/demos/pc/app/popeditor/grid.vue
+++ b/examples/sites/demos/pc/app/popeditor/grid.vue
@@ -80,7 +80,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/icon-composition-api.vue b/examples/sites/demos/pc/app/popeditor/icon-composition-api.vue
index f36e3db2d6..53f05185b8 100644
--- a/examples/sites/demos/pc/app/popeditor/icon-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/icon-composition-api.vue
@@ -20,7 +20,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/icon.vue b/examples/sites/demos/pc/app/popeditor/icon.vue
index 987130b6cc..2e5b56d43c 100644
--- a/examples/sites/demos/pc/app/popeditor/icon.vue
+++ b/examples/sites/demos/pc/app/popeditor/icon.vue
@@ -25,7 +25,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/multi-composition-api.vue b/examples/sites/demos/pc/app/popeditor/multi-composition-api.vue
index 4f5120a3f3..f3c11d5e85 100644
--- a/examples/sites/demos/pc/app/popeditor/multi-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/multi-composition-api.vue
@@ -93,7 +93,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/multi-value-array-composition-api.vue b/examples/sites/demos/pc/app/popeditor/multi-value-array-composition-api.vue
index a8203df6ab..9d507e732c 100644
--- a/examples/sites/demos/pc/app/popeditor/multi-value-array-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/multi-value-array-composition-api.vue
@@ -87,7 +87,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/multi-value-array.vue b/examples/sites/demos/pc/app/popeditor/multi-value-array.vue
index a0a2625b6f..52b068f6e8 100644
--- a/examples/sites/demos/pc/app/popeditor/multi-value-array.vue
+++ b/examples/sites/demos/pc/app/popeditor/multi-value-array.vue
@@ -92,7 +92,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/multi.vue b/examples/sites/demos/pc/app/popeditor/multi.vue
index b6973262a3..e5bed45b79 100644
--- a/examples/sites/demos/pc/app/popeditor/multi.vue
+++ b/examples/sites/demos/pc/app/popeditor/multi.vue
@@ -93,7 +93,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/pager-composition-api.vue b/examples/sites/demos/pc/app/popeditor/pager-composition-api.vue
index beb99e1efc..83debfcec8 100644
--- a/examples/sites/demos/pc/app/popeditor/pager-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/pager-composition-api.vue
@@ -20,7 +20,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/pager.vue b/examples/sites/demos/pc/app/popeditor/pager.vue
index fcd74e4fed..6a3ea4a3e0 100644
--- a/examples/sites/demos/pc/app/popeditor/pager.vue
+++ b/examples/sites/demos/pc/app/popeditor/pager.vue
@@ -25,7 +25,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/radio-change-close-composition-api.vue b/examples/sites/demos/pc/app/popeditor/radio-change-close-composition-api.vue
index 9a2ab65bf9..5fc5ecd8ff 100644
--- a/examples/sites/demos/pc/app/popeditor/radio-change-close-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/radio-change-close-composition-api.vue
@@ -81,7 +81,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/radio-change-close.vue b/examples/sites/demos/pc/app/popeditor/radio-change-close.vue
index e79aab1ad5..091d2b7010 100644
--- a/examples/sites/demos/pc/app/popeditor/radio-change-close.vue
+++ b/examples/sites/demos/pc/app/popeditor/radio-change-close.vue
@@ -86,7 +86,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/readonly-composition-api.vue b/examples/sites/demos/pc/app/popeditor/readonly-composition-api.vue
index 2fafda0669..f392b990c1 100644
--- a/examples/sites/demos/pc/app/popeditor/readonly-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/readonly-composition-api.vue
@@ -81,7 +81,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/readonly.vue b/examples/sites/demos/pc/app/popeditor/readonly.vue
index f8337207a1..a6eca54f78 100644
--- a/examples/sites/demos/pc/app/popeditor/readonly.vue
+++ b/examples/sites/demos/pc/app/popeditor/readonly.vue
@@ -86,7 +86,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/remote-search-composition-api.vue b/examples/sites/demos/pc/app/popeditor/remote-search-composition-api.vue
index 3686ffd77b..1d3f9e46ca 100644
--- a/examples/sites/demos/pc/app/popeditor/remote-search-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/remote-search-composition-api.vue
@@ -21,7 +21,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/remote-search.vue b/examples/sites/demos/pc/app/popeditor/remote-search.vue
index 3011af38e0..681fe092ed 100644
--- a/examples/sites/demos/pc/app/popeditor/remote-search.vue
+++ b/examples/sites/demos/pc/app/popeditor/remote-search.vue
@@ -26,7 +26,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/render-text-composition-api.vue b/examples/sites/demos/pc/app/popeditor/render-text-composition-api.vue
index 6665f1c6ad..e6407a4157 100644
--- a/examples/sites/demos/pc/app/popeditor/render-text-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/render-text-composition-api.vue
@@ -22,7 +22,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/render-text.vue b/examples/sites/demos/pc/app/popeditor/render-text.vue
index 3dab5d5f98..8938eda4b9 100644
--- a/examples/sites/demos/pc/app/popeditor/render-text.vue
+++ b/examples/sites/demos/pc/app/popeditor/render-text.vue
@@ -27,7 +27,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/resize-composition-api.vue b/examples/sites/demos/pc/app/popeditor/resize-composition-api.vue
index 265368aa01..bf7f10546b 100644
--- a/examples/sites/demos/pc/app/popeditor/resize-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/resize-composition-api.vue
@@ -74,7 +74,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/resize.vue b/examples/sites/demos/pc/app/popeditor/resize.vue
index a88efeb765..6c711504e4 100644
--- a/examples/sites/demos/pc/app/popeditor/resize.vue
+++ b/examples/sites/demos/pc/app/popeditor/resize.vue
@@ -79,7 +79,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/selected-box-composition-api.vue b/examples/sites/demos/pc/app/popeditor/selected-box-composition-api.vue
index 6b53fbe8c5..c479158767 100644
--- a/examples/sites/demos/pc/app/popeditor/selected-box-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/selected-box-composition-api.vue
@@ -89,7 +89,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/selected-box.vue b/examples/sites/demos/pc/app/popeditor/selected-box.vue
index 0fc29a431b..086bd9dbb7 100644
--- a/examples/sites/demos/pc/app/popeditor/selected-box.vue
+++ b/examples/sites/demos/pc/app/popeditor/selected-box.vue
@@ -94,7 +94,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/show-clear-btn-composition-api.vue b/examples/sites/demos/pc/app/popeditor/show-clear-btn-composition-api.vue
index 540bb98bc3..6b9e37f18d 100644
--- a/examples/sites/demos/pc/app/popeditor/show-clear-btn-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/show-clear-btn-composition-api.vue
@@ -81,7 +81,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/show-clear-btn.vue b/examples/sites/demos/pc/app/popeditor/show-clear-btn.vue
index 42bbf559fe..a065cd8e32 100644
--- a/examples/sites/demos/pc/app/popeditor/show-clear-btn.vue
+++ b/examples/sites/demos/pc/app/popeditor/show-clear-btn.vue
@@ -86,7 +86,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/show-history-composition-api.vue b/examples/sites/demos/pc/app/popeditor/show-history-composition-api.vue
index d95fbed742..dc7613cc33 100644
--- a/examples/sites/demos/pc/app/popeditor/show-history-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/show-history-composition-api.vue
@@ -12,7 +12,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/show-history.vue b/examples/sites/demos/pc/app/popeditor/show-history.vue
index bf2f86189a..cf2efaf3d5 100644
--- a/examples/sites/demos/pc/app/popeditor/show-history.vue
+++ b/examples/sites/demos/pc/app/popeditor/show-history.vue
@@ -19,7 +19,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/show-overflow-composition-api.vue b/examples/sites/demos/pc/app/popeditor/show-overflow-composition-api.vue
index f92012c0b3..b3309a689a 100644
--- a/examples/sites/demos/pc/app/popeditor/show-overflow-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/show-overflow-composition-api.vue
@@ -85,7 +85,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/show-overflow.vue b/examples/sites/demos/pc/app/popeditor/show-overflow.vue
index 8bfdbef718..6dce05e3b8 100644
--- a/examples/sites/demos/pc/app/popeditor/show-overflow.vue
+++ b/examples/sites/demos/pc/app/popeditor/show-overflow.vue
@@ -90,7 +90,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/size-composition-api.vue b/examples/sites/demos/pc/app/popeditor/size-composition-api.vue
index 18aff0f3a4..e2a3a0a563 100644
--- a/examples/sites/demos/pc/app/popeditor/size-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/size-composition-api.vue
@@ -111,7 +111,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/size.vue b/examples/sites/demos/pc/app/popeditor/size.vue
index e380f26c5c..6c17929cde 100644
--- a/examples/sites/demos/pc/app/popeditor/size.vue
+++ b/examples/sites/demos/pc/app/popeditor/size.vue
@@ -116,7 +116,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/slot-composition-api.vue b/examples/sites/demos/pc/app/popeditor/slot-composition-api.vue
index b003eea02b..d382a03868 100644
--- a/examples/sites/demos/pc/app/popeditor/slot-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/slot-composition-api.vue
@@ -96,7 +96,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/slot-footer-composition-api.vue b/examples/sites/demos/pc/app/popeditor/slot-footer-composition-api.vue
index 5430759ef1..78d5d05903 100644
--- a/examples/sites/demos/pc/app/popeditor/slot-footer-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/slot-footer-composition-api.vue
@@ -79,7 +79,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/slot-footer.vue b/examples/sites/demos/pc/app/popeditor/slot-footer.vue
index 5a773a2f86..4f3fa2bc14 100644
--- a/examples/sites/demos/pc/app/popeditor/slot-footer.vue
+++ b/examples/sites/demos/pc/app/popeditor/slot-footer.vue
@@ -85,7 +85,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/slot.vue b/examples/sites/demos/pc/app/popeditor/slot.vue
index e40e6c3eb7..f3a759a122 100644
--- a/examples/sites/demos/pc/app/popeditor/slot.vue
+++ b/examples/sites/demos/pc/app/popeditor/slot.vue
@@ -103,7 +103,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/suggest-composition-api.vue b/examples/sites/demos/pc/app/popeditor/suggest-composition-api.vue
index d6e816d0e4..cd52df0d29 100644
--- a/examples/sites/demos/pc/app/popeditor/suggest-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/suggest-composition-api.vue
@@ -92,7 +92,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/suggest.vue b/examples/sites/demos/pc/app/popeditor/suggest.vue
index 7e96ced4a3..12c0e5c2ea 100644
--- a/examples/sites/demos/pc/app/popeditor/suggest.vue
+++ b/examples/sites/demos/pc/app/popeditor/suggest.vue
@@ -97,7 +97,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/tabindex-composition-api.vue b/examples/sites/demos/pc/app/popeditor/tabindex-composition-api.vue
index b861131257..a064f0aca1 100644
--- a/examples/sites/demos/pc/app/popeditor/tabindex-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/tabindex-composition-api.vue
@@ -92,7 +92,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/tabindex.vue b/examples/sites/demos/pc/app/popeditor/tabindex.vue
index 9bcfa5263c..b1e25b641a 100644
--- a/examples/sites/demos/pc/app/popeditor/tabindex.vue
+++ b/examples/sites/demos/pc/app/popeditor/tabindex.vue
@@ -97,7 +97,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/textField-composition-api.vue b/examples/sites/demos/pc/app/popeditor/textField-composition-api.vue
index 141aec8b50..2cf92469db 100644
--- a/examples/sites/demos/pc/app/popeditor/textField-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/textField-composition-api.vue
@@ -75,7 +75,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/textField.vue b/examples/sites/demos/pc/app/popeditor/textField.vue
index 2661936bc7..c3b03b0bba 100644
--- a/examples/sites/demos/pc/app/popeditor/textField.vue
+++ b/examples/sites/demos/pc/app/popeditor/textField.vue
@@ -80,7 +80,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/title-composition-api.vue b/examples/sites/demos/pc/app/popeditor/title-composition-api.vue
index b76db56aef..32c4def9cd 100644
--- a/examples/sites/demos/pc/app/popeditor/title-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/title-composition-api.vue
@@ -82,7 +82,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/title.vue b/examples/sites/demos/pc/app/popeditor/title.vue
index 37eb52e050..9d24ee6a3b 100644
--- a/examples/sites/demos/pc/app/popeditor/title.vue
+++ b/examples/sites/demos/pc/app/popeditor/title.vue
@@ -87,7 +87,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/trigger-composition-api.vue b/examples/sites/demos/pc/app/popeditor/trigger-composition-api.vue
index 83f6b0f7ae..172863d755 100644
--- a/examples/sites/demos/pc/app/popeditor/trigger-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/trigger-composition-api.vue
@@ -86,7 +86,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/trigger.vue b/examples/sites/demos/pc/app/popeditor/trigger.vue
index a7563cee1c..a5a6194593 100644
--- a/examples/sites/demos/pc/app/popeditor/trigger.vue
+++ b/examples/sites/demos/pc/app/popeditor/trigger.vue
@@ -91,7 +91,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/width-composition-api.vue b/examples/sites/demos/pc/app/popeditor/width-composition-api.vue
index 21f480d1db..99cf4c2977 100644
--- a/examples/sites/demos/pc/app/popeditor/width-composition-api.vue
+++ b/examples/sites/demos/pc/app/popeditor/width-composition-api.vue
@@ -83,7 +83,7 @@ const gridOp = ref({
     {
       field: 'id',
       title: 'ID',
-      width: 40
+      width: 50
     },
     {
       field: 'name',
diff --git a/examples/sites/demos/pc/app/popeditor/width.vue b/examples/sites/demos/pc/app/popeditor/width.vue
index 7120f65cf2..70b11b4902 100644
--- a/examples/sites/demos/pc/app/popeditor/width.vue
+++ b/examples/sites/demos/pc/app/popeditor/width.vue
@@ -88,7 +88,7 @@ export default {
           {
             field: 'id',
             title: 'ID',
-            width: 40
+            width: 50
           },
           {
             field: 'name',
diff --git a/examples/sites/demos/pc/app/slider/max-min-composition-api.vue b/examples/sites/demos/pc/app/slider/max-min-composition-api.vue
index bc690e7a8d..5f4186b86d 100644
--- a/examples/sites/demos/pc/app/slider/max-min-composition-api.vue
+++ b/examples/sites/demos/pc/app/slider/max-min-composition-api.vue
@@ -1,5 +1,5 @@
 <template>
-  <tiny-slider v-model="value" :min="0" :max="100"></tiny-slider>
+  <tiny-slider v-model="value" :min="30" :max="70"></tiny-slider>
 </template>
 
 <script setup>
diff --git a/examples/sites/demos/pc/app/slider/max-min.vue b/examples/sites/demos/pc/app/slider/max-min.vue
index 62224e20f2..91d137848d 100644
--- a/examples/sites/demos/pc/app/slider/max-min.vue
+++ b/examples/sites/demos/pc/app/slider/max-min.vue
@@ -1,5 +1,5 @@
 <template>
-  <tiny-slider v-model="value" :min="0" :max="100"></tiny-slider>
+  <tiny-slider v-model="value" :min="30" :max="70"></tiny-slider>
 </template>
 
 <script>
diff --git a/packages/theme/src/option/index.less b/packages/theme/src/option/index.less
index 1df9d38843..41f8bdf41c 100644
--- a/packages/theme/src/option/index.less
+++ b/packages/theme/src/option/index.less
@@ -80,7 +80,7 @@
     background-color: var(--tv-Option-bg-color-hover);
   }
 
-  &:not(:has(.tiny-option__checkbox-wrap)).selected {
+  &:not(.tiny-option_all):not(:has(.tiny-option__checkbox-wrap)).selected {
     color: var(--tv-Option-text-color-selected);
   }
 
diff --git a/packages/theme/src/popeditor/index.less b/packages/theme/src/popeditor/index.less
index 3c642d1918..1385b94bd3 100644
--- a/packages/theme/src/popeditor/index.less
+++ b/packages/theme/src/popeditor/index.less
@@ -131,11 +131,11 @@
         }
 
         &:nth-child(2n + 1) {
-          padding-right: 16px;
+          padding-right: var(--tv-Popeditor-search-item-padding-right);
         }
 
         &:nth-child(2n) {
-          padding-left: 16px;
+          padding-left: var(--tv-Popeditor-search-item-padding-left);
         }
       }
 
diff --git a/packages/theme/src/popeditor/vars.less b/packages/theme/src/popeditor/vars.less
index 8ad361d679..91d7357ca3 100644
--- a/packages/theme/src/popeditor/vars.less
+++ b/packages/theme/src/popeditor/vars.less
@@ -39,4 +39,8 @@
   --tv-Popeditor-tabs-text-color: var(--tv-color-text);
   // 弹出表格搜索项左侧标签文本默认宽度
   --tv-Popeditor-search-item-width: 80px;
+  // 弹出表格搜索项右侧内间距
+  --tv-Popeditor-search-item-padding-right: var(--tv-space-sm, 4px);
+  // 弹出表格搜索项左侧内间距
+  --tv-Popeditor-search-item-padding-left: var(--tv-space-sm, 4px);
 }
diff --git a/packages/theme/src/select/index.less b/packages/theme/src/select/index.less
index af21712e7f..e6efb9c4b5 100644
--- a/packages/theme/src/select/index.less
+++ b/packages/theme/src/select/index.less
@@ -100,6 +100,16 @@
     }
   }
 
+  &--mini {
+    .@{select-prefix-cls}__tags {
+      padding: var(--tv-Select-tags-padding-mini);
+
+      .tiny-tag {
+        height: 18px;
+      }
+    }
+  }
+
   &__tags {
     position: absolute;
     line-height: normal;
@@ -147,18 +157,6 @@
       -moz-appearance: none;
       appearance: none;
       background-color: transparent;
-
-      &.is-mini {
-        height: var(--tv-Select-height-mini);
-      }
-
-      &.is-small {
-        height: var(--tv-Select-height-small);
-      }
-
-      &.is-medium {
-        height: var(--tv-Select-height-medium);
-      }
     }
 
     &.is-showicon {
@@ -266,6 +264,24 @@
       }
     }
 
+    &.@{select-prefix-cls}--medium {
+      .tiny-select__tags {
+        height: var(--tv-Select-height-medium);
+      }
+    }
+
+    &.@{select-prefix-cls}--small {
+      .tiny-select__tags {
+        height: var(--tv-Select-height-small);
+      }
+    }
+
+    &.@{select-prefix-cls}--mini {
+      .tiny-select__tags {
+        height: var(--tv-Select-height-mini);
+      }
+    }
+
     &.is-hover,
     &.collapse-tag-clicked {
       .@{select-prefix-cls}__tags {
@@ -331,6 +347,10 @@
   &.is-display-only {
     cursor: not-allowed;
 
+    .tiny-select__tags {
+      cursor: not-allowed;
+    }
+
     .@{input-prefix-cls} {
       &__inner {
         padding-right: 12px;
@@ -338,6 +358,7 @@
 
       &__suffix {
         display: 'inline-block';
+        cursor: not-allowed;
       }
     }
 
diff --git a/packages/theme/src/select/vars.less b/packages/theme/src/select/vars.less
index 4737d80019..b64d394f94 100644
--- a/packages/theme/src/select/vars.less
+++ b/packages/theme/src/select/vars.less
@@ -40,6 +40,9 @@
   --tv-Select-tags-height: var(--tv-size-height-md, 32px);
   // 标签区域内边距
   --tv-Select-tags-padding: var(--tv-space-xs, 2px) 0px var(--tv-space-xs, 2px) var(--tv-space-xs, 2px);
+  // 标签区域内边距(mini)
+  --tv-Select-tags-padding-mini: 1px 0 1px var(--tv-space-xs, 2px);
+
   // 标签外边距
   --tv-Select-tag-margin: var(--tv-space-xs, 2px);
 
diff --git a/packages/vue/src/select/src/pc.vue b/packages/vue/src/select/src/pc.vue
index b4f35a8c5f..bb4ac6f09d 100644
--- a/packages/vue/src/select/src/pc.vue
+++ b/packages/vue/src/select/src/pc.vue
@@ -50,8 +50,8 @@
         multiple && !state.selectDisabled && state.selected.length
           ? state.selected.map((item) => (item.state ? item.state.currentLabel : item.currentLabel)).join('; ')
           : !multiple && state.selectDisabled
-          ? state.selectedLabel
-          : ''
+            ? state.selectedLabel
+            : ''
       "
     >
       <slot name="reference">
@@ -502,7 +502,7 @@
             <slot name="dropdown"></slot>
             <li
               v-if="multiple && showCheck && showAlloption && !state.multipleLimit && !state.query && !remote"
-              class="tiny-option tiny-select-dropdown__item"
+              class="tiny-option tiny-option_all tiny-select-dropdown__item"
               data-tag="tiny-option"
               :class="[
                 {