feat: add default `placeholder` for `ApiSelect` (#5078)

apps/web-antd/src/adapter/component/index.ts

@@ -84,6 +84,7 @@ async function initComponentAdapter() {
       return h(
         ApiSelect,
         {
+          placeholder: $t('ui.placeholder.select'),
           ...props,
           ...attrs,
           component: Select,
@@ -98,6 +99,7 @@ async function initComponentAdapter() {
       return h(
         ApiSelect,
         {
+          placeholder: $t('ui.placeholder.select'),
           ...props,
           ...attrs,
           component: TreeSelect,

apps/web-ele/src/adapter/component/index.ts

@@ -74,6 +74,7 @@ async function initComponentAdapter() {
       return h(
         ApiSelect,
         {
+          placeholder: $t('ui.placeholder.select'),
           ...props,
           ...attrs,
           component: ElSelectV2,
@@ -87,6 +88,7 @@ async function initComponentAdapter() {
       return h(
         ApiSelect,
         {
+          placeholder: $t('ui.placeholder.select'),
           ...props,
           ...attrs,
           component: ElTreeSelect,

apps/web-ele/src/views/demos/form/basic.vue

@@ -36,7 +36,6 @@ const [Form, formApi] = useVbenForm({
         },
         // 菜单接口
         api: getAllMenusApi,
-        placeholder: '请选择',
       },
       // 字段名
       fieldName: 'api',
@@ -52,7 +51,6 @@ const [Form, formApi] = useVbenForm({
         childrenField: 'children',
         // 菜单接口转options格式
         labelField: 'name',
-        placeholder: '请选择',
         valueField: 'path',
       },
       // 字段名

apps/web-naive/src/adapter/component/index.ts

@@ -72,6 +72,7 @@ async function initComponentAdapter() {
       return h(
         ApiSelect,
         {
+          placeholder: $t('ui.placeholder.select'),
           ...props,
           ...attrs,
           component: NSelect,
@@ -84,6 +85,7 @@ async function initComponentAdapter() {
       return h(
         ApiSelect,
         {
+          placeholder: $t('ui.placeholder.select'),
           ...props,
           ...attrs,
           component: NTreeSelect,

apps/web-naive/src/views/demos/form/basic.vue

@@ -35,7 +35,6 @@ const [Form, formApi] = useVbenForm({
         },
         // 菜单接口
         api: getAllMenusApi,
-        placeholder: '请选择',
       },
       // 字段名
       fieldName: 'api',
@@ -51,7 +50,6 @@ const [Form, formApi] = useVbenForm({
         childrenField: 'children',
         // 菜单接口转options格式
         labelField: 'name',
-        placeholder: '请选择',
         valueField: 'path',
       },
       // 字段名

playground/src/adapter/component/index.ts

@@ -85,6 +85,7 @@ async function initComponentAdapter() {
       return h(
         ApiSelect,
         {
+          placeholder: $t('ui.placeholder.select'),
           ...props,
           ...attrs,
           component: Select,
@@ -99,6 +100,7 @@ async function initComponentAdapter() {
       return h(
         ApiSelect,
         {
+          placeholder: $t('ui.placeholder.select'),
           ...props,
           ...attrs,
           component: TreeSelect,

playground/src/views/examples/form/basic.vue

@@ -55,7 +55,6 @@ const [BaseForm, baseFormApi] = useVbenForm({
         },
         // 菜单接口
         api: getAllMenusApi,
-        placeholder: '请选择',
       },
       // 字段名
       fieldName: 'api',
@@ -71,7 +70,6 @@ const [BaseForm, baseFormApi] = useVbenForm({
         childrenField: 'children',
         // 菜单接口转options格式
         labelField: 'name',
-        placeholder: '请选择',
         valueField: 'path',
       },
       // 字段名