@cloudbase/weda-ui 3.13.0 → 3.13.1

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

@@ -4,6 +4,7 @@ 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>>;
@@ -59,6 +60,7 @@ declare const config: {
         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>>;
@@ -202,6 +204,18 @@ declare const config: {
         readonly name: string;
         readonly title: string;
         readonly description: string;
+    }, {
+        readonly name: "change";
+        readonly title: "值改变";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString> & {
+                title: string;
+            };
+            context: import("@sinclair/typebox").TObject<{
+                options: import("@sinclair/typebox").TObject<{}>;
+            }>;
+        }>;
+        readonly description: "用户修改组件值时触发";
     }, {
         readonly title: "输入搜索内容";
         readonly name: "search";

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

@@ -47,6 +47,7 @@ const data = Type.Partial(Type.Object({
     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,
     suffixType: FORM_ITEM_DATA._suffixTypeInSelect,
@@ -66,9 +67,14 @@ const data = Type.Partial(Type.Object({
             },
             {
                 type: 'value:visible',
-                target: '*(selectFieldType,tipBlock,where,enableRelationalSetting,enableRelationalRefresh,enableAddRelationButton)',
+                target: '*(selectFieldType,tipBlock,where,enableRelationalSetting,enableRelationalRefresh,enableAddRelationButton,enableRelationOptionJump)',
                 condition: "{{$self.value=='many-many'||$self.value=='one-many'}}",
             },
+            {
+                type: 'value:visible',
+                target: '*(enableRelationTag)',
+                condition: "{{$self.value=='x-enum'||$self.value=='many-many'||$self.value=='one-many'}}",
+            },
         ],
         'x-category': X_CATEGORY.COMMON,
         'x-index': 43,
@@ -140,6 +146,17 @@ const config = defineConfig({
             ...FORM_ITEM_EVENTS.change,
             detail: paramValueType,
         },
+        {
+            name: 'change',
+            title: '值改变',
+            detail: Type.Object({
+                value: Object.assign({}, FORM_ITEM_DATA._valueInSelectMultiple, {
+                    title: '值',
+                }),
+                context: Type.Object({ options: Type.Object({}, { description: '选中值' }) }, { description: '此次变更的更多上下文信息，其中 context.options 可以获得选中项的值' }),
+            }),
+            description: '用户修改组件值时触发',
+        },
         {
             title: '输入搜索内容',
             name: 'search',

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

@@ -8,6 +8,7 @@ declare const data: import("@sinclair/typebox").TObject<{
     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>;
@@ -65,6 +66,7 @@ declare const config: {
         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>;
@@ -192,12 +194,15 @@ declare const config: {
         description: string;
     }];
     readonly events: readonly [{
-        name: string;
-        title: string;
-        detail: import("@sinclair/typebox").TObject<{
+        readonly name: "change";
+        readonly title: "值改变";
+        readonly detail: import("@sinclair/typebox").TObject<{
             value: import("@sinclair/typebox").TString;
+            context: import("@sinclair/typebox").TObject<{
+                option: import("@sinclair/typebox").TObject<{}>;
+            }>;
         }>;
-        description: string;
+        readonly description: "用户修改组件值时触发";
     }, {
         readonly title: "输入搜索内容";
         readonly name: "search";

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

@@ -1,5 +1,5 @@
 import { defineConfig, Type } from '../type-utils';
-import { FORM_ITEM_DATA, FORM_ITEM_EVENTS, FORM_ITEM_METHODS, FORM_ITEM_META, ItemData, pickWithXCategory, X_CATEGORY, getFormItemDataTitle, } from '../type-utils/type-form';
+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';
 const SELECT = pickWithXCategory(FORM_ITEM_DATA, [
@@ -54,6 +54,7 @@ const data = Type.Partial(Type.Object({
     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,
@@ -107,7 +108,15 @@ const config = defineConfig({
         FORM_ITEM_METHODS.clearValidate,
     ],
     events: [
-        FORM_ITEM_EVENTS.change,
+        {
+            name: 'change',
+            title: '值改变',
+            detail: Type.Object({
+                value: Type.String({ description: '选中值' }),
+                context: Type.Object({ option: Type.Object({}, { description: '选中项' }) }, { description: '此次变更的更多上下文信息，其中 context.option 可以获得选中项的内容' }),
+            }),
+            description: '用户修改组件值时触发',
+        },
         {
             title: '输入搜索内容',
             name: 'search',

package/dist/configs/components/wd-store-product.d.ts

@@ -95,7 +95,7 @@ declare const config: {
             };
         };
         readonly shortcut: {
-            readonly props: readonly ["adType", "unitId"];
+            readonly props: readonly ["appid"];
         };
         readonly description: "小程序内嵌微信小店商品，展示小店商品，并进行跳转交易。支持小店优选联盟带货跟佣功能。";
         readonly propertyPanelTips: "1.仅支持在小程序端使用，PC/H5中将自动隐藏，请注意页面布局。\n \n2.该组件必须在小程序真实环境使用才能够看到实际效果。\n ";

package/dist/configs/components/wd-store-product.js

@@ -92,7 +92,7 @@ const config = defineConfig({
             },
         },
         shortcut: {
-            props: ['adType', 'unitId'],
+            props: ['appid'],
         },
         description: '小程序内嵌微信小店商品，展示小店商品，并进行跳转交易。支持小店优选联盟带货跟佣功能。',
         propertyPanelTips: '1.仅支持在小程序端使用，PC/H5中将自动隐藏，请注意页面布局。\n \n2.该组件必须在小程序真实环境使用才能够看到实际效果。\n ',

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

@@ -76,6 +76,7 @@ declare const data: import("@sinclair/typebox").TObject<{
     connectorParams: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     isOrderBy: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     enableCellCustomOption: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    enableRelationTag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     customOptionTitle: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     columnSelectType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
     fixedFront: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<any>>;
@@ -173,6 +174,7 @@ declare const config: {
         connectorParams: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         isOrderBy: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         enableCellCustomOption: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        enableRelationTag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         customOptionTitle: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         columnSelectType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
         fixedFront: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<any>>;

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

@@ -1275,6 +1275,13 @@ const data = Type.Object({
             },
         ],
     })),
+    enableRelationTag: Type.Optional(Type.Boolean({
+        title: '显示关联标签',
+        'x-index': 131,
+        'x-runtime-default': true,
+        'x-group': '表格列',
+        description: '开启后，表格中的关联关系字段默认以标签形式展示',
+    })),
     customOptionTitle: Type.Optional(Type.String({
         title: '操作列标题',
         'x-index': 133,

package/dist/configs/index.d.ts

@@ -65,7 +65,7 @@ export declare const components: {
                 };
             };
             readonly shortcut: {
-                readonly props: readonly ["adType", "unitId"];
+                readonly props: readonly ["appid"];
             };
             readonly description: "小程序内嵌微信小店商品，展示小店商品，并进行跳转交易。支持小店优选联盟带货跟佣功能。";
             readonly propertyPanelTips: "1.仅支持在小程序端使用，PC/H5中将自动隐藏，请注意页面布局。\n \n2.该组件必须在小程序真实环境使用才能够看到实际效果。\n ";
@@ -11936,6 +11936,7 @@ export declare const components: {
             connectorParams: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
             isOrderBy: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
             enableCellCustomOption: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+            enableRelationTag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
             customOptionTitle: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
             columnSelectType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
             fixedFront: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<any>>;
@@ -14049,6 +14050,7 @@ export declare const components: {
             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>;
@@ -14176,12 +14178,15 @@ export declare const components: {
             description: string;
         }];
         readonly events: readonly [{
-            name: string;
-            title: string;
-            detail: import("@sinclair/typebox").TObject<{
+            readonly name: "change";
+            readonly title: "值改变";
+            readonly detail: import("@sinclair/typebox").TObject<{
                 value: import("@sinclair/typebox").TString;
+                context: import("@sinclair/typebox").TObject<{
+                    option: import("@sinclair/typebox").TObject<{}>;
+                }>;
             }>;
-            description: string;
+            readonly description: "用户修改组件值时触发";
         }, {
             readonly title: "输入搜索内容";
             readonly name: "search";
@@ -14314,6 +14319,7 @@ export declare const components: {
             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>>;
@@ -14457,6 +14463,18 @@ export declare const components: {
             readonly name: string;
             readonly title: string;
             readonly description: string;
+        }, {
+            readonly name: "change";
+            readonly title: "值改变";
+            readonly detail: import("@sinclair/typebox").TObject<{
+                value: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString> & {
+                    title: string;
+                };
+                context: import("@sinclair/typebox").TObject<{
+                    options: import("@sinclair/typebox").TObject<{}>;
+                }>;
+            }>;
+            readonly description: "用户修改组件值时触发";
         }, {
             readonly title: "输入搜索内容";
             readonly name: "search";
@@ -19582,7 +19600,7 @@ declare const _default: {
                     };
                 };
                 readonly shortcut: {
-                    readonly props: readonly ["adType", "unitId"];
+                    readonly props: readonly ["appid"];
                 };
                 readonly description: "小程序内嵌微信小店商品，展示小店商品，并进行跳转交易。支持小店优选联盟带货跟佣功能。";
                 readonly propertyPanelTips: "1.仅支持在小程序端使用，PC/H5中将自动隐藏，请注意页面布局。\n \n2.该组件必须在小程序真实环境使用才能够看到实际效果。\n ";
@@ -31453,6 +31471,7 @@ declare const _default: {
                 connectorParams: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
                 isOrderBy: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
                 enableCellCustomOption: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+                enableRelationTag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
                 customOptionTitle: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
                 columnSelectType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
                 fixedFront: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<any>>;
@@ -33566,6 +33585,7 @@ declare const _default: {
                 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>;
@@ -33693,12 +33713,15 @@ declare const _default: {
                 description: string;
             }];
             readonly events: readonly [{
-                name: string;
-                title: string;
-                detail: import("@sinclair/typebox").TObject<{
+                readonly name: "change";
+                readonly title: "值改变";
+                readonly detail: import("@sinclair/typebox").TObject<{
                     value: import("@sinclair/typebox").TString;
+                    context: import("@sinclair/typebox").TObject<{
+                        option: import("@sinclair/typebox").TObject<{}>;
+                    }>;
                 }>;
-                description: string;
+                readonly description: "用户修改组件值时触发";
             }, {
                 readonly title: "输入搜索内容";
                 readonly name: "search";
@@ -33831,6 +33854,7 @@ declare const _default: {
                 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>>;
@@ -33974,6 +33998,18 @@ declare const _default: {
                 readonly name: string;
                 readonly title: string;
                 readonly description: string;
+            }, {
+                readonly name: "change";
+                readonly title: "值改变";
+                readonly detail: import("@sinclair/typebox").TObject<{
+                    value: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString> & {
+                        title: string;
+                    };
+                    context: import("@sinclair/typebox").TObject<{
+                        options: import("@sinclair/typebox").TObject<{}>;
+                    }>;
+                }>;
+                readonly description: "用户修改组件值时触发";
             }, {
                 readonly title: "输入搜索内容";
                 readonly name: "search";

package/dist/configs/type-utils/type-form.d.ts

@@ -132,6 +132,7 @@ export declare const FORM_ITEM_DATA: {
     enableRelationOptionJump: import("@sinclair/typebox").TBoolean;
     enableAddRelationButton: import("@sinclair/typebox").TBoolean;
     addRelationButtonText: import("@sinclair/typebox").TString;
+    enableRelationTag: import("@sinclair/typebox").TBoolean;
     extra: import("@sinclair/typebox").TString;
     showShape: import("@sinclair/typebox").TUnsafe<string>;
     downloadVisible: import("@sinclair/typebox").TBoolean;
@@ -547,6 +548,7 @@ export declare const ItemData: import("@sinclair/typebox").TObject<{
     enableRelationOptionJump: 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>;
+    enableRelationTag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     extra: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     showShape: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
     downloadVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;

package/dist/configs/type-utils/type-form.js

@@ -1194,30 +1194,35 @@ export const FORM_ITEM_DATA = {
         },
     })),
     enableRelationalRefresh: Type.Boolean({
-        title: '显示刷新按钮',
-        description: '点击刷新下拉列表数据',
+        title: '刷新按钮',
+        description: '点击刷新下拉列表数据。仅选项来自关联关系字段时，支持配置刷新按钮，在编辑状态下展示。',
         'x-runtime-default': X_RUNTIME_DEFAULT.enableRelationalRefresh,
         'x-index': 165,
         'x-category': X_CATEGORY.COMMON,
     }),
     enableRelationalSetting: Type.Boolean({
-        title: '显示设置按钮',
+        title: '设置按钮',
         'x-runtime-default': X_RUNTIME_DEFAULT.enableRelationalSetting,
         'x-index': 166,
         'x-category': X_CATEGORY.COMMON,
+        description: '仅选项来自关联关系字段时，支持配置设置按钮，在编辑状态下展示。',
+        'x-helper-text': '开启后响应事件为：onSettingButtonClick。',
     }),
     enableRelationOptionJump: Type.Boolean({
-        title: '显示下拉选项跳转按钮',
+        title: '下拉选项跳转按钮',
         'x-runtime-default': X_RUNTIME_DEFAULT.enableAddRelationButton,
         'x-index': 167,
         'x-category': X_CATEGORY.COMMON,
-        description: '仅选自自定义展示关联关系字段时，支持配置下拉选项跳转按钮',
+        description: '仅选项来自关联关系字段时，支持配置下拉选项跳转按钮，在编辑状态下展示。',
+        'x-helper-text': '开启后响应事件为：onRelationOptionJump。',
     }),
     enableAddRelationButton: Type.Boolean({
-        title: '显示新建按钮',
+        title: '新建按钮',
         'x-runtime-default': X_RUNTIME_DEFAULT.enableAddRelationButton,
         'x-index': 168,
         'x-category': X_CATEGORY.COMMON,
+        description: '仅选项来自关联关系字段时，支持配置新建按钮，在编辑状态下展示。',
+        'x-helper-text': '开启后响应事件为：onAddRelationButtonClick。',
         'x-linkages': [
             {
                 type: 'value:visible',
@@ -1232,6 +1237,14 @@ export const FORM_ITEM_DATA = {
         'x-index': 169,
         'x-category': X_CATEGORY.COMMON,
     }),
+    enableRelationTag: Type.Boolean({
+        title: '标签展示',
+        'x-runtime-default': X_RUNTIME_DEFAULT.enableRelationTag,
+        'x-index': 170,
+        'x-category': X_CATEGORY.COMMON,
+        description: '仅选项来自关联关系字段时，支持配置组件在只读状态下以标签形式展示。',
+        'x-helper-text': '开启后响应事件为：onRelationTagClick。',
+    }),
     extra: Type.String({
         title: '下方提示',
         type: 'string',
@@ -1677,9 +1690,14 @@ export const FORM_ITEM_DATA = {
             },
             {
                 type: 'value:visible',
-                target: '*(selectFieldType,tipBlock,where,enableRelationalSetting,enableRelationalRefresh,enableAddRelationButton)',
+                target: '*(selectFieldType,tipBlock,where,enableRelationalSetting,enableRelationalRefresh,enableAddRelationButton,enableRelationOptionJump)',
                 condition: "{{$self.value=='father-son'||$self.value=='related'||$self.value=='many-one'||$self.value=='one-one'||$self.value=='one-one-r'}}",
             },
+            {
+                type: 'value:visible',
+                target: '*(enableRelationTag)',
+                condition: "{{$self.value=='x-enum'||$self.value=='father-son'||$self.value=='related'||$self.value=='many-one'||$self.value=='one-one'||$self.value=='one-one-r'}}",
+            },
         ],
         display: false,
         'x-platforms': [''],

package/dist/configs/type-utils/x-runtime-default.d.ts

@@ -92,6 +92,7 @@ export declare const X_RUNTIME_DEFAULT: {
     enableRelationalRefresh: boolean;
     enableAddRelationButton: boolean;
     enableRelationOptionJump: boolean;
+    enableRelationTag: boolean;
     addRelationButtonText: string;
     _uploadButtonText: string;
     _uploadTipText: string;

package/dist/configs/type-utils/x-runtime-default.js

@@ -92,6 +92,7 @@ export const X_RUNTIME_DEFAULT = {
     enableRelationalRefresh: true,
     enableAddRelationButton: false,
     enableRelationOptionJump: false,
+    enableRelationTag: true,
     addRelationButtonText: '去新建',
     _uploadButtonText: '点击上传',
     _uploadTipText: '支持批量上传',

package/dist/style/weda-ui.min.css

@@ -1,5 +1,5 @@
 /** 
- @cloudbase/weda-ui v3.13.0 
+ @cloudbase/weda-ui v3.13.1 
   */ 
 @charset "UTF-8";@media (min-width:1024px){.weda-ui .weui-cells{font-size:1em}.weui .weui-cell_active:active{background-color:unset!important}}@font-face{font-family:lcap-icon;font-weight:400;font-style:normal;src:url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2')}.wd-form--vertical-left .wedatea2td-form .weda-formcells__pc.horizontal,.wd-form--vertical-right .wedatea2td-form .weda-formcells__pc.horizontal,.wedatea2td-form--vertical .wd-form--horizontal-left .wd-form-item-wrap,.wedatea2td-form--vertical .wd-form--horizontal-right .wd-form-item-wrap,.wedatea2td-form--vertical .wd-form-item.wd-form-item--horizontal-left .wd-form-item-wrap,.wedatea2td-form--vertical .wd-form-item.wd-form-item--horizontal-right .wd-form-item-wrap,.wedatea2td-form--vertical .wedatea2td-form .weda-formcells__pc.horizontal{flex-direction:column}.g-swiper-item>div>*{max-width:100%;max-height:100%;object-fit:cover;max-width:100%;object-fit:cover;max-width:100%;max-height:100%;object-fit:cover;width:100%;height:auto;max-width:100%;object-fit:cover}.form-detail-wrap .form-detail-content-wrap .form-detail-group-header-container{display:flex;align-items:center;justify-content:space-between}.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.weda-menu .wedatea2td-menu--light .wedatea2td-menu__list li.is-selected>.wedatea2td-menu__item:hover,.wedatea2td-drawer .wedatea2td-menu--light .wedatea2td-menu__list li .wedatea2td-menu__item:hover{background-color:var(--weda-navigation-menu-hover-color)}.weda-menu-mobile .weda-menu__wrapper{display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 2px rgba(0,0,0,.05)}.weda-menu .wedatea2td-menu__text .menu-text,.weda-menu__drawer .wedatea2td-menu__text .menu-text{display:flex;justify-content:center;align-items:center}@media (max-width:1024px){.g-swiper .g-swiper__turn-next,.g-swiper .g-swiper__turn-pre{display:none}.modal-table-delete .wedatea2td-dialog__inner,.model-relation-selector-modal .wedatea2td-dialog__inner,.wedatea2td-dialog__inner{min-width:0;width:90%;margin:10px 0}.wedatea2td-form.model-form{width:100%}}.markdown-body .octicon{fill:currentColor}.markdown-body pre{word-wrap:normal}.wd-form-item.wd-pc-rich-text-root .ExEditor-basic,.wd-form-item.wd-pc-rich-text-root .exeditor-toolbar{background-color:inherit}.wd-add-relation-button-wrap{display:flex;align-items:center;color:var(--wd-color-brand,#0052d9);white-space:pre-wrap}.weda-import-csv-file-modal .file-json-map-wrap{display:flex;flex-direction:column;box-sizing:border-box}.weda-import-csv-file-modal .import-file-result-wrap .error-container{display:flex;flex-direction:column}.weda-import-csv-file-modal .import-file-result-wrap .error-content{flex:1}.wd-table-wrap-filter .wedatea2td-input:focus,.wd-table-wrap-filter .wedatea2td-input:hover,.wd-table-wrap-filter .wedatea2td-textarea-group:focus,.wd-table-wrap-filter .wedatea2td-textarea-group:hover,.wd-table-wrap-filter .wedatea2td-textarea:focus,.wd-table-wrap-filter .wedatea2td-textarea:hover,.wedatea2td-overlay .wedatea2td-checkbox:focus,.wedatea2td-overlay .wedatea2td-checkbox:hover,.wedatea2td-overlay input[type=checkbox]:focus,.wedatea2td-overlay input[type=checkbox]:hover{border-color:var(--wd-color-brand,#0052d9)}.weda-ui_mapChoose_search_input_clear{display:flex;justify-content:center}.form-select-map .wedatea2td-dialog__inner{box-shadow:none;min-width:100vw!important}.weda-ui-custom-calendar-op__end,.weda-ui-custom-calendar-op__start{display:flex;align-items:center}.weui-tag span{word-wrap:break-word;word-break:break-word}.weda-ui-user-select-container-list__start .depart-tree .wedatea2td-tree__node.is-selected>.wedatea2td-tree__node-content,.weda-ui-user-select-container-list__start .depart-tree .wedatea2td-tree__node.is-selected>.wedatea2td-tree__node-content .wedatea2td-tree__label,.weda-ui-user-select-container-list__start .wedatea2td-tree.wedatea2td-tree--checkbox-separate .wedatea2td-tree__node.is-selected>.wedatea2td-tree__node-content .wedatea2td-tree__label .wedatea2td-tree__label-title{background-color:var(--wd-color-brand-light,#d4e3fc)}.weda-select-user-dept-breadcrumb{display:flex;align-items:center}.form-location-con_disabled{opacity:.4}body{font-size:var(--wd-font-base)}@font-face{font-family:wd-lcap-icon;font-weight:400;font-style:normal;src:url(data:application/font-woff2;charset=utf-8;base64,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) format("woff2")}.t-icon{speak:none;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wd-space-align-items--flex-start{align-items:flex-start;align-items:center;align-items:flex-end}.wd-space-justify-content--flex-start{justify-content:flex-start;justify-content:center;justify-content:flex-end}.wd-btn{--wd-btn-sm-padding:0.0625rem calc(var(--wd-space-base) * 2);--wd-btn-md-padding:0.25rem calc(var(--wd-space-base) * 4);--wd-btn-lg-padding:0.4375rem calc(var(--wd-space-base) * 6);--wd-btn-margin-top:0;--wd-btn-margin-top:0;--wd-btn-font-size-sm:var(--wd-font-size-2);--wd-btn-line-height-sm:1.5;--wd-btn-min-height-sm:24px;--wd-btn-font-size-md:var(--wd-font-size-3);--wd-btn-line-height-md:1.5;--wd-btn-min-height-md:32px;--wd-btn-font-size-lg:var(--wd-font-size-4);--wd-btn-line-height-lg:1.5;--wd-btn-min-height-lg:40px;--wd-btn-icon-space-sm:var(--wd-space-base);--wd-btn-icon-space-md:calc(var(--wd-space-base) * 2);--wd-btn-icon-space-lg:calc(var(--wd-space-base) * 3);--wd-btn-icon-size-sm:calc(var(--wd-btn-font-size-sm) + 0.125rem);--wd-btn-icon-size-md:calc(var(--wd-btn-font-size-md) + 0.125rem);--wd-btn-icon-size-lg:calc(var(--wd-btn-font-size-lg) + 0.25rem);--wd-btn-border-radius:var(--wd-border-radius);--wd-btn-color-text:var(--wd-color-text-default);--wd-btn-color-text-inverse:var(--wd-color-text-inverse);--wd-btn-color-text-hover:var(--wd-color-text-default);--wd-btn-color-text-active:var(--wd-color-text-default);--wd-btn-color-text-focus:var(--wd-color-text-default);--wd-btn-color-text-disabled:var(--wd-color-text-disabled);--wd-btn-color-brand:var(--wd-color-brand);--wd-btn-color-brand-hover:var(--wd-color-brand-hover);--wd-btn-color-brand-active:var(--wd-color-brand-active);--wd-btn-color-brand-focus:var(--wd-color-brand-focus);--wd-btn-color-brand-disabled:var(--wd-color-brand-disabled);--wd-btn-color-warning:var(--wd-color-warning);--wd-btn-color-warning-hover:var(--wd-color-warning-hover);--wd-btn-color-warning-active:var(--wd-color-warning-active);--wd-btn-color-warning-focus:var(--wd-color-warning-focus);--wd-btn-color-warning-disabled:var(--wd-color-warning-disabled);--wd-btn-color-error:var(--wd-color-error);--wd-btn-color-error-hover:var(--wd-color-error-hover);--wd-btn-color-error-active:var(--wd-color-error-active);--wd-btn-color-error-focus:var(--wd-color-error-focus);--wd-btn-color-error-disabled:var(--wd-color-error-disabled);--wd-btn-color-gray:var(
     --wd-color-gray-1

package/dist/web/components/wd-form-item/wd-form-item-read-only.d.ts

@@ -8,6 +8,7 @@ interface IWdFormItemReadOnly {
     readBeforeAfter?: boolean;
     format?: string;
     value?: any;
+    enableRelationTag?: boolean;
     onRelationTagClick?: () => void;
 }
 /**

package/dist/web/components/wd-form-item/wd-form-item-read-only.js

@@ -10,7 +10,7 @@ import { isFormatWithRelation } from '../form/select/formats-util';
  */
 export function WdFormItemReadOnly(props) {
     const ctx = useRecycle();
-    const { readValue, readOnly, version, readBeforeAfter, before, after, format, onRelationTagClick = undefined, value, } = Object.assign({}, ctx, props);
+    const { readValue, readOnly, version, readBeforeAfter, before, after, format, enableRelationTag, onRelationTagClick = undefined, value, } = Object.assign({}, ctx, props);
     const platform = usePlatform();
     const { classPrefix } = useConfig();
     const item = `${classPrefix}-form-item`;
@@ -20,7 +20,7 @@ export function WdFormItemReadOnly(props) {
     const _after = useMemo(() => readBeforeAfter && textToString(after), [after, readBeforeAfter]);
     const isRelation = isFormatWithRelation(format);
     const isXEnum = 'x-enum' === format;
-    return readOnly && version === 'wd' ? (_jsxs("div", { className: cls, children: [_before && _jsx("span", { className: `${item}__readonly-before`, children: _before }), _jsx("span", { className: `${item}__readonly-value`, children: isRelation && _readValue ? (_jsx(WdTag, { range: _readValue === null || _readValue === void 0 ? void 0 : _readValue.split(',').map((i, index) => ({
+    return readOnly && version === 'wd' ? (_jsxs("div", { className: cls, children: [_before && _jsx("span", { className: `${item}__readonly-before`, children: _before }), _jsx("span", { className: `${item}__readonly-value`, children: enableRelationTag && isRelation && _readValue ? (_jsx(WdTag, { range: _readValue === null || _readValue === void 0 ? void 0 : _readValue.split(',').map((i, index) => ({
                         label: i,
                         value: Array.isArray(value) ? value[index] : value,
                         prefixType: !isXEnum && 'inner',

package/dist/web/components/wd-select/relationSelect/relationSelect.js

@@ -39,7 +39,10 @@ const OptionText = ({ mode, option, selectFields, authFields, onChange, onRelati
             if (platform === 'pc' && mode !== 'multiple') {
                 e.stopPropagation();
                 e.preventDefault();
-                onChange === null || onChange === void 0 ? void 0 : onChange(option === null || option === void 0 ? void 0 : option.value);
+                onChange === null || onChange === void 0 ? void 0 : onChange(option === null || option === void 0 ? void 0 : option.value, {
+                    event: e,
+                    option,
+                });
             }
         }, children: [_jsxs("div", { className: "wd-relation-select-header", children: [_jsx("p", { className: "wd-relation-select-header-text", children: (option === null || option === void 0 ? void 0 : option.label) || (option === null || option === void 0 ? void 0 : option.value) }), enableRelationOptionJump && (_jsx("span", { onClick: () => {
                             onRelationOptionJump({ item: option });

package/dist/web/components/wd-select/select/selectUI.js

@@ -9,6 +9,7 @@ import { usePlatform, textToString } from '../../../utils/platform';
 import { useSyncValue } from '../../../utils/hooks/useSyncValue';
 import isObjectEqual from '../../../utils/isObjectEqual';
 import AllEmpty from '../../form/select/status/allEmpty';
+import { X_RUNTIME_DEFAULT } from '../../../../configs/type-utils/x-runtime-default';
 import '../style';
 const OptionList = ({ options, inputFocus, currentSelected, optionClick, bottomTips, onScrollBottom }) => {
     return (_jsxs(List, { className: "weda-ui-custom-picker__cloumn", style: {
@@ -20,7 +21,7 @@ const OptionList = ({ options, inputFocus, currentSelected, optionClick, bottomT
                     'is-selected': currentSelected.find((i) => i.value === item.value),
                     'is-disabled': item.disabled,
                 });
-                return (_jsx(List.Item, { className: itemCls, onClick: () => optionClick(item), children: _jsx("p", { className: 'weda-ui-custom-picker__cloumn-item-text', children: item.text || item.label }) }, index));
+                return (_jsx(List.Item, { className: itemCls, onClick: (e) => optionClick(item, e), children: _jsx("p", { className: 'weda-ui-custom-picker__cloumn-item-text', children: item.text || item.label }) }, index));
             }), bottomTips && (_jsx(List.Item, { children: _jsx("div", { className: "weda-ui-custom-picker__status weda-ui-custom-picker__status--empty", children: bottomTips }) }))] }));
 };
 const getSelectedItem = (options = [], value) => {
@@ -93,7 +94,7 @@ function SelectH5(props) {
     };
     const handleOk = () => {
         const selectedVal = currentSelected === null || currentSelected === void 0 ? void 0 : currentSelected.map((i) => i.value);
-        onChange(isMultiple ? selectedVal : selectedVal[0]);
+        onChange(isMultiple ? selectedVal : selectedVal[0], { options: currentSelected });
         setVisible(false);
     };
     // 处理当前选中值
@@ -109,13 +110,13 @@ function SelectH5(props) {
         }
         return [...currentSelected, item];
     };
-    const optionClick = (item) => {
+    const optionClick = (item, e) => {
         if (item.disabled)
             return;
         setInputFocus(false);
         if (!isMultiple) {
             // 单选直接关弹窗
-            onChange(item.value);
+            onChange(item.value, { event: e, option: item });
             setCurrentSelected([item]);
             setVisible(false);
         }
@@ -137,7 +138,7 @@ function SelectH5(props) {
                                     }, children: _jsx(OptionList, { onScrollBottom: onScrollBottom, options: customOptions, inputFocus: inputFocus, currentSelected: currentSelected, optionClick: optionClick, bottomTips: bottomTips }) }), footer] })) })] })] }));
 }
 export function SelectUI(props) {
-    const { placeholder, size, disabled, onChange, onSearch, searchable, options = [], value, footer, overlayClassName, onOpen, onScrollBottom, tips, bottomTips, mode, format, readOnly, setAllOption, listHeight, listWidth, popupContainer, searchPlaceholder = '搜索选项', matchButtonWidth = true, ...restProps } = props;
+    const { placeholder, size, disabled, onChange, onSearch, searchable, options = [], value, footer, overlayClassName, onOpen, onScrollBottom, tips, bottomTips, mode, format, readOnly, setAllOption, listHeight, listWidth, popupContainer, searchPlaceholder = '搜索选项', matchButtonWidth = true, enableRelationTag = X_RUNTIME_DEFAULT.enableRelationTag, ...restProps } = props;
     const platform = usePlatform();
     const [currentOption] = useSyncValue((options === null || options === void 0 ? void 0 : options.map(({ label, value }) => ({ label, value }))) || [], isObjectEqual);
     // 更新option，从而更新最新的选项值
@@ -169,7 +170,10 @@ export function SelectUI(props) {
                         return _jsx("div", { className: "wedatea2td-text-weak", children: placeholder });
                     }
                     return selectedItem.map((i) => (i === null || i === void 0 ? void 0 : i.label) || i.value).join(',');
-                }, staging: false, overlayClassName: `${overlayClassName} multiple`, searchable: searchable, matchButtonWidth: matchButtonWidth, placeholder: placeholder, searchPlaceholder: searchPlaceholder, appearance: 'button', size: size, disabled: disabled, autoClearSearchValue: true, options: options === null || options === void 0 ? void 0 : options.map((i) => ({ ...i, text: i.text || i.label })), value: Array.isArray(value) ? value : [], onChange: onChange, onSearch: onSearch, footer: footer, onOpen: onOpen, onScrollBottom: onScrollBottom, bottomTips: bottomTips, tips: tips, listHeight: listHeight, listWidth: listWidth }));
+                }, staging: false, overlayClassName: `${overlayClassName} multiple`, searchable: searchable, matchButtonWidth: matchButtonWidth, placeholder: placeholder, searchPlaceholder: searchPlaceholder, appearance: 'button', size: size, disabled: disabled, autoClearSearchValue: true, options: options === null || options === void 0 ? void 0 : options.map((i) => ({ ...i, text: i.text || i.label })), value: Array.isArray(value) ? value : [], onChange: (v, context) => {
+                    const _options = v === null || v === void 0 ? void 0 : v.map((item) => options === null || options === void 0 ? void 0 : options.find((i) => i.value === item));
+                    onChange(v, { ...context, options: _options });
+                }, onSearch: onSearch, footer: footer, onOpen: onOpen, onScrollBottom: onScrollBottom, bottomTips: bottomTips, tips: tips, listHeight: listHeight, listWidth: listWidth }));
         }
         else {
             return (_jsx(Select, { ...restProps, popupContainer: popupContainer, button: (selectedItem) => {
@@ -180,5 +184,5 @@ export function SelectUI(props) {
                 }, overlayClassName: overlayClassName, searchable: searchable, matchButtonWidth: matchButtonWidth, placeholder: placeholder, searchPlaceholder: searchPlaceholder, appearance: 'button', size: size, disabled: disabled, autoClearSearchValue: true, options: options === null || options === void 0 ? void 0 : options.map((i) => ({ ...i, text: i.text || i.label })), value: value, onChange: onChange, onSearch: onSearch, footer: footer, onOpen: onOpen, onScrollBottom: onScrollBottom, bottomTips: bottomTips, tips: tips, listHeight: listHeight, listWidth: listWidth }));
         }
     };
-    return (_jsx(WdFormItemReadOnly, { after: props.after, before: props.before, onRelationTagClick: props.onRelationTagClick, readBeforeAfter: true, readOnly: readOnly, readValue: readValue, format: format, value: value, version: 'wd', children: _jsx("div", { "data-testid": isMultiple ? 'form-item-select-multiple-pc' : 'form-select', className: isMultiple ? 'form-select-multiple-pc' : 'form-select-pc', children: render() }) }));
+    return (_jsx(WdFormItemReadOnly, { after: props.after, before: props.before, onRelationTagClick: props.onRelationTagClick, readBeforeAfter: true, readOnly: readOnly, readValue: readValue, format: format, value: value, version: 'wd', enableRelationTag: enableRelationTag, children: _jsx("div", { "data-testid": isMultiple ? 'form-item-select-multiple-pc' : 'form-select', className: isMultiple ? 'form-select-multiple-pc' : 'form-select-pc', children: render() }) }));
 }

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

@@ -40,10 +40,10 @@ export const WdSelect = forwardRef(function WsSelect(props, ref) {
         onChange === null || onChange === void 0 ? void 0 : onChange(v);
         (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.change) === null || _a === void 0 ? void 0 : _a.call(delayEvents, { value: v });
     }, [onChange, delayEvents]);
-    const handleChange = (v) => {
+    const handleChange = (v, context) => {
         var _a;
         onChange === null || onChange === void 0 ? void 0 : onChange(v);
-        (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.change) === null || _a === void 0 ? void 0 : _a.call(delayEvents, { value: v });
+        (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.change) === null || _a === void 0 ? void 0 : _a.call(delayEvents, { value: v, context });
     };
     const clearProps = useHandleClear({
         onChange: onClearChange,

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

@@ -48,10 +48,10 @@ export const WdSelectMultiple = forwardRef(function WdSelectMultiple(props, ref)
         disabled,
         value,
     });
-    const handleChange = (v) => {
+    const handleChange = (v, context) => {
         var _a;
         onChange === null || onChange === void 0 ? void 0 : onChange(v);
-        (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.change) === null || _a === void 0 ? void 0 : _a.call(delayEvents, { value: v });
+        (_a = delayEvents === null || delayEvents === void 0 ? void 0 : delayEvents.change) === null || _a === void 0 ? void 0 : _a.call(delayEvents, { value: v, context });
     };
     const isRelation = isFormatWithRelation(format);
     const LabelAdornment = isRelation && (_jsx(RelationalSetting, { size: props.size, refresh: () => {

package/dist/web/components/wd-store-home/index.d.ts

@@ -2,7 +2,7 @@
 import type { CommonPropsType } from '../../types';
 import type { DataType } from '../../../configs/components/wd-store-home';
 import './style';
-export type PropsType = CommonPropsType;
-export default function WdStoreHome(): JSX.Element;
-export interface WdStoreHomeProps extends CommonPropsType, DataType {
+export default function WdStoreHome({ className, id }: WdStoreHomeProps): JSX.Element;
+interface WdStoreHomeProps extends CommonPropsType, DataType {
 }
+export { type WdStoreHomeProps };

package/dist/web/components/wd-store-home/index.js

@@ -1,6 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ConfigProvider, Bubble } from 'tea-component';
+import { useCanPreview } from '../../utils/hooks/useCanPreview';
+import { useConfig } from '../../utils/config-context';
 import './style';
-export default function WdStoreHome() {
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { placement: "auto", openDelay: 300, content: _jsxs(_Fragment, { children: ["\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C\u3002", _jsx("br", {}), _jsx("a", { href: "https://developers.weixin.qq.com/miniprogram/dev/component/store-home.html", target: "_blank", rel: "noreferrer", children: "\u67E5\u770B\u8BF4\u660E" })] }), children: _jsxs("div", { className: "wd-store-home__wrap", children: [_jsxs("div", { className: "wd-store-home__content", children: [_jsx("img", { className: "wd-store-home__img", src: "https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg", alt: "" }), _jsxs("div", { children: [_jsx("p", { className: "wd-store-home__title", children: "\u5C0F\u5E97\u540D\u79F0" }), _jsx("p", { className: "wd-store-home__label", children: "\u5C0F\u5E97\u7B80\u4ECB" })] })] }), _jsxs("div", { className: "wd-store-home__footer", children: [_jsx("i", { className: "wd-store-home__icon" }), "\u5C0F\u5E97\u540D\u79F0"] })] }) }) }));
+export default function WdStoreHome({ className, id }) {
+    const { classPrefix } = useConfig();
+    const canPreview = useCanPreview();
+    if (!canPreview)
+        return null;
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { placement: "auto", openDelay: 300, content: _jsxs(_Fragment, { children: ["\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C\u3002", _jsx("br", {}), _jsx("a", { href: "https://developers.weixin.qq.com/miniprogram/dev/component/store-home.html", target: "_blank", rel: "noreferrer", children: "\u67E5\u770B\u8BF4\u660E" })] }), children: _jsxs("div", { className: `${className} ${classPrefix}-store-home__wrap`, id: id, children: [_jsxs("div", { className: `${classPrefix}-store-home__content`, children: [_jsx("img", { className: `${classPrefix}-store-home__img`, src: "https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg", alt: "" }), _jsxs("div", { children: [_jsx("p", { className: `${classPrefix}-store-home__title`, children: "\u5C0F\u5E97\u540D\u79F0" }), _jsx("p", { className: `${classPrefix}-store-home__label`, children: "\u5C0F\u5E97\u7B80\u4ECB" })] })] }), _jsxs("div", { className: `${classPrefix}-store-home__footer`, children: [_jsx("i", { className: `${classPrefix}-store-home__icon` }), "\u5C0F\u5E97\u540D\u79F0"] })] }) }) }));
 }

package/dist/web/components/wd-store-product/index.d.ts

@@ -2,7 +2,7 @@
 import type { CommonPropsType } from '../../types';
 import type { DataType } from '../../../configs/components/wd-store-product';
 import './style';
-export type PropsType = CommonPropsType;
-export default function WdStoreProduct(): JSX.Element;
-export interface WdStoreProductProps extends CommonPropsType, DataType {
+export default function WdStoreProduct({ className, id }: WdStoreProductProps): JSX.Element;
+interface WdStoreProductProps extends CommonPropsType, DataType {
 }
+export { type WdStoreProductProps };

package/dist/web/components/wd-store-product/index.js

@@ -2,6 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { ConfigProvider, Bubble } from 'tea-component';
 import './style';
 import WdButton from '../wd-button';
-export default function WdStoreProduct() {
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { placement: "auto", openDelay: 300, content: _jsxs(_Fragment, { children: ["\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C\u3002", _jsx("br", {}), _jsx("a", { href: "https://developers.weixin.qq.com/miniprogram/dev/component/store-product.html", target: "_blank", rel: "noreferrer", children: "\u67E5\u770B\u8BF4\u660E" })] }), children: _jsxs("div", { className: "wd-store-product__wrap", children: [_jsxs("div", { className: "wd-store-home__content", children: [_jsx("img", { className: "wd-store-product__img", src: "https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg", alt: "" }), _jsxs("div", { className: "wd-store-product__text", children: [_jsxs("div", { children: [_jsx("p", { className: "wd-store-home__title", children: "\u5546\u54C1\u540D\u79F0" }), _jsx("span", { className: "wd-store-home__label", children: "\u5546\u54C1\u6807\u7B7E" })] }), _jsxs("div", { className: "wd-store-product__text__footer", children: [_jsx("p", { className: "price", children: "\u00A5\u4EF7\u683C \u8D77" }), " ", _jsx(WdButton, { text: "\u8D2D\u4E70" })] })] })] }), _jsxs("div", { className: "wd-store-home__footer", children: [_jsx("i", { className: "wd-store-home__icon" }), "\u5C0F\u5E97\u540D\u79F0"] })] }) }) }));
+import { useCanPreview } from '../../utils/hooks/useCanPreview';
+import { useConfig } from '../../utils/config-context';
+export default function WdStoreProduct({ className, id }) {
+    const { classPrefix } = useConfig();
+    const canPreview = useCanPreview();
+    if (!canPreview)
+        return null;
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { placement: "auto", openDelay: 300, content: _jsxs(_Fragment, { children: ["\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C\u3002", _jsx("br", {}), _jsx("a", { href: "https://developers.weixin.qq.com/miniprogram/dev/component/store-product.html", target: "_blank", rel: "noreferrer", children: "\u67E5\u770B\u8BF4\u660E" })] }), children: _jsxs("div", { className: `${className} ${classPrefix}-store-product__wrap`, id: id, children: [_jsxs("div", { className: `${classPrefix}-store-home__content`, children: [_jsx("img", { className: `${classPrefix}-store-product__img`, src: "https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg", alt: "" }), _jsxs("div", { className: `${classPrefix}-store-product__text`, children: [_jsxs("div", { children: [_jsx("p", { className: `${classPrefix}-store-home__title`, children: "\u5546\u54C1\u540D\u79F0" }), _jsx("span", { className: `${classPrefix}-store-home__label`, children: "\u5546\u54C1\u6807\u7B7E" })] }), _jsxs("div", { className: `${classPrefix}-store-product__text__footer`, children: [_jsx("p", { className: "price", children: "\u00A5\u4EF7\u683C \u8D77" }), " ", _jsx(WdButton, { text: "\u8D2D\u4E70" })] })] })] }), _jsxs("div", { className: `${classPrefix}-store-home__footer`, children: [_jsx("i", { className: `${classPrefix}-store-home__icon` }), "\u5C0F\u5E97\u540D\u79F0"] })] }) }) }));
 }

package/dist/web/components/wd-table/hooks/useChooseList.js

@@ -34,7 +34,8 @@ export const getDataBaseInfo = (fields, format, childDbName) => {
     return dataBase;
 };
 export const mapResult = (records, primaryColumn) => {
-    return records === null || records === void 0 ? void 0 : records.map((childItem) => ({
+    var _a;
+    return (_a = records === null || records === void 0 ? void 0 : records.filter((i) => i._id)) === null || _a === void 0 ? void 0 : _a.map((childItem) => ({
         _id: childItem._id,
         value: childItem._id,
         text: childItem[primaryColumn] ? childItem[primaryColumn] : childItem._id,

package/dist/web/components/wd-table/wd-table.js

@@ -73,7 +73,8 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
     isSuspendFooter = true, // 是否分页器在页面底部悬停
     isSupportMultipleSort = false, // 是否支持多字段排序
     sorter, // 排序规则
-    __innerSlot, ...props } = tableProps;
+    __innerSlot, enableRelationTag = true, // 关联关系字段是否开启关联标签
+    ...props } = tableProps;
     const wList = convertWhere(props, supportManyRelated); // 查询参数
     const { classPrefix } = useConfig();
     const platform = usePlatform();
@@ -211,6 +212,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
             fixedEnd,
             isH5,
             supportManyRelated,
+            showRelationWithTag: enableRelationTag,
         });
         // 操作列
         if (enableCellCustomOption && !isH5) {
@@ -259,11 +261,12 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
         fixedFront,
         fixedEnd,
         isH5,
+        supportManyRelated,
+        enableRelationTag,
         enableCellCustomOption,
-        customOptionTitle,
         columnSelectType,
+        customOptionTitle,
         classPrefix,
-        supportManyRelated,
         resizeColumns,
     ]);
     // 主键

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.13.0",
+  "version": "3.13.1",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",