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 4a3f8c3be..9e8b65f4b 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 85be58221..2863b0b52 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 0a6629816..801ebb2c1 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 ea2589b28..14b012a43 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 5c4c9b967..712f71179 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 3270586f2..b57273235 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 3a6db15db..b74ba6c3d 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 0b6d0e568..51c454af3 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 d311fcf7b..cc76d6949 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 f0fdc0224..a60782ebd 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 706807150..297f913a7 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 c11bf13b0..5af93af88 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 f64e6043c..deee59b13 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 1a45c343a..fd45dea0b 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 868983776..9d2ac13f1 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 87e589444..66fb08329 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 3452dae05..6d38887b3 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 b0639af6b..6b3358a88 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 b2ee99394..3f4fc8a54 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 e5f37fd0c..3ccc69d40 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 34a5f9899..7452c6c6d 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 6bfed8da2..5f2bc35ca 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 170eade0d..0be1cc74b 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 0e559f4ef..691f7aa23 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 23a189321..e74f790bd 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 a87a31a7c..a1514229f 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 f36e3db2d..53f05185b 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 987130b6c..2e5b56d43 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 4f5120a3f..f3c11d5e8 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 a8203df6a..9d507e732 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 a0a2625b6..52b068f6e 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 b6973262a..e5bed45b7 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 beb99e1ef..83debfcec 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 fcd74e4fe..6a3ea4a3e 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 9a2ab65bf..5fc5ecd8f 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 e79aab1ad..091d2b701 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 2fafda066..f392b990c 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 f8337207a..a6eca54f7 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 3686ffd77..1d3f9e46c 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 3011af38e..681fe092e 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 6665f1c6a..e6407a415 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 3dab5d5f9..8938eda4b 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 265368aa0..bf7f10546 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 a88efeb76..6c711504e 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 6b53fbe8c..c47915876 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 0fc29a431..086bd9dbb 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 540bb98bc..6b9e37f18 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 42bbf559f..a065cd8e3 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 d95fbed74..dc7613cc3 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 bf2f86189..cf2efaf3d 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 f92012c0b..b3309a689 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 8bfdbef71..6dce05e3b 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 18aff0f3a..e2a3a0a56 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 e380f26c5..6c17929cd 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 b003eea02..d382a0386 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 5430759ef..78d5d0590 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 5a773a2f8..4f3fa2bc1 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 e40e6c3eb..f3a759a12 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 d6e816d0e..cd52df0d2 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 7e96ced4a..12c0e5c2e 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 b86113125..a064f0aca 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 9bcfa5263..b1e25b641 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 141aec8b5..2cf92469d 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 2661936bc..c3b03b0bb 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 b76db56ae..32c4def9c 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 37eb52e05..9d24ee6a3 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 83f6b0f7a..172863d75 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 a7563cee1..a5a619459 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 21f480d1d..99cf4c297 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 7120f65cf..70b11b490 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 bc690e7a8..5f4186b86 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 62224e20f..91d137848 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/renderless/src/guide/index.ts b/packages/renderless/src/guide/index.ts
index 6bf7dff94..a90486d3e 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 8d613b8ea..940700e79 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
 }
diff --git a/packages/theme/src/option/index.less b/packages/theme/src/option/index.less
index 1df9d3884..41f8bdf41 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 3c642d191..1385b94bd 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 8ad361d67..91d7357ca 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 af21712e7..e6efb9c4b 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 4737d8001..b64d394f9 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 4433e505f..bb4ac6f09 100644
--- a/packages/vue/src/select/src/pc.vue
+++ b/packages/vue/src/select/src/pc.vue
@@ -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="[
                 {