@cloudbase/weda-ui 3.11.0 → 3.11.4

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

@@ -16,7 +16,9 @@ declare const data: import("@sinclair/typebox").TObject<{
     layout: import("@sinclair/typebox").TUnsafe<string>;
     labelWidth: import("@sinclair/typebox").TString;
     labelTips: import("@sinclair/typebox").TString;
+    percentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
     name: import("@sinclair/typebox").TString;
+    showPercent: import("@sinclair/typebox").TBoolean;
     min: import("@sinclair/typebox").TNumber;
     max: import("@sinclair/typebox").TNumber;
     value: import("@sinclair/typebox").TNumber;
@@ -32,6 +34,7 @@ declare const properties: import("@sinclair/typebox").TObject<{
     min: import("@sinclair/typebox").TNumber;
     max: import("@sinclair/typebox").TNumber;
     step: import("@sinclair/typebox").TNumber;
+    showPercent: import("@sinclair/typebox").TBoolean;
 }>;
 export type DataType = Simplify<Static<typeof data>>;
 declare const config: {
@@ -48,7 +51,9 @@ declare const config: {
         layout: import("@sinclair/typebox").TUnsafe<string>;
         labelWidth: import("@sinclair/typebox").TString;
         labelTips: import("@sinclair/typebox").TString;
+        percentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
         name: import("@sinclair/typebox").TString;
+        showPercent: import("@sinclair/typebox").TBoolean;
         min: import("@sinclair/typebox").TNumber;
         max: import("@sinclair/typebox").TNumber;
         value: import("@sinclair/typebox").TNumber;
@@ -64,6 +69,7 @@ declare const config: {
         min: import("@sinclair/typebox").TNumber;
         max: import("@sinclair/typebox").TNumber;
         step: import("@sinclair/typebox").TNumber;
+        showPercent: import("@sinclair/typebox").TBoolean;
     }>;
     readonly classes: {
         name: string;
@@ -169,6 +175,10 @@ declare const config: {
             readonly when: "$attached";
             readonly body: "\n  [attributes]\n  name = \"{{$self.id}}\"\n  ";
             readonly __k: "init-name-with-id";
+        }, {
+            readonly to: "percentSlot";
+            readonly when: "showPercent";
+            readonly body: "\n          {{#if (helper_utils '===' $self.attributes.showPercent true)}}\n          [[template]]\n            component = \"WdText\"\n            label = \"百分比\"\n          [template.attributes]\n            level = \"body-sm\"\n            \":text\" = \"($w.{{$self.id}}.value || 0) + `%`\"\n          [template.extra.commonStyle.margin]\n            left = 8\n          {{/if}}\n        ";
         }];
         readonly componentOrder: 495;
         readonly group: {

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

@@ -25,6 +25,11 @@ export const WD_PROGRESS_STATUS = [
 ];
 // 属性类型定义
 const data = Type.Object({
+    percentSlot: Type.Optional(Type.Slot({
+        title: '百分比',
+        'x-index': 5,
+        'x-category': X_CATEGORY.PROGRESS,
+    })),
     name: Type.String({
         title: '绑定字段',
         type: 'string',
@@ -43,6 +48,12 @@ const data = Type.Object({
         required: true,
         description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。',
     }),
+    showPercent: Type.Boolean({
+        title: '显示进度百分比',
+        'x-runtime-default': false,
+        'x-index': 13,
+        'x-category': X_CATEGORY.PROGRESS,
+    }),
     min: Type.Number({
         title: '最小值',
         'x-runtime-default': 0,
@@ -110,7 +121,15 @@ const data = Type.Object({
     }),
 });
 const properties = Type.Composite([
-    Type.Pick(data, ['min', 'max', 'name', 'value', 'label', 'step']),
+    Type.Pick(data, [
+        'min',
+        'max',
+        'name',
+        'value',
+        'label',
+        'step',
+        'showPercent',
+    ]),
     Type.Pick(ItemData, ['visible', 'disabled', 'readOnly']),
 ]);
 const CLASSES = getClasses('progress');
@@ -211,7 +230,25 @@ const config = defineConfig({
         shortcut: FORM_ITEM_META.shortcut,
         visible: FORM_ITEM_META.visible,
         inlineStyleForm: FORM_ITEM_META.inlineStyleForm,
-        templates: [templateInitNameWithId],
+        templates: [
+            templateInitNameWithId,
+            {
+                to: 'percentSlot',
+                when: 'showPercent',
+                body: `
+          {{#if (helper_utils '===' $self.attributes.showPercent true)}}
+          [[template]]
+            component = "WdText"
+            label = "百分比"
+          [template.attributes]
+            level = "body-sm"
+            ":text" = "($w.{{$self.id}}.value || 0) + \`%\`"
+          [template.extra.commonStyle.margin]
+            left = 8
+          {{/if}}
+        `,
+            },
+        ],
         componentOrder: 495,
         group: {
             [X_CATEGORY.COMMON]: {

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

@@ -87,6 +87,10 @@ declare const config: {
         readonly name: "内容区域";
         readonly selector: ".wd-top-tab-root .wd-tabs__body";
         readonly description: "可以为顶部选项卡内容区域编写样式";
+    }, {
+        readonly name: "选项卡超长自动滑动遮罩";
+        readonly selector: ".wd-tabs-h5-root .wd-tabs__header-item-mask";
+        readonly description: "可以为移动端选项卡设置滑动背景色，提示选项卡内容超长可滑动";
     }];
     readonly methods: readonly [{
         readonly name: "selectTab";

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

@@ -398,6 +398,11 @@ const config = defineConfig({
             selector: '.wd-top-tab-root .wd-tabs__body',
             description: '可以为顶部选项卡内容区域编写样式',
         },
+        {
+            name: '选项卡超长自动滑动遮罩',
+            selector: '.wd-tabs-h5-root .wd-tabs__header-item-mask',
+            description: '可以为移动端选项卡设置滑动背景色，提示选项卡内容超长可滑动',
+        },
     ],
     // 组件方法
     methods: [

package/dist/configs/index.d.ts

@@ -601,7 +601,9 @@ export declare const components: {
             layout: import("@sinclair/typebox").TUnsafe<string>;
             labelWidth: import("@sinclair/typebox").TString;
             labelTips: import("@sinclair/typebox").TString;
+            percentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
             name: import("@sinclair/typebox").TString;
+            showPercent: import("@sinclair/typebox").TBoolean;
             min: import("@sinclair/typebox").TNumber;
             max: import("@sinclair/typebox").TNumber;
             value: import("@sinclair/typebox").TNumber;
@@ -617,6 +619,7 @@ export declare const components: {
             min: import("@sinclair/typebox").TNumber;
             max: import("@sinclair/typebox").TNumber;
             step: import("@sinclair/typebox").TNumber;
+            showPercent: import("@sinclair/typebox").TBoolean;
         }>;
         readonly classes: {
             name: string;
@@ -722,6 +725,10 @@ export declare const components: {
                 readonly when: "$attached";
                 readonly body: "\n  [attributes]\n  name = \"{{$self.id}}\"\n  ";
                 readonly __k: "init-name-with-id";
+            }, {
+                readonly to: "percentSlot";
+                readonly when: "showPercent";
+                readonly body: "\n          {{#if (helper_utils '===' $self.attributes.showPercent true)}}\n          [[template]]\n            component = \"WdText\"\n            label = \"百分比\"\n          [template.attributes]\n            level = \"body-sm\"\n            \":text\" = \"($w.{{$self.id}}.value || 0) + `%`\"\n          [template.extra.commonStyle.margin]\n            left = 8\n          {{/if}}\n        ";
             }];
             readonly componentOrder: 495;
             readonly group: {
@@ -12930,6 +12937,10 @@ export declare const components: {
             readonly name: "内容区域";
             readonly selector: ".wd-top-tab-root .wd-tabs__body";
             readonly description: "可以为顶部选项卡内容区域编写样式";
+        }, {
+            readonly name: "选项卡超长自动滑动遮罩";
+            readonly selector: ".wd-tabs-h5-root .wd-tabs__header-item-mask";
+            readonly description: "可以为移动端选项卡设置滑动背景色，提示选项卡内容超长可滑动";
         }];
         readonly methods: readonly [{
             readonly name: "selectTab";
@@ -19980,7 +19991,9 @@ declare const _default: {
                 layout: import("@sinclair/typebox").TUnsafe<string>;
                 labelWidth: import("@sinclair/typebox").TString;
                 labelTips: import("@sinclair/typebox").TString;
+                percentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
                 name: import("@sinclair/typebox").TString;
+                showPercent: import("@sinclair/typebox").TBoolean;
                 min: import("@sinclair/typebox").TNumber;
                 max: import("@sinclair/typebox").TNumber;
                 value: import("@sinclair/typebox").TNumber;
@@ -19996,6 +20009,7 @@ declare const _default: {
                 min: import("@sinclair/typebox").TNumber;
                 max: import("@sinclair/typebox").TNumber;
                 step: import("@sinclair/typebox").TNumber;
+                showPercent: import("@sinclair/typebox").TBoolean;
             }>;
             readonly classes: {
                 name: string;
@@ -20101,6 +20115,10 @@ declare const _default: {
                     readonly when: "$attached";
                     readonly body: "\n  [attributes]\n  name = \"{{$self.id}}\"\n  ";
                     readonly __k: "init-name-with-id";
+                }, {
+                    readonly to: "percentSlot";
+                    readonly when: "showPercent";
+                    readonly body: "\n          {{#if (helper_utils '===' $self.attributes.showPercent true)}}\n          [[template]]\n            component = \"WdText\"\n            label = \"百分比\"\n          [template.attributes]\n            level = \"body-sm\"\n            \":text\" = \"($w.{{$self.id}}.value || 0) + `%`\"\n          [template.extra.commonStyle.margin]\n            left = 8\n          {{/if}}\n        ";
                 }];
                 readonly componentOrder: 495;
                 readonly group: {
@@ -32309,6 +32327,10 @@ declare const _default: {
                 readonly name: "内容区域";
                 readonly selector: ".wd-top-tab-root .wd-tabs__body";
                 readonly description: "可以为顶部选项卡内容区域编写样式";
+            }, {
+                readonly name: "选项卡超长自动滑动遮罩";
+                readonly selector: ".wd-tabs-h5-root .wd-tabs__header-item-mask";
+                readonly description: "可以为移动端选项卡设置滑动背景色，提示选项卡内容超长可滑动";
             }];
             readonly methods: readonly [{
                 readonly name: "selectTab";

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

@@ -542,6 +542,7 @@ export const FORM_ITEM_DATA = {
         'x-category': X_CATEGORY.COMMON,
         'x-index': 14,
         description: '默认支持静态数据查询，启用后可以支持动态加载查询结果',
+        display: false,
     }),
     ignoreCase: Type.Boolean({
         title: '搜索时忽略大小写',

package/dist/style/index.css

@@ -3244,7 +3244,7 @@ _:-ms-lang(x)::backdrop,
   visibility: visible;
 }
 .wd-table__body .wd-tag__text {
-  max-width: 100px;
+  max-width: 60px;
 }
 
 .wd-table-scroll-wrap.wd-table--status {
@@ -9397,7 +9397,6 @@ page,
   font-size: var(--wd-tabs-vertical-heder-item-size);
   line-height: calc(var(--wd-space-base) * 6);
   color: var(--wd-tabs-vertical-heder-item-color);
-  cursor: pointer;
 }
 .wd-tabs--vertical > .wd-tabs__header > .wd-tabs__header-item-wrap .wd-tabs__item-icon {
   display: flex;
@@ -9458,8 +9457,8 @@ page,
   width: 50px;
   right: -1px;
   bottom: 0px;
-  height: 47px;
-  background: linear-gradient(to right, rgba(255, 255, 255, 0.1), #fff);
+  height: 50px;
+  background: linear-gradient(270deg, rgba(255, 255, 255, 0.8), hsla(0deg, 0%, 100%, 0));
 }
 .wd-tabs-h5-root .wd-tabs__item {
   text-align: center;
@@ -9498,6 +9497,14 @@ page,
   display: block;
 }
 
+.wd-mp-side-tab-root .wd-tabs__item {
+  cursor: unset;
+}
+
+.wd-mp-top-tab-root .wd-tabs__item {
+  cursor: unset;
+}
+
 .wd-form-item.wd-form-item--detail-vertical-right > .wd-form-item-wrap {
   align-items: flex-end;
   flex-direction: column;
@@ -10266,7 +10273,7 @@ page,
   color: var(--wd-tabbar-heder-item-color-hover);
 }
 .wd-tabbar__item:hover .wd-tabbar__item-text {
-  color: var(--wd-tabbar-heder-item-color-hover);
+  color: inherit;
 }
 .wd-tabbar__item-text {
   text-overflow: ellipsis;
@@ -10285,7 +10292,7 @@ page,
   color: var(--wd-tabbar-heder-item-color-selected);
 }
 .wd-tabbar__item.is-selected .wd-tabbar__item-text {
-  color: var(--wd-tabbar-heder-item-color-selected);
+  color: inherit;
 }
 .wd-tabbar .wd-link__slot {
   width: 100%;
@@ -10444,6 +10451,7 @@ page,
   border: none;
   border-radius: var(--wd-progress-radius);
   color: var(--wd-progress-text-color);
+  flex-grow: 1;
 }
 .wd-progress__value {
   background: var(--wd-progress-color-default);
@@ -10456,6 +10464,8 @@ page,
 }
 
 .wd-progress-container {
+  display: flex;
+  align-items: center;
   flex-grow: 1;
 }