@cloudbase/weda-ui 3.14.4 → 3.15.1

package/dist/configs/components/listView.d.ts

@@ -183,6 +183,17 @@ declare const _default: {
         componentType: string;
     };
     isContainer: boolean;
+    classes: ({
+        name: string;
+        selector: string;
+        description: string;
+        code?: undefined;
+    } | {
+        name: string;
+        selector: string;
+        description: string;
+        code: string;
+    })[];
     meta: {
         title: string;
         category: string;

package/dist/configs/components/listView.js

@@ -1789,6 +1789,59 @@ export default {
         componentType: 'listview',
     },
     isContainer: true,
+    // 样式API
+    classes: [
+        {
+            name: '根元素',
+            selector: '.wd-list-view',
+            description: '数据列表组件根元素',
+        },
+        {
+            name: 'PC 端数据列表组件根元素',
+            selector: '.wd-pc-list-view',
+            description: '可以为 PC 端的数据列表编写样式',
+        },
+        {
+            name: 'H5 端数据列表组件根元素',
+            selector: '.wd-h5-list-view',
+            description: '可以为 H5 端的数据列表编写样式',
+        },
+        {
+            name: '小程序 端数据列表组件根元素',
+            selector: '.wd-mp-list-view',
+            description: '可以为 小程序 端的数据列表编写样式',
+        },
+        {
+            name: '加载更多文本',
+            selector: '.wd-list-view__more-text',
+            description: '可以修改加载更多文本样式',
+            code: `
+      :scope .wd-list-view__more-text {
+        color: lightgray;
+      }
+    `,
+        },
+        {
+            name: '加载到底提示文本',
+            selector: '.wd-list-view__load-completed',
+            description: '可以修改加载到底提示文本样式',
+            code: `
+      :scope .wd-list-view__load-completed {
+        color: lightgray;
+      }
+    `,
+        },
+        {
+            name: '暂无数据文本',
+            selector: '.wd-status-content__text',
+            description: '可以修改暂无数据文本样式',
+            code: `
+      :scope .wd-status-content__text {
+        color: lightgray;
+      }
+    `,
+        },
+    ],
     meta: {
         title: '数据列表',
         category: '数据容器',

package/dist/configs/components/wd-member.d.ts

@@ -35,6 +35,7 @@ declare const data: import("@sinclair/typebox").TObject<{
     name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
         title: string;
+        default: any;
     }>;
     placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
         default: string;
@@ -78,6 +79,7 @@ declare const config: {
         name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
             title: string;
+            default: any;
         }>;
         placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
             default: string;

package/dist/configs/components/wd-member.js

@@ -23,7 +23,7 @@ const TITLE = getFormItemDataTitle('成员');
 const data = Type.Partial(Type.Object({
     // 通用
     name: FORM_ITEM_DATA.name,
-    value: Object.assign({}, FORM_ITEM_DATA.value, { title: '选中值' }),
+    value: Object.assign({}, FORM_ITEM_DATA.value, { title: '选中值', default: null }),
     placeholder: Object.assign({}, FORM_ITEM_DATA.placeholder, {
         default: '请选择成员',
     }),

package/dist/configs/components/wd-select-multiple.d.ts

@@ -1,12 +1,6 @@
 import { Static } from '../type-utils';
 import type { Simplify } from 'type-fest';
 declare const data: import("@sinclair/typebox").TObject<{
-    enableRelationalSetting: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-    enableRelationalRefresh: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-    enableRelationOptionJump: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-    enableRelationTag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-    enableAddRelationButton: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-    addRelationButtonText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     suffixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
     format: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"many-many" | "one-many">>;
     viewId: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
@@ -17,6 +11,7 @@ declare const data: import("@sinclair/typebox").TObject<{
     required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     requiredMsg: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     requiredFlag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    staticSearchable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     extra: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
@@ -35,34 +30,53 @@ declare const data: import("@sinclair/typebox").TObject<{
     layout: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
     labelWidth: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     labelTips: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-    name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
+        'x-index': number;
+    }>;
     range: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
         label: import("@sinclair/typebox").TString;
         value: import("@sinclair/typebox").TString;
         disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    }>> & {
+        'x-index': number;
+    }>;
+    tipBlock: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
+        'x-index': number;
+    }>;
+    supportManyRelated: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    where: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TAny> & {
+        'x-index': number;
+    }>;
+    queryCondition: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{}>>;
+    sorter: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+        orderBy: import("@sinclair/typebox").TString;
+        label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        orderType: import("@sinclair/typebox").TUnsafe<string>;
     }>>>;
-    tipBlock: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-    where: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TAny>>;
+    value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString> & {
+        'x-index': number;
+    }>;
     selectFieldType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
     selectFields: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
-    value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
-    staticSearchable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-    ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
     placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
         default: string;
+        'x-index': number;
     }>;
     searchPlaceholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-    size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean & {
+        'x-index': number;
+    }>;
+    enableRelationalSetting: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    enableRelationalRefresh: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    enableRelationOptionJump: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    enableRelationTag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    enableAddRelationButton: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    addRelationButtonText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
 }>;
 declare const config: {
     readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
     readonly data: import("@sinclair/typebox").TObject<{
-        enableRelationalSetting: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        enableRelationalRefresh: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        enableRelationOptionJump: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        enableRelationTag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        enableAddRelationButton: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        addRelationButtonText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         suffixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
         format: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"many-many" | "one-many">>;
         viewId: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
@@ -73,6 +87,7 @@ declare const config: {
         required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         requiredMsg: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         requiredFlag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        staticSearchable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         extra: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
@@ -91,29 +106,58 @@ declare const config: {
         layout: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
         labelWidth: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         labelTips: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
+            'x-index': number;
+        }>;
         range: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
             label: import("@sinclair/typebox").TString;
             value: import("@sinclair/typebox").TString;
             disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        }>> & {
+            'x-index': number;
+        }>;
+        tipBlock: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
+            'x-index': number;
+        }>;
+        supportManyRelated: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        where: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TAny> & {
+            'x-index': number;
+        }>;
+        queryCondition: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{}>>;
+        sorter: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+            orderBy: import("@sinclair/typebox").TString;
+            label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+            orderType: import("@sinclair/typebox").TUnsafe<string>;
         }>>>;
-        tipBlock: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        where: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TAny>>;
+        value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString> & {
+            'x-index': number;
+        }>;
         selectFieldType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
         selectFields: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
-        value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
-        staticSearchable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
         placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
             default: string;
+            'x-index': number;
         }>;
         searchPlaceholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean & {
+            'x-index': number;
+        }>;
+        enableRelationalSetting: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        enableRelationalRefresh: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        enableRelationOptionJump: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        enableRelationTag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        enableAddRelationButton: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        addRelationButtonText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     }>;
     readonly properties: import("@sinclair/typebox").TObject<{
-        name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
+            'x-index': number;
+        }>;
         label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
+        value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString> & {
+            'x-index': number;
+        }>;
         required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;

package/dist/configs/components/wd-select-multiple.js

@@ -2,6 +2,7 @@ import { defineConfig, Type, Tuple } from '../type-utils';
 import { FORM_ITEM_DATA, FORM_ITEM_METHODS, FORM_ITEM_META, ItemData, pickWithXCategory, X_CATEGORY, getFormItemDataTitle, } from '../type-utils/type-form';
 import { getClasses } from '../type-utils/classes';
 import { templateInitNameWithId } from './common/init-name-with-id';
+import { MULTIPLE_FOREIGN_FORMATS } from '../type-utils/x-runtime-default';
 const SELECT = pickWithXCategory(FORM_ITEM_DATA, [
     'clearable',
     'before',
@@ -19,37 +20,230 @@ const TITLE = getFormItemDataTitle('下拉多选');
 // 属性类型定义
 const data = Type.Partial(Type.Object({
     // 通用
-    name: FORM_ITEM_DATA.name,
-    range: FORM_ITEM_DATA.range,
-    tipBlock: FORM_ITEM_DATA.tipBlock,
-    where: FORM_ITEM_DATA.where,
+    name: Object.assign({}, FORM_ITEM_DATA.name, { 'x-index': 1 }),
+    // label: x-index:11
+    range: Object.assign({}, FORM_ITEM_DATA.range, { 'x-index': 12 }),
+    tipBlock: Object.assign({}, FORM_ITEM_DATA.tipBlock, { 'x-index': 13 }),
+    supportManyRelated: Type.Boolean({
+        title: '升级筛选器',
+        type: 'boolean',
+        default: false,
+        'x-props': { 'data-hidebind': true },
+        'x-index': 14,
+        'x-category': X_CATEGORY.COMMON,
+        description: '开启后，筛选器支持自定义筛选条件',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'queryCondition',
+                condition: `{{Boolean($self.value)&&${MULTIPLE_FOREIGN_FORMATS('$form.values.format')}}}`,
+            },
+            {
+                type: 'value:visible',
+                target: 'where',
+                condition: `{{!Boolean($self.value)&&${MULTIPLE_FOREIGN_FORMATS('$form.values.format')}}}`,
+            },
+        ],
+    }),
+    where: Object.assign({}, FORM_ITEM_DATA.where, {
+        'x-index': 15,
+    }),
+    queryCondition: Type.Object({}, {
+        title: '数据筛选',
+        type: 'boolean',
+        default: true,
+        'x-index': 16,
+        'x-category': X_CATEGORY.COMMON,
+        'x-component': 'datasource-condition-where-query-editor',
+        'x-component-props': {
+            propertyPath: 'queryCondition',
+            dataSourcePath: 'dataSourceName',
+            preWherePath: 'where',
+            enableKeyIsRelation: true,
+        },
+        'x-props': {
+            'data-hidebind': false,
+            'data-hideBindValue': true,
+            'data-withBindMeta': true,
+        },
+        description: '对数据进行筛选过滤',
+        'x-helper-text': '点击fx支持编辑数据筛选表达式 [查看格式](https://docs.cloudbase.net/lowcode/manage/datasource-v2#%E6%9F%A5%E8%AF%A2wedagetitemv2)',
+    }),
+    // 支持多字段筛选
+    sorter: Type.Optional(Type.Array(Type.Object({
+        orderBy: Type.String({
+            title: '排序字段',
+            default: '',
+            'x-props': {
+                clearable: true,
+            },
+        }),
+        label: Type.Optional(Type.String({
+            title: '排序字段名称',
+        })),
+        orderType: Type.StringEnum({
+            title: '排序方式',
+            type: 'string',
+            enum: [
+                {
+                    label: '升序',
+                    value: 'asc',
+                },
+                {
+                    label: '降序',
+                    value: 'desc',
+                },
+            ],
+            'x-props': {
+                clearable: true,
+            },
+        }),
+    }, {
+        title: 'tabs',
+        default: {
+            orderBy: '',
+            orderType: '',
+        },
+    }), {
+        title: '数据排序',
+        'x-index': 17,
+        'x-component': 'list',
+        'x-component-props': {
+            label_add: '添加排序规则',
+        },
+        'x-category': X_CATEGORY.COMMON,
+        'x-props': {
+            'data-withBindMeta': true,
+        },
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                condition: '{{ Boolean($form?.values?.dataSourceName) }}',
+                target: 'sorter',
+                schema: {
+                    items: {
+                        path: 'sorter.*',
+                        type: 'object',
+                        default: {
+                            orderBy: '',
+                            orderType: 'asc',
+                            label: '',
+                        },
+                        'x-display': "(!this.orderBy)?'请选择排序字段':(this.label||this.orderBy)+'-'+(({desc:'降序',asc:'升序'})[this.orderType]||'')",
+                        properties: {
+                            orderBy: {
+                                type: 'string',
+                                title: '排序字段',
+                                'x-option': '{{getDataSourceValueOptions($form?.values?.dataSourceName, undefined, true)}}',
+                                'x-sorter': '{{$form?.values.sorter}}',
+                                'x-linkages': [
+                                    {
+                                        type: 'value:state',
+                                        target: 'dataForm.label',
+                                        condition: '{{ Boolean($self.value)}}',
+                                        state: {
+                                            value: '{{$self.props["x-option"].find(i=>i.value===$self.value)?.label}}',
+                                        },
+                                    },
+                                    {
+                                        type: 'value:schema',
+                                        target: 'dataForm.orderBy',
+                                        schema: {
+                                            enum: '{{$self.props["x-option"].filter(i=>i.value===$self.value||!$self.props["x-sorter"].find(j=>j.orderBy===i.value))}}',
+                                        },
+                                    },
+                                ],
+                            },
+                            label: Type.Optional(Type.String({
+                                type: 'string',
+                                title: '排序字段名称',
+                                display: false,
+                            })),
+                            orderType: Type.StringEnum({
+                                title: '排序方式',
+                                type: 'string',
+                                'x-component': 'radio',
+                                enum: [
+                                    {
+                                        label: '升序',
+                                        value: 'asc',
+                                    },
+                                    {
+                                        label: '降序',
+                                        value: 'desc',
+                                    },
+                                ],
+                                'x-props': {
+                                    clearable: true,
+                                },
+                            }),
+                        },
+                    },
+                },
+            },
+            {
+                type: 'value:schema',
+                condition: '{{$self.value?.length>2}}',
+                target: 'sorter',
+                schema: {
+                    'x-component-props': {
+                        label_add: '添加排序规则',
+                        addDisabledTip: '最多添加3个排序规则，请先删减已有规则',
+                    },
+                },
+            },
+            {
+                type: 'value:schema',
+                condition: '{{$self.value?.length<3}}',
+                target: 'sorter',
+                schema: {
+                    'x-component-props': {
+                        label_add: '添加排序规则',
+                        addDisabledTip: '',
+                    },
+                },
+            },
+        ],
+        default: [
+            {
+                orderBy: 'updatedAt',
+                orderType: 'desc',
+                label: '更新时间',
+            },
+        ],
+        description: '可设置数据排序规则，支持拖拽调整排序优先级，数组下标越小优先级越高。绑定数据示例：[{"orderBy":"updatedAt","orderType":"desc"}],升序传值asc，降序传值desc',
+    })),
+    value: Object.assign({}, FORM_ITEM_DATA._valueInSelectMultiple, {
+        'x-index': 18,
+    }),
     selectFieldType: FORM_ITEM_DATA.selectFieldType,
     selectFields: FORM_ITEM_DATA.selectFields,
-    value: FORM_ITEM_DATA._valueInSelectMultiple,
-    staticSearchable: FORM_ITEM_DATA.staticSearchable,
-    ignoreCase: FORM_ITEM_DATA.ignoreCase,
+    size: FORM_ITEM_DATA.size,
     placeholder: Object.assign({}, FORM_ITEM_DATA.placeholder, {
         default: '请选择',
+        'x-index': 41,
     }),
     searchPlaceholder: Type.String({
         title: '搜索框占位文字',
         type: 'string',
         default: '搜索选项',
-        'x-index': 31,
+        'x-index': 42,
         'x-category': X_CATEGORY.COMMON,
         'x-helper-text': 'PC/H5端生效',
     }),
-    size: FORM_ITEM_DATA.size,
-    // 标题
-    ...TITLE,
-    // 选择框
-    ...SELECT,
+    ignoreCase: Object.assign({}, FORM_ITEM_DATA.ignoreCase, {
+        'x-index': 43,
+    }),
     enableRelationalSetting: FORM_ITEM_DATA.enableRelationalSetting,
     enableRelationalRefresh: FORM_ITEM_DATA.enableRelationalRefresh,
     enableRelationOptionJump: FORM_ITEM_DATA.enableRelationOptionJump,
     enableRelationTag: FORM_ITEM_DATA.enableRelationTag,
     enableAddRelationButton: FORM_ITEM_DATA.enableAddRelationButton,
     addRelationButtonText: FORM_ITEM_DATA.addRelationButtonText,
+    // 标题
+    ...TITLE,
+    // 选择框
+    ...SELECT,
     suffixType: FORM_ITEM_DATA._suffixTypeInSelect,
     format: Type.StringEnum({
         type: 'string',
@@ -62,22 +256,40 @@ const data = Type.Partial(Type.Object({
         'x-linkages': [
             {
                 type: 'value:visible',
-                target: '*(range,ignoreCase,staticSearchable)',
-                condition: "{{!($self.value=='many-many'||$self.value=='one-many'||$self.value=='x-enum')}}",
+                target: '*(range)',
+                condition: `{{!${MULTIPLE_FOREIGN_FORMATS('$self.value', true)}}}`,
             },
             {
                 type: 'value:visible',
-                target: '*(selectFieldType,tipBlock,where,enableRelationalSetting,enableRelationalRefresh,enableAddRelationButton,enableRelationOptionJump)',
-                condition: "{{$self.value=='many-many'||$self.value=='one-many'}}",
+                target: '*(selectFieldType,tipBlock,enableRelationalSetting,enableRelationalRefresh,enableAddRelationButton,enableRelationOptionJump,sorter,ignoreCase)',
+                condition: `{{${MULTIPLE_FOREIGN_FORMATS()}}}`,
             },
             {
                 type: 'value:visible',
                 target: '*(enableRelationTag)',
-                condition: "{{$self.value=='x-enum'||$self.value=='many-many'||$self.value=='one-many'}}",
+                condition: `{{${MULTIPLE_FOREIGN_FORMATS('$self.value', true)}}}`,
+            },
+            // where: 升级v2协议前的筛选器
+            // queryCondition： 升级v2协议后的筛选器
+            // supportManyRelated 用来辅助用户主动升级筛选器
+            // 默认未主动选择升级筛选器时，展示升级开关，点击升级后不再展示，一次性操作
+            {
+                type: 'value:state',
+                target: 'supportManyRelated',
+                condition: `{{!$form.values.supportManyRelated&&${MULTIPLE_FOREIGN_FORMATS()}}}`,
+                state: {
+                    display: true,
+                    value: false,
+                },
+                otherwise: {
+                    display: false,
+                    value: true,
+                },
             },
         ],
         'x-category': X_CATEGORY.COMMON,
-        'x-index': 43,
+        'x-index': 44,
+        display: false,
         'x-platforms': [''],
     }),
     viewId: FORM_ITEM_DATA.viewId,
@@ -89,6 +301,8 @@ const data = Type.Partial(Type.Object({
     required: FORM_ITEM_DATA.required,
     requiredMsg: FORM_ITEM_DATA.requiredMsg,
     requiredFlag: FORM_ITEM_DATA.requiredFlag,
+    // 已废弃属性
+    staticSearchable: FORM_ITEM_DATA.staticSearchable,
 }));
 const properties = Type.Composite([
     Type.Pick(data, ['name', 'label', 'value', 'required', 'before', 'after']),