@cloudbase/weda-ui 3.13.0 → 3.13.2

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/components/wd-upload-image.d.ts

@@ -104,11 +104,16 @@ declare const config: {
         visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     }>;
-    classes: {
+    classes: ({
         name: string;
         selector: string;
         description: string;
-    }[];
+    } | {
+        name: string;
+        selector: string;
+        description: string;
+        code: string;
+    })[];
     methods: {
         name: string;
         label: string;

package/dist/configs/components/wd-upload-image.js

@@ -122,24 +122,58 @@ const classes = [
     ...getFormItemClasses('upload-image', { isInput: false }),
     ...[
         {
-            name: '图片上传前的容器样式',
+            name: 'PC端图片上传点击区域容器样式',
+            selector: `.weda-uploader-btn__box`,
+            description: 'PC端图片上传点击区域容器样式',
+            code: `
+      :scope .weda-uploader-btn__box {
+        background: #fafafa;
+        border:1px dashed #d9d9d9 !important;
+        border-radius: 10px;
+      }
+      `,
+        },
+        {
+            name: 'H5、小程序端图片上传点击区域容器样式',
             selector: `.weui-uploader__input-box`,
-            description: '图片上传前的背景框样式',
+            description: 'H5、小程序端图片上传点击区域容器样式',
+            code: `
+      :scope .weui-uploader__input-box {
+        background: #fff;
+        border:1px dashed #d9d9d9;
+      }
+      `,
         },
         {
-            name: '图片上传的 + 号竖线样式',
+            name: 'H5、小程序端图片上传的 + 号竖线样式',
             selector: `.weui-uploader__input-box::before `,
             description: '图片上传的 + 号竖线样式',
+            code: `
+      :scope .weui-uploader__input-box::before {
+        background: #fff;
+        content: '+';
+        width: 10px;
+        top:40%;
+      }
+      `,
         },
         {
-            name: '图片上传的 + 号横线样式',
+            name: 'H5、小程序端图片上传的 + 号横线样式',
             selector: `.weui-uploader__input-box::after `,
             description: '图片上传的 + 号横线样式',
+            code: `
+      :scope .weui-uploader__input-box::after {
+        background: #fff;
+        width: 50px;
+        content: '上传图片';
+        font-size: 12px;
+      }
+      `,
         },
         {
-            name: '图片上传后的容器样式',
+            name: 'H5、小程序端图片展示容器样式',
             selector: `weui-uploader__file`,
-            description: '图片上传后的容器样式',
+            description: 'H5、小程序端图片展示容器样式',
         },
     ],
 ];

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";
@@ -15700,11 +15718,16 @@ export declare const components: {
             visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
             readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         }>;
-        classes: {
+        classes: ({
             name: string;
             selector: string;
             description: string;
-        }[];
+        } | {
+            name: string;
+            selector: string;
+            description: string;
+            code: string;
+        })[];
         methods: {
             name: string;
             label: string;
@@ -19582,7 +19605,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 +31476,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 +33590,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 +33718,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 +33859,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 +34003,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";
@@ -35217,11 +35258,16 @@ declare const _default: {
                 visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
                 readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
             }>;
-            classes: {
+            classes: ({
                 name: string;
                 selector: string;
                 description: string;
-            }[];
+            } | {
+                name: string;
+                selector: string;
+                description: string;
+                code: string;
+            })[];
             methods: {
                 name: string;
                 label: string;

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

@@ -134,7 +134,7 @@ export const getClasses = (classRoot, options = {}) => {
         input_edit: {
             name: `编辑态-${kind}样式`,
             selector: `${ROOT_SELECTOR} .wd-form-input-wrap`,
-            description: '组件边框、边距样式',
+            description: '组件边框、边距样式、背景色、字体大小、字体颜色等',
             code: `
             :scope .wd-form-input-wrap {
               font-size: 20px;

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: '支持批量上传',