@cloudbase/weda-ui 3.14.2 → 3.15.0

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

@@ -1,19 +1,12 @@
 import { Static } from '../type-utils';
 import type { Simplify } from 'type-fest';
 declare const data: import("@sinclair/typebox").TObject<{
-    selectFieldType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
-    selectFields: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
-    enableRelationalSetting: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-    enableRelationalRefresh: 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>;
-    enableRelationOptionJump: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-    enableRelationTag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     suffixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
     status: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
     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>;
@@ -32,24 +25,50 @@ 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").TString & {
         title: string;
+        'x-index': number;
     }>;
-    staticSearchable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-    ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    selectFieldType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    selectFields: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
+    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>;
+    enableAddRelationButton: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    addRelationButtonText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    enableRelationOptionJump: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    enableRelationTag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     format: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
     viewId: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     enumName: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
@@ -59,19 +78,12 @@ declare const data: import("@sinclair/typebox").TObject<{
 declare const config: {
     readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
     readonly data: import("@sinclair/typebox").TObject<{
-        selectFieldType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
-        selectFields: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
-        enableRelationalSetting: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        enableRelationalRefresh: 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>;
-        enableRelationOptionJump: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        enableRelationTag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         suffixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
         status: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
         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>;
@@ -90,24 +102,50 @@ 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").TString & {
             title: string;
+            'x-index': number;
         }>;
-        staticSearchable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        selectFieldType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        selectFields: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
+        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>;
+        enableAddRelationButton: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        addRelationButtonText: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        enableRelationOptionJump: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        enableRelationTag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         format: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
         viewId: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         enumName: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
@@ -115,10 +153,13 @@ declare const config: {
         dataSourceName: 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").TString & {
             title: string;
+            'x-index': number;
         }>;
         required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;

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

@@ -1,4 +1,5 @@
 import { defineConfig, Type } from '../type-utils';
+import { SINGLE_FOREIGN_FORMATS } from '../type-utils/x-runtime-default';
 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';
@@ -19,25 +20,224 @@ 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,
-    value: Object.assign({}, FORM_ITEM_DATA.value, { title: '选中值' }),
-    staticSearchable: FORM_ITEM_DATA.staticSearchable,
-    ignoreCase: FORM_ITEM_DATA.ignoreCase,
+    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)&&${SINGLE_FOREIGN_FORMATS('$form.values.format')}}}`,
+            },
+            {
+                type: 'value:visible',
+                target: 'where',
+                condition: `{{!Boolean($self.value)&&${SINGLE_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.value, { title: '选中值', 'x-index': 18 }),
+    selectFieldType: FORM_ITEM_DATA.selectFieldType,
+    selectFields: FORM_ITEM_DATA.selectFields,
+    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,
+    ignoreCase: Object.assign({}, FORM_ITEM_DATA.ignoreCase, {
+        'x-index': 43,
+    }),
+    enableRelationalSetting: FORM_ITEM_DATA.enableRelationalSetting,
+    enableRelationalRefresh: FORM_ITEM_DATA.enableRelationalRefresh,
+    enableAddRelationButton: FORM_ITEM_DATA.enableAddRelationButton,
+    addRelationButtonText: FORM_ITEM_DATA.addRelationButtonText,
+    enableRelationOptionJump: FORM_ITEM_DATA.enableRelationOptionJump,
+    enableRelationTag: FORM_ITEM_DATA.enableRelationTag,
     format: FORM_ITEM_DATA._formatInSelect,
     viewId: FORM_ITEM_DATA.viewId,
     enumName: FORM_ITEM_DATA.enumName,
@@ -47,20 +247,14 @@ const data = Type.Partial(Type.Object({
     ...TITLE,
     // 选择框
     ...SELECT,
-    selectFieldType: FORM_ITEM_DATA.selectFieldType,
-    selectFields: FORM_ITEM_DATA.selectFields,
-    enableRelationalSetting: FORM_ITEM_DATA.enableRelationalSetting,
-    enableRelationalRefresh: FORM_ITEM_DATA.enableRelationalRefresh,
-    enableAddRelationButton: FORM_ITEM_DATA.enableAddRelationButton,
-    addRelationButtonText: FORM_ITEM_DATA.addRelationButtonText,
-    enableRelationOptionJump: FORM_ITEM_DATA.enableRelationOptionJump,
-    enableRelationTag: FORM_ITEM_DATA.enableRelationTag,
     suffixType: FORM_ITEM_DATA._suffixTypeInSelect,
     // 状态校验
     status: FORM_ITEM_DATA.status,
     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', 'value', 'label', 'required']),