@cloudbase/weda-ui 3.17.2 → 3.17.4

package/dist/configs/components/container.js

@@ -7,7 +7,8 @@ const data = Type.Object({
     })),
     data: Type.Optional(Type.Record(Type.String(), Type.Unknown(), {
         title: '数据',
-        description: '可通过 $w.<id>.data 引用到',
+        description: '该属性用于区块动态项配置，可通过 $w.<id>.data 引用到',
+        'x-helper-text': '该属性用于区块动态项配置，[详情参考区块动态项配置使用指引](kehttps://cloud.tencent.com/document/product/1301/90229)',
         default: {},
     })),
 });

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

@@ -38,6 +38,46 @@ const data = Type.Partial(Type.Object({
                 target: '*(multiton,disableFallbackSharePage)',
                 condition: '{{$self.value === "rewardedVideoAd"}}',
             },
+            {
+                type: 'value:schema',
+                target: 'unitId',
+                condition: '{{$self.value !== "rewardedVideoAd"}}',
+                schema: {
+                    'x-props': {
+                        'data-hidebind': false,
+                    },
+                },
+            },
+            {
+                type: 'value:schema',
+                target: 'unitId',
+                condition: '{{$self.value === "rewardedVideoAd"}}',
+                schema: {
+                    'x-props': {
+                        'data-hidebind': true,
+                    },
+                },
+            },
+            {
+                type: 'value:schema',
+                target: 'multiton',
+                condition: '{{$self.value === "rewardedVideoAd"}}',
+                schema: {
+                    'x-props': {
+                        'data-hidebind': true,
+                    },
+                },
+            },
+            {
+                type: 'value:schema',
+                target: 'disableFallbackSharePage',
+                condition: '{{$self.value === "rewardedVideoAd"}}',
+                schema: {
+                    'x-props': {
+                        'data-hidebind': true,
+                    },
+                },
+            },
         ],
     }),
     unitId: Type.String({

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

@@ -31,7 +31,27 @@ declare const config: {
         }>>>;
         initVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     }>;
-    readonly classes: readonly [];
+    readonly classes: readonly [{
+        readonly name: "根元素";
+        readonly selector: ".weda-calendar";
+        readonly description: "日历组件根元素";
+        readonly code: ":scope.weda-calendar {\n        /* 在这里编写CSS 样式*/\n          width: 400px;\n          min-width: 400px;\n          background-color: antiquewhite;\n      } ";
+    }, {
+        readonly name: "日历容器";
+        readonly selector: ".weda-calendar__table";
+        readonly description: "日历组件根元素";
+        readonly code: ":scope .weda-calendar__table  {\n        /* 在这里编写CSS 样式*/\n      } ";
+    }, {
+        readonly name: "日历行";
+        readonly selector: ".weda-calendar__table-body-row";
+        readonly description: "日历组件根元素";
+        readonly code: ":scope .weda-calendar__table  .weda-calendar__table-body-row{\n        /* 在这里编写CSS 样式*/\n\n      } ";
+    }, {
+        readonly name: "日历列";
+        readonly selector: ".weda-calendar__table-body-cell";
+        readonly description: "日历组件根元素";
+        readonly code: ":scope .weda-calendar__table  .weda-calendar__table-body-cell{\n        /* 在这里编写CSS 样式*/\n          width: 30px;\n          height: 30px;\n      } ";
+    }];
     readonly events: readonly [{
         readonly name: "change";
         readonly title: "选中日期";

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

@@ -70,7 +70,46 @@ const config = defineConfig({
     $schema: 'https://comp-public-replace-1303824488-cos.weda.tencent.com/schema/lcds_component.json',
     data,
     properties,
-    classes: [],
+    classes: [
+        {
+            name: '根元素',
+            selector: '.weda-calendar',
+            description: '日历组件根元素',
+            code: `:scope.weda-calendar {
+        /* 在这里编写CSS 样式*/
+          width: 400px;
+          min-width: 400px;
+          background-color: antiquewhite;
+      } `,
+        },
+        {
+            name: '日历容器',
+            selector: '.weda-calendar__table',
+            description: '日历组件根元素',
+            code: `:scope .weda-calendar__table  {
+        /* 在这里编写CSS 样式*/
+      } `,
+        },
+        {
+            name: '日历行',
+            selector: '.weda-calendar__table-body-row',
+            description: '日历组件根元素',
+            code: `:scope .weda-calendar__table  .weda-calendar__table-body-row{
+        /* 在这里编写CSS 样式*/
+
+      } `,
+        },
+        {
+            name: '日历列',
+            selector: '.weda-calendar__table-body-cell',
+            description: '日历组件根元素',
+            code: `:scope .weda-calendar__table  .weda-calendar__table-body-cell{
+        /* 在这里编写CSS 样式*/
+          width: 30px;
+          height: 30px;
+      } `,
+        },
+    ],
     events: [
         {
             name: 'change',

package/dist/configs/components/wd-side-tab.d.ts

@@ -77,12 +77,24 @@ declare const config: {
         readonly description: "可以为侧边选项卡文本标签容器编写样式";
     }, {
         readonly name: "选中态的标签容器";
-        readonly selector: ".wd-side-tab-root .wd-tabs__item.is-selected";
+        readonly selector: ".wd-side-tab-root.wd-tabs--vertical  .wd-tabs__item.is-selected";
         readonly description: "可以为侧边选项卡选中的标签容器编写样式";
+        readonly code: ":scope.wd-side-tab-root.wd-tabs--vertical  .wd-tabs__item.is-selected {\n        /* 在这里编写CSS 样式*/\n            color: yellow;\n            font-size: 20px;\n      } ";
     }, {
         readonly name: "文本标签";
         readonly selector: ".wd-side-tab-root .wd-tabs__item-text";
         readonly description: "可以为侧边选项卡文本标签编写样式";
+        readonly code: ":scope.wd-side-tab-root .wd-tabs__item-text {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n      } ";
+    }, {
+        readonly name: "选项图标（图片）";
+        readonly selector: ".wd-side-tab-root .wd-tabs__item .wd-image";
+        readonly description: "可以为选项文本标签设置样式";
+        readonly code: ":scope.wd-side-tab-root .wd-tabs__item .wd-image {\n        /* 在这里编写CSS 样式 */\n            width: 20px;\n            height: 20px;\n      } ";
+    }, {
+        readonly name: "选项图标（图标）";
+        readonly selector: ".wd-side-tab-root .wd-tabs__item .wd-icon";
+        readonly description: "可以为选项文本标签设置样式";
+        readonly code: ":scope.wd-side-tab-root .wd-tabs__item .wd-icon {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n            color: red;\n      } ";
     }, {
         readonly name: "右侧内容区域";
         readonly selector: ".wd-side-tab-root .wd-tabs__body";

package/dist/configs/components/wd-side-tab.js

@@ -400,13 +400,42 @@ const config = defineConfig({
         },
         {
             name: '选中态的标签容器',
-            selector: '.wd-side-tab-root .wd-tabs__item.is-selected',
+            selector: '.wd-side-tab-root.wd-tabs--vertical  .wd-tabs__item.is-selected',
             description: '可以为侧边选项卡选中的标签容器编写样式',
+            code: `:scope.wd-side-tab-root.wd-tabs--vertical  .wd-tabs__item.is-selected {
+        /* 在这里编写CSS 样式*/
+            color: yellow;
+            font-size: 20px;
+      } `,
         },
         {
             name: '文本标签',
             selector: '.wd-side-tab-root .wd-tabs__item-text',
             description: '可以为侧边选项卡文本标签编写样式',
+            code: `:scope.wd-side-tab-root .wd-tabs__item-text {
+        /* 在这里编写CSS 样式 */
+            font-size: 20px;
+      } `,
+        },
+        {
+            name: '选项图标（图片）',
+            selector: '.wd-side-tab-root .wd-tabs__item .wd-image',
+            description: '可以为选项文本标签设置样式',
+            code: `:scope.wd-side-tab-root .wd-tabs__item .wd-image {
+        /* 在这里编写CSS 样式 */
+            width: 20px;
+            height: 20px;
+      } `,
+        },
+        {
+            name: '选项图标（图标）',
+            selector: '.wd-side-tab-root .wd-tabs__item .wd-icon',
+            description: '可以为选项文本标签设置样式',
+            code: `:scope.wd-side-tab-root .wd-tabs__item .wd-icon {
+        /* 在这里编写CSS 样式 */
+            font-size: 20px;
+            color: red;
+      } `,
         },
         {
             name: '右侧内容区域',

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

@@ -146,17 +146,30 @@ declare const config: {
         readonly selector: ".wd-mp-tabbar";
         readonly description: "可以为 小程序 端的编写样式";
     }, {
-        readonly name: "单个选项区域";
+        readonly name: "文本标签容器";
         readonly selector: ".wd-tabbar__item";
         readonly description: "可以为选项区设置样式";
+        readonly code: ":scope .wd-tabbar__item {\n        /* 在这里编写CSS 样式*/\n            color: red;\n            font-size: 20px;\n      } ";
     }, {
-        readonly name: "选中选项区域";
+        readonly name: "选中态的标签容器";
         readonly selector: ".wd-tabbar__item.is-selected";
         readonly description: "可以为选中选项区域设置样式";
+        readonly code: ":scope .wd-tabbar__item.is-selected {\n        /* 在这里编写CSS 样式*/\n            color: yellow;\n            font-size: 20px;\n      } ";
     }, {
         readonly name: "选项文本标签";
         readonly selector: ".wd-tabbar__item-text";
         readonly description: "可以为选项文本标签设置样式";
+        readonly code: ":scope .wd-tabbar__item-text {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n      } ";
+    }, {
+        readonly name: "选项图标（图片）";
+        readonly selector: ".wd-tabbar__item .wd-image";
+        readonly description: "可以为选项文本标签设置样式";
+        readonly code: ":scope .wd-tabbar__item .wd-image {\n        /* 在这里编写CSS 样式 */\n            width: 20px;\n            height: 20px;\n      } ";
+    }, {
+        readonly name: "选项图标（图标）";
+        readonly selector: ".wd-tabbar__item .wd-icon";
+        readonly description: "可以为选项文本标签设置样式";
+        readonly code: ":scope .wd-tabbar__item .wd-icon {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n            color: red;\n      } ";
     }];
     readonly methods: readonly [{
         readonly name: "setSelectTab";

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

@@ -136,19 +136,53 @@ const config = defineConfig({
             description: '可以为 小程序 端的编写样式',
         },
         {
-            name: '单个选项区域',
+            name: '文本标签容器',
             selector: '.wd-tabbar__item',
             description: '可以为选项区设置样式',
+            code: `:scope .wd-tabbar__item {
+        /* 在这里编写CSS 样式*/
+            color: red;
+            font-size: 20px;
+      } `,
         },
         {
-            name: '选中选项区域',
+            name: '选中态的标签容器',
             selector: '.wd-tabbar__item.is-selected',
             description: '可以为选中选项区域设置样式',
+            code: `:scope .wd-tabbar__item.is-selected {
+        /* 在这里编写CSS 样式*/
+            color: yellow;
+            font-size: 20px;
+      } `,
         },
         {
             name: '选项文本标签',
             selector: '.wd-tabbar__item-text',
             description: '可以为选项文本标签设置样式',
+            code: `:scope .wd-tabbar__item-text {
+        /* 在这里编写CSS 样式 */
+            font-size: 20px;
+      } `,
+        },
+        {
+            name: '选项图标（图片）',
+            selector: '.wd-tabbar__item .wd-image',
+            description: '可以为选项文本标签设置样式',
+            code: `:scope .wd-tabbar__item .wd-image {
+        /* 在这里编写CSS 样式 */
+            width: 20px;
+            height: 20px;
+      } `,
+        },
+        {
+            name: '选项图标（图标）',
+            selector: '.wd-tabbar__item .wd-icon',
+            description: '可以为选项文本标签设置样式',
+            code: `:scope .wd-tabbar__item .wd-icon {
+        /* 在这里编写CSS 样式 */
+            font-size: 20px;
+            color: red;
+      } `,
         },
     ],
     methods: [

package/dist/configs/components/wd-top-tab.d.ts

@@ -79,10 +79,22 @@ declare const config: {
         readonly name: "选中态的标签容器";
         readonly selector: ".wd-top-tab-root .wd-tabs__item.is-selected";
         readonly description: "可以为顶部选项卡选中的标签容器编写样式";
+        readonly code: ":scope.wd-top-tab-root .wd-tabs__item.is-selected {\n        /* 在这里编写CSS 样式*/\n            color: yellow;\n            font-size: 20px;\n      } ";
     }, {
         readonly name: "文本标签";
         readonly selector: ".wd-top-tab-root .wd-tabs__item-text";
         readonly description: "可以为顶部选项卡文本标签编写样式";
+        readonly code: ":scope.wd-top-tab-root .wd-tabs__item-text {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n      } ";
+    }, {
+        readonly name: "选项图标（图片）";
+        readonly selector: ".wd-top-tab-root .wd-tabs__item .wd-image";
+        readonly description: "可以为选项文本标签设置样式";
+        readonly code: ":scope.wd-top-tab-root .wd-tabs__item .wd-image {\n        /* 在这里编写CSS 样式 */\n            width: 20px;\n            height: 20px;\n      } ";
+    }, {
+        readonly name: "选项图标（图标）";
+        readonly selector: ".wd-top-tab-root .wd-tabs__item .wd-icon";
+        readonly description: "可以为选项文本标签设置样式";
+        readonly code: ":scope.wd-top-tab-root .wd-tabs__item .wd-icon {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n            color: red;\n      } ";
     }, {
         readonly name: "内容区域";
         readonly selector: ".wd-top-tab-root .wd-tabs__body";

package/dist/configs/components/wd-top-tab.js

@@ -387,11 +387,40 @@ const config = defineConfig({
             name: '选中态的标签容器',
             selector: '.wd-top-tab-root .wd-tabs__item.is-selected',
             description: '可以为顶部选项卡选中的标签容器编写样式',
+            code: `:scope.wd-top-tab-root .wd-tabs__item.is-selected {
+        /* 在这里编写CSS 样式*/
+            color: yellow;
+            font-size: 20px;
+      } `,
         },
         {
             name: '文本标签',
             selector: '.wd-top-tab-root .wd-tabs__item-text',
             description: '可以为顶部选项卡文本标签编写样式',
+            code: `:scope.wd-top-tab-root .wd-tabs__item-text {
+        /* 在这里编写CSS 样式 */
+            font-size: 20px;
+      } `,
+        },
+        {
+            name: '选项图标（图片）',
+            selector: '.wd-top-tab-root .wd-tabs__item .wd-image',
+            description: '可以为选项文本标签设置样式',
+            code: `:scope.wd-top-tab-root .wd-tabs__item .wd-image {
+        /* 在这里编写CSS 样式 */
+            width: 20px;
+            height: 20px;
+      } `,
+        },
+        {
+            name: '选项图标（图标）',
+            selector: '.wd-top-tab-root .wd-tabs__item .wd-icon',
+            description: '可以为选项文本标签设置样式',
+            code: `:scope.wd-top-tab-root .wd-tabs__item .wd-icon {
+        /* 在这里编写CSS 样式 */
+            font-size: 20px;
+            color: red;
+      } `,
         },
         {
             name: '内容区域',

package/dist/configs/components/web-view.js

@@ -8,7 +8,7 @@ const data = Type.Object({
         required: true,
         'x-index': 10,
         'x-category': '基础属性',
-        'x-helper-text': `小程序端以真机调试效果为准。除关联公众号文章链接外，其他链接需配置业务域名才可生效，[详情参考](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/super/WebView#%E4%B8%9A%E5%8A%A1%E5%9F%9F%E5%90%8D%E9%85%8D%E7%BD%AE)`,
+        'x-helper-text': `小程序端以真机调试效果为准。除关联公众号文章链接外，[其他链接需配置业务域名才可生效](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/super/WebView#%E4%B8%9A%E5%8A%A1%E5%9F%9F%E5%90%8D%E9%85%8D%E7%BD%AE)`,
     }),
     allow: Type.String({
         title: 'allow',

package/dist/configs/index.d.ts

@@ -12568,12 +12568,24 @@ export declare const components: {
             readonly description: "可以为侧边选项卡文本标签容器编写样式";
         }, {
             readonly name: "选中态的标签容器";
-            readonly selector: ".wd-side-tab-root .wd-tabs__item.is-selected";
+            readonly selector: ".wd-side-tab-root.wd-tabs--vertical  .wd-tabs__item.is-selected";
             readonly description: "可以为侧边选项卡选中的标签容器编写样式";
+            readonly code: ":scope.wd-side-tab-root.wd-tabs--vertical  .wd-tabs__item.is-selected {\n        /* 在这里编写CSS 样式*/\n            color: yellow;\n            font-size: 20px;\n      } ";
         }, {
             readonly name: "文本标签";
             readonly selector: ".wd-side-tab-root .wd-tabs__item-text";
             readonly description: "可以为侧边选项卡文本标签编写样式";
+            readonly code: ":scope.wd-side-tab-root .wd-tabs__item-text {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n      } ";
+        }, {
+            readonly name: "选项图标（图片）";
+            readonly selector: ".wd-side-tab-root .wd-tabs__item .wd-image";
+            readonly description: "可以为选项文本标签设置样式";
+            readonly code: ":scope.wd-side-tab-root .wd-tabs__item .wd-image {\n        /* 在这里编写CSS 样式 */\n            width: 20px;\n            height: 20px;\n      } ";
+        }, {
+            readonly name: "选项图标（图标）";
+            readonly selector: ".wd-side-tab-root .wd-tabs__item .wd-icon";
+            readonly description: "可以为选项文本标签设置样式";
+            readonly code: ":scope.wd-side-tab-root .wd-tabs__item .wd-icon {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n            color: red;\n      } ";
         }, {
             readonly name: "右侧内容区域";
             readonly selector: ".wd-side-tab-root .wd-tabs__body";
@@ -12694,10 +12706,22 @@ export declare const components: {
             readonly name: "选中态的标签容器";
             readonly selector: ".wd-top-tab-root .wd-tabs__item.is-selected";
             readonly description: "可以为顶部选项卡选中的标签容器编写样式";
+            readonly code: ":scope.wd-top-tab-root .wd-tabs__item.is-selected {\n        /* 在这里编写CSS 样式*/\n            color: yellow;\n            font-size: 20px;\n      } ";
         }, {
             readonly name: "文本标签";
             readonly selector: ".wd-top-tab-root .wd-tabs__item-text";
             readonly description: "可以为顶部选项卡文本标签编写样式";
+            readonly code: ":scope.wd-top-tab-root .wd-tabs__item-text {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n      } ";
+        }, {
+            readonly name: "选项图标（图片）";
+            readonly selector: ".wd-top-tab-root .wd-tabs__item .wd-image";
+            readonly description: "可以为选项文本标签设置样式";
+            readonly code: ":scope.wd-top-tab-root .wd-tabs__item .wd-image {\n        /* 在这里编写CSS 样式 */\n            width: 20px;\n            height: 20px;\n      } ";
+        }, {
+            readonly name: "选项图标（图标）";
+            readonly selector: ".wd-top-tab-root .wd-tabs__item .wd-icon";
+            readonly description: "可以为选项文本标签设置样式";
+            readonly code: ":scope.wd-top-tab-root .wd-tabs__item .wd-icon {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n            color: red;\n      } ";
         }, {
             readonly name: "内容区域";
             readonly selector: ".wd-top-tab-root .wd-tabs__body";
@@ -18734,7 +18758,27 @@ export declare const components: {
             }>>>;
             initVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         }>;
-        readonly classes: readonly [];
+        readonly classes: readonly [{
+            readonly name: "根元素";
+            readonly selector: ".weda-calendar";
+            readonly description: "日历组件根元素";
+            readonly code: ":scope.weda-calendar {\n        /* 在这里编写CSS 样式*/\n          width: 400px;\n          min-width: 400px;\n          background-color: antiquewhite;\n      } ";
+        }, {
+            readonly name: "日历容器";
+            readonly selector: ".weda-calendar__table";
+            readonly description: "日历组件根元素";
+            readonly code: ":scope .weda-calendar__table  {\n        /* 在这里编写CSS 样式*/\n      } ";
+        }, {
+            readonly name: "日历行";
+            readonly selector: ".weda-calendar__table-body-row";
+            readonly description: "日历组件根元素";
+            readonly code: ":scope .weda-calendar__table  .weda-calendar__table-body-row{\n        /* 在这里编写CSS 样式*/\n\n      } ";
+        }, {
+            readonly name: "日历列";
+            readonly selector: ".weda-calendar__table-body-cell";
+            readonly description: "日历组件根元素";
+            readonly code: ":scope .weda-calendar__table  .weda-calendar__table-body-cell{\n        /* 在这里编写CSS 样式*/\n          width: 30px;\n          height: 30px;\n      } ";
+        }];
         readonly events: readonly [{
             readonly name: "change";
             readonly title: "选中日期";
@@ -18884,17 +18928,30 @@ export declare const components: {
             readonly selector: ".wd-mp-tabbar";
             readonly description: "可以为 小程序 端的编写样式";
         }, {
-            readonly name: "单个选项区域";
+            readonly name: "文本标签容器";
             readonly selector: ".wd-tabbar__item";
             readonly description: "可以为选项区设置样式";
+            readonly code: ":scope .wd-tabbar__item {\n        /* 在这里编写CSS 样式*/\n            color: red;\n            font-size: 20px;\n      } ";
         }, {
-            readonly name: "选中选项区域";
+            readonly name: "选中态的标签容器";
             readonly selector: ".wd-tabbar__item.is-selected";
             readonly description: "可以为选中选项区域设置样式";
+            readonly code: ":scope .wd-tabbar__item.is-selected {\n        /* 在这里编写CSS 样式*/\n            color: yellow;\n            font-size: 20px;\n      } ";
         }, {
             readonly name: "选项文本标签";
             readonly selector: ".wd-tabbar__item-text";
             readonly description: "可以为选项文本标签设置样式";
+            readonly code: ":scope .wd-tabbar__item-text {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n      } ";
+        }, {
+            readonly name: "选项图标（图片）";
+            readonly selector: ".wd-tabbar__item .wd-image";
+            readonly description: "可以为选项文本标签设置样式";
+            readonly code: ":scope .wd-tabbar__item .wd-image {\n        /* 在这里编写CSS 样式 */\n            width: 20px;\n            height: 20px;\n      } ";
+        }, {
+            readonly name: "选项图标（图标）";
+            readonly selector: ".wd-tabbar__item .wd-icon";
+            readonly description: "可以为选项文本标签设置样式";
+            readonly code: ":scope .wd-tabbar__item .wd-icon {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n            color: red;\n      } ";
         }];
         readonly methods: readonly [{
             readonly name: "setSelectTab";
@@ -32020,12 +32077,24 @@ declare const _default: {
                 readonly description: "可以为侧边选项卡文本标签容器编写样式";
             }, {
                 readonly name: "选中态的标签容器";
-                readonly selector: ".wd-side-tab-root .wd-tabs__item.is-selected";
+                readonly selector: ".wd-side-tab-root.wd-tabs--vertical  .wd-tabs__item.is-selected";
                 readonly description: "可以为侧边选项卡选中的标签容器编写样式";
+                readonly code: ":scope.wd-side-tab-root.wd-tabs--vertical  .wd-tabs__item.is-selected {\n        /* 在这里编写CSS 样式*/\n            color: yellow;\n            font-size: 20px;\n      } ";
             }, {
                 readonly name: "文本标签";
                 readonly selector: ".wd-side-tab-root .wd-tabs__item-text";
                 readonly description: "可以为侧边选项卡文本标签编写样式";
+                readonly code: ":scope.wd-side-tab-root .wd-tabs__item-text {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n      } ";
+            }, {
+                readonly name: "选项图标（图片）";
+                readonly selector: ".wd-side-tab-root .wd-tabs__item .wd-image";
+                readonly description: "可以为选项文本标签设置样式";
+                readonly code: ":scope.wd-side-tab-root .wd-tabs__item .wd-image {\n        /* 在这里编写CSS 样式 */\n            width: 20px;\n            height: 20px;\n      } ";
+            }, {
+                readonly name: "选项图标（图标）";
+                readonly selector: ".wd-side-tab-root .wd-tabs__item .wd-icon";
+                readonly description: "可以为选项文本标签设置样式";
+                readonly code: ":scope.wd-side-tab-root .wd-tabs__item .wd-icon {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n            color: red;\n      } ";
             }, {
                 readonly name: "右侧内容区域";
                 readonly selector: ".wd-side-tab-root .wd-tabs__body";
@@ -32146,10 +32215,22 @@ declare const _default: {
                 readonly name: "选中态的标签容器";
                 readonly selector: ".wd-top-tab-root .wd-tabs__item.is-selected";
                 readonly description: "可以为顶部选项卡选中的标签容器编写样式";
+                readonly code: ":scope.wd-top-tab-root .wd-tabs__item.is-selected {\n        /* 在这里编写CSS 样式*/\n            color: yellow;\n            font-size: 20px;\n      } ";
             }, {
                 readonly name: "文本标签";
                 readonly selector: ".wd-top-tab-root .wd-tabs__item-text";
                 readonly description: "可以为顶部选项卡文本标签编写样式";
+                readonly code: ":scope.wd-top-tab-root .wd-tabs__item-text {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n      } ";
+            }, {
+                readonly name: "选项图标（图片）";
+                readonly selector: ".wd-top-tab-root .wd-tabs__item .wd-image";
+                readonly description: "可以为选项文本标签设置样式";
+                readonly code: ":scope.wd-top-tab-root .wd-tabs__item .wd-image {\n        /* 在这里编写CSS 样式 */\n            width: 20px;\n            height: 20px;\n      } ";
+            }, {
+                readonly name: "选项图标（图标）";
+                readonly selector: ".wd-top-tab-root .wd-tabs__item .wd-icon";
+                readonly description: "可以为选项文本标签设置样式";
+                readonly code: ":scope.wd-top-tab-root .wd-tabs__item .wd-icon {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n            color: red;\n      } ";
             }, {
                 readonly name: "内容区域";
                 readonly selector: ".wd-top-tab-root .wd-tabs__body";
@@ -38186,7 +38267,27 @@ declare const _default: {
                 }>>>;
                 initVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
             }>;
-            readonly classes: readonly [];
+            readonly classes: readonly [{
+                readonly name: "根元素";
+                readonly selector: ".weda-calendar";
+                readonly description: "日历组件根元素";
+                readonly code: ":scope.weda-calendar {\n        /* 在这里编写CSS 样式*/\n          width: 400px;\n          min-width: 400px;\n          background-color: antiquewhite;\n      } ";
+            }, {
+                readonly name: "日历容器";
+                readonly selector: ".weda-calendar__table";
+                readonly description: "日历组件根元素";
+                readonly code: ":scope .weda-calendar__table  {\n        /* 在这里编写CSS 样式*/\n      } ";
+            }, {
+                readonly name: "日历行";
+                readonly selector: ".weda-calendar__table-body-row";
+                readonly description: "日历组件根元素";
+                readonly code: ":scope .weda-calendar__table  .weda-calendar__table-body-row{\n        /* 在这里编写CSS 样式*/\n\n      } ";
+            }, {
+                readonly name: "日历列";
+                readonly selector: ".weda-calendar__table-body-cell";
+                readonly description: "日历组件根元素";
+                readonly code: ":scope .weda-calendar__table  .weda-calendar__table-body-cell{\n        /* 在这里编写CSS 样式*/\n          width: 30px;\n          height: 30px;\n      } ";
+            }];
             readonly events: readonly [{
                 readonly name: "change";
                 readonly title: "选中日期";
@@ -38336,17 +38437,30 @@ declare const _default: {
                 readonly selector: ".wd-mp-tabbar";
                 readonly description: "可以为 小程序 端的编写样式";
             }, {
-                readonly name: "单个选项区域";
+                readonly name: "文本标签容器";
                 readonly selector: ".wd-tabbar__item";
                 readonly description: "可以为选项区设置样式";
+                readonly code: ":scope .wd-tabbar__item {\n        /* 在这里编写CSS 样式*/\n            color: red;\n            font-size: 20px;\n      } ";
             }, {
-                readonly name: "选中选项区域";
+                readonly name: "选中态的标签容器";
                 readonly selector: ".wd-tabbar__item.is-selected";
                 readonly description: "可以为选中选项区域设置样式";
+                readonly code: ":scope .wd-tabbar__item.is-selected {\n        /* 在这里编写CSS 样式*/\n            color: yellow;\n            font-size: 20px;\n      } ";
             }, {
                 readonly name: "选项文本标签";
                 readonly selector: ".wd-tabbar__item-text";
                 readonly description: "可以为选项文本标签设置样式";
+                readonly code: ":scope .wd-tabbar__item-text {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n      } ";
+            }, {
+                readonly name: "选项图标（图片）";
+                readonly selector: ".wd-tabbar__item .wd-image";
+                readonly description: "可以为选项文本标签设置样式";
+                readonly code: ":scope .wd-tabbar__item .wd-image {\n        /* 在这里编写CSS 样式 */\n            width: 20px;\n            height: 20px;\n      } ";
+            }, {
+                readonly name: "选项图标（图标）";
+                readonly selector: ".wd-tabbar__item .wd-icon";
+                readonly description: "可以为选项文本标签设置样式";
+                readonly code: ":scope .wd-tabbar__item .wd-icon {\n        /* 在这里编写CSS 样式 */\n            font-size: 20px;\n            color: red;\n      } ";
             }];
             readonly methods: readonly [{
                 readonly name: "setSelectTab";