@cloudbase/weda-ui 3.24.1 → 3.25.1

package/dist/configs/components/dataView.js

@@ -600,6 +600,7 @@ const config = {
                                 dataSourcePath: 'datasource.name',
                                 preWherePath: 'where',
                                 enableKeyIsRelation: true,
+                                enableFilterEmpty: true,
                             },
                         },
                         condition: '{{ Boolean($self.value) }}',

package/dist/configs/components/listView.js

@@ -1685,6 +1685,7 @@ const data = Type.Object({
                         dataSourcePath: 'datasource.name',
                         preWherePath: 'where',
                         enableKeyIsRelation: true,
+                        enableFilterEmpty: true,
                     },
                 },
                 condition: '{{ Boolean($self.value) }}',

package/dist/configs/components/wd-form-arr.js

@@ -2,7 +2,7 @@ import { defineConfig, Type } from '../type-utils';
 import { FORM_ITEM_DATA, FORM_ITEM_META, ItemData, FORM_ITEM_DATA_TITLE } from '../type-utils/type-form';
 import { getClasses } from '../type-utils/classes';
 import { templateInitNameWithId } from './common/init-name-with-id';
-import { $attached_template, $custom_template, $table_template, $field_template } from '../utils/field';
+import { $attached_template, $custom_template, $table_template, $field_template, $web_table_template, } from '../utils/field';
 const $mode_template = `
 {{#with $self as |$self|}}
 {{#if (helper_utils '===' $self.attributes.mode 'obj')}}
@@ -18,6 +18,9 @@ ${$table_template}
 {{else if (helper_utils '===' $self.attributes.mode 'custom')}}
 
 ${$custom_template}
+{{else if (helper_utils '===' $self.attributes.mode 'web-table')}}
+
+${$web_table_template}
 {{/if}}
 {{/with}}
 `;

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

@@ -5,7 +5,7 @@ const data = Type.Object({
         type: 'string',
         default: 'https://qcloudimg.tencent-cloud.cn/raw/4a29d51b504f12b4933ce4490110b4dc.svg',
         description: '更改需要展示的图片',
-        'x-helper-text': '图片地址支持云存储cloudID或https协议地址',
+        'x-helper-text': '图片地址支持云存储cloudID或https协议地址，[小程序端不支持 http 协议](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdImage#%E8%AE%BE%E7%BD%AE-http-%E5%9C%B0%E5%9D%80%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E4%B8%8D%E5%B1%95%E7%A4%BA)。',
         'x-category': '基础属性',
         'x-index': 1,
         'x-component': 'image',

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

@@ -60,6 +60,7 @@ const data = Type.Partial(Type.Object({
             dataSourcePath: 'dataSourceName',
             preWherePath: 'where',
             enableKeyIsRelation: true,
+            enableFilterEmpty: true,
         },
         'x-props': {
             'data-hidebind': false,

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

@@ -61,6 +61,7 @@ const data = Type.Partial(Type.Object({
             dataSourcePath: 'dataSourceName',
             preWherePath: 'where',
             enableKeyIsRelation: true,
+            enableFilterEmpty: true,
         },
         'x-props': {
             'data-hidebind': false,

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

@@ -296,6 +296,11 @@ declare const config: {
         readonly selector: ".wd-table__box td";
         readonly description: "表格文字样式";
         readonly code: "\n        :scope .wd-table__box td {\n          background-color: lightgray;\n          height: 36px;\n        }\n      ";
+    }, {
+        readonly name: "表格内容文本元素";
+        readonly selector: ".wd-table__box td .wd-text-overflow";
+        readonly description: "表格筛选面板根元素";
+        readonly code: "\n        :scope .wd-table__box td .wd-text-overflow {\n          border: 2px solid gray;\n          border-radius: 10px;\n        }\n      ";
     }, {
         readonly name: "表格主体样式";
         readonly selector: ".wd-table";

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

@@ -791,6 +791,7 @@ const data = Type.Object({
                         dataSourcePath: 'bindMetadata.datasource.name',
                         preWherePath: 'where',
                         enableKeyIsRelation: true,
+                        enableFilterEmpty: true,
                     },
                 },
                 condition: '{{ Boolean($self.value) }}',
@@ -1711,6 +1712,17 @@ const config = defineConfig({
           background-color: lightgray;
           height: 36px;
         }
+      `,
+        },
+        {
+            name: '表格内容文本元素',
+            selector: '.wd-table__box td .wd-text-overflow',
+            description: '表格筛选面板根元素',
+            code: `
+        :scope .wd-table__box td .wd-text-overflow {
+          border: 2px solid gray;
+          border-radius: 10px;
+        }
       `,
         },
         {

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

@@ -62,8 +62,8 @@ const data = Type.Object({
         type: 'boolean',
         'x-runtime-default': true,
         'x-category': '高级属性',
-        description: '关闭时文本内容的换行以空格展示，换行不生效，多个空格会自动转换成单个空格；开启时换行生效，支持识别多个空格',
-        'x-helper-text': '关闭时文本内容的换行以空格展示，换行不生效，多个空格会自动转换成单个空格；开启时换行生效，支持识别多个空格',
+        description: '关闭时多个空格会自动转换成单个空格，web端文本内容的换行以空格展示，换行不生效。',
+        'x-helper-text': '关闭时多个空格会自动转换成单个空格，web端文本内容的换行以空格展示，换行不生效。',
         'x-index': 60,
     })),
     userSelect: Type.Optional(Type.Boolean({

package/dist/configs/components/wxOpenApi/userInfo.d.ts

@@ -4,7 +4,7 @@ declare const data: import("@sinclair/typebox").TObject<{
     type: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"primary" | "default" | "warn" | "wechat">>;
     size: import("@sinclair/typebox").TUnsafe<"default" | "mini" | "large">;
     usage: import("@sinclair/typebox").TString;
-    language: import("@sinclair/typebox").TUnsafe<"zh_CN" | "zh_TW" | "en">;
+    language: import("@sinclair/typebox").TUnsafe<"en" | "zh_CN" | "zh_TW">;
 }>;
 export type DataType = Simplify<Static<typeof data>>;
 declare const config: {
@@ -14,7 +14,7 @@ declare const config: {
         type: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"primary" | "default" | "warn" | "wechat">>;
         size: import("@sinclair/typebox").TUnsafe<"default" | "mini" | "large">;
         usage: import("@sinclair/typebox").TString;
-        language: import("@sinclair/typebox").TUnsafe<"zh_CN" | "zh_TW" | "en">;
+        language: import("@sinclair/typebox").TUnsafe<"en" | "zh_CN" | "zh_TW">;
     }>;
     readonly events: readonly [{
         readonly title: "用户信息授权成功";

package/dist/configs/index.d.ts

@@ -9267,7 +9267,7 @@ export declare const components: {
             type: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"primary" | "default" | "warn" | "wechat">>;
             size: import("@sinclair/typebox").TUnsafe<"default" | "mini" | "large">;
             usage: import("@sinclair/typebox").TString;
-            language: import("@sinclair/typebox").TUnsafe<"zh_CN" | "zh_TW" | "en">;
+            language: import("@sinclair/typebox").TUnsafe<"en" | "zh_CN" | "zh_TW">;
         }>;
         readonly events: readonly [{
             readonly title: "用户信息授权成功";
@@ -11593,6 +11593,11 @@ export declare const components: {
             readonly selector: ".wd-table__box td";
             readonly description: "表格文字样式";
             readonly code: "\n        :scope .wd-table__box td {\n          background-color: lightgray;\n          height: 36px;\n        }\n      ";
+        }, {
+            readonly name: "表格内容文本元素";
+            readonly selector: ".wd-table__box td .wd-text-overflow";
+            readonly description: "表格筛选面板根元素";
+            readonly code: "\n        :scope .wd-table__box td .wd-text-overflow {\n          border: 2px solid gray;\n          border-radius: 10px;\n        }\n      ";
         }, {
             readonly name: "表格主体样式";
             readonly selector: ".wd-table";
@@ -28754,7 +28759,7 @@ declare const _default: {
                 type: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"primary" | "default" | "warn" | "wechat">>;
                 size: import("@sinclair/typebox").TUnsafe<"default" | "mini" | "large">;
                 usage: import("@sinclair/typebox").TString;
-                language: import("@sinclair/typebox").TUnsafe<"zh_CN" | "zh_TW" | "en">;
+                language: import("@sinclair/typebox").TUnsafe<"en" | "zh_CN" | "zh_TW">;
             }>;
             readonly events: readonly [{
                 readonly title: "用户信息授权成功";
@@ -31080,6 +31085,11 @@ declare const _default: {
                 readonly selector: ".wd-table__box td";
                 readonly description: "表格文字样式";
                 readonly code: "\n        :scope .wd-table__box td {\n          background-color: lightgray;\n          height: 36px;\n        }\n      ";
+            }, {
+                readonly name: "表格内容文本元素";
+                readonly selector: ".wd-table__box td .wd-text-overflow";
+                readonly description: "表格筛选面板根元素";
+                readonly code: "\n        :scope .wd-table__box td .wd-text-overflow {\n          border: 2px solid gray;\n          border-radius: 10px;\n        }\n      ";
             }, {
                 readonly name: "表格主体样式";
                 readonly selector: ".wd-table";

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

@@ -661,14 +661,16 @@ export const FORM_ITEM_DATA = {
         type: 'string',
         default: 'obj',
         enum: [
-            { label: '对象数组（卡片）', value: 'obj' },
-            { label: '对象数组（表格）', value: 'table' },
-            { label: '对象数组（自定义）', value: 'custom' },
-            { label: '值数组（表单项）', value: 'field' },
+            { label: '卡片（对象数组）', value: 'obj' },
+            { label: '多端表格（对象数组）', value: 'table' },
+            { label: '自定义（对象数组）', value: 'custom' },
+            { label: 'web表格（对象数组）', value: 'web-table' },
+            { label: '表单项（值数组）', value: 'field' },
         ],
         'x-category': X_CATEGORY.COMMON,
         'x-component': 'string',
         'x-index': 21,
+        'x-helper-text': '切换web表格、表单项模版，不支持保留数据模型的字段配置，需重新配置',
     }),
     _addDefaultValue: Type.Unknown({
         title: '新增表单项初始值',

package/dist/configs/utils/field.d.ts

@@ -2,4 +2,5 @@ export declare const $table_template: string;
 export declare const $attached_template: string;
 export declare const $custom_template: string;
 export declare const $field_template: string;
+export declare const $web_table_template: string;
 export declare const $upload_image_template = "\n[attributes]\nlabelVisible = false\n[[template]]\ncomponent = \"Container\"\n\n  [[template.items]]\n  component = \"WdButton\"\n    [template.items.attributes]\n    icon = \"td:upload\"\n    iconType = \"text-with-icon\"\n    text = \"\u4E0A\u4F20\"\n    variant = \"outline\"\n\n    [[template.items.listeners]]\n    eventName = \"tap\"\n    type = \"platform\"\n      [template.items.listeners.handler]\n      name = \"invoke\"\n      module = \"platform\"\n        [template.items.listeners.handler.params]\n        component = \"{{$self.id}}\"\n        method = \"upload\"\n\n  [[template.items]]\n  component = \"Container\"\n      [template.items.attributes.style]\n      marginTop = \"10px\"\n      display = \"flex\"\n      flexWrap = \"wrap\"\n\n    [[template.items.items]]\n    component = \"Repeater\"\n\n      [template.items.items.attributes]\n      \":data\" = \"$w.{{$self.id}}?.previewFile||[]\"\n\n      suffix = '{{$self.id}}'\n      forItem = 'item_{{$self.id}}'\n      forIndex = 'index_{{$self.id}}'\n\n      [[template.items.items.items]]\n      component = \"Container\"\n\n          [template.items.items.items.attributes.style]\n          margin = \"5px\"\n          padding = \"10px\"\n          border = \"1px solid #d9d9d9\"\n          flexShrink = 0\n          width = \"102px\"\n          height = \"102px\"\n          position = \"relative\"\n\n        [[template.items.items.items.items]]\n        component = \"WdImage\"\n\n          [template.items.items.items.items.attributes]\n          alt = \"[\u56FE\u7247]\"\n          fit = \"contain\"\n          imgPreview = true\n          \":src\" = '$w.item_{{$self.id}}.tempUrl||$w.item_{{$self.id}}.cloudId'\n\n            [template.items.items.items.items.attributes.style]\n            width = \"80px\"\n            height = \"80px\"\n\n        [[template.items.items.items.items]]\n        component = \"WdIcon\"\n\n          [template.items.items.items.items.attributes]\n          name = \"delete\"\n          size = \"sm\"\n\n            [template.items.items.items.items.attributes.style]\n            position = \"absolute\"\n            right = \"5px\"\n            top = \"5px\"\n\n          [[template.items.items.items.items.listeners]]\n          eventName = \"tap\"\n          type = \"platform\"\n\n            [template.items.items.items.items.listeners.handler]\n            name = \"invoke\"\n            module = \"platform\"\n\n              [template.items.items.items.items.listeners.handler.params]\n              component = \"{{$self.id}}\"\n              method = \"delete\"\n\n                [template.items.items.items.items.listeners.handler.params.params]\n                \":cloudId\" = '$w.item_{{$self.id}}.cloudId'\n\n";

package/dist/configs/utils/field.js

@@ -436,6 +436,7 @@ label= "表单子项"
 [template.items.attributes.style]
 display = "flex"
 alignItems = "center"
+width = "100%"
 
 [[template.items.items]]
 component = 'WdFormObj'
@@ -509,6 +510,156 @@ method = "remove"
 ":index" = "$w.index_{{$self.id}}"
 
 ${$add_button_template}
+`;
+// web表格模板
+export const $web_table_template = `
+[attributes]
+value = [{}]
+":addDefaultValue"="{}"
+[[template]]
+component = "WdTable"
+[template.attributes]
+":dataSourceData" = "$w.{{$self.id}}.value"
+dataSourceType = "expression"
+recordKey = "_id"
+enableCellCustomOption = false
+enableGlobalButton = false
+enablePagination = false
+enableRefreshBtn = false
+enableTableHeightSizeBtn = false
+enableTotal = false
+isOrderBy = true
+supportManyRelated = true
+isSupportMultipleSort = true
+isSupportApis = false
+
+
+[[template.attributes.columnSets]]
+key = "name"
+slotKey = "name"
+header = "姓名"
+genre = "slot"
+align = "left"
+isSort = false
+isExport = false
+visible = true
+widthType = "auto"
+hidden = false
+format = ""
+[template.attributes.columnSets.schema]
+type = "string"
+name = "name"
+title = "name"
+
+
+[[template.attributes.columnSets]]
+key = "age"
+slotKey = "age"
+header = "年龄"
+genre = "slot"
+align = "left"
+isSort = false
+isExport = false
+visible = true
+widthType = "auto"
+hidden = false
+format = ""
+[template.attributes.columnSets.schema]
+type = "number"
+name = "age"
+title = "age"
+
+
+  [[template.items]]
+  id = "globalButton"
+  component = ""
+  extra = { }
+
+
+  [[template.items]]
+  id = "cell_name"
+  component = ""
+  extra = { }
+
+
+    [[template.items.items]]
+    component = "WdInput"
+
+      [template.items.items.attributes]
+      inputValue = ""
+      label = "标题"
+      labelVisible = false
+      name = "name"
+      placeholder = "请输入"
+      prefixIcon = "success"
+      prefixType = ""
+      requiredMsg = "该项为必填项"
+      status = "edit"
+      suffixIcon = "success"
+      suffixType = ""
+      template = "inputBox"
+
+
+
+  [[template.items]]
+  id = "cell_age"
+  component = ""
+  extra = { }
+
+    [[template.items.items]]
+    component = "WdInput"
+
+      [template.items.items.attributes]
+      inputValue = ""
+      label = "标题"
+      labelVisible = false
+      name = "age"
+      placeholder = "请输入"
+      prefixIcon = "success"
+      prefixType = ""
+      requiredMsg = "该项为必填项"
+      status = "edit"
+      suffixIcon = "success"
+      suffixType = ""
+      template = "inputBox"
+
+
+[[template.items]]
+  id = "cell__custom__option"
+  component = ""
+  extra = { }
+
+    [[template.items.items]]
+    component = "WdButton"
+
+      [template.items.items.attributes]
+      content = "删除"
+      size = "md"
+      text = "删除"
+      theme = "error"
+      variant = "link"
+
+        [template.items.items.attributes.style]
+        marginRight = 8
+
+      [[template.items.items.listeners]]
+      id = "wn9nx03j9"
+      eventName = "tap"
+      type = "platform"
+      isCapturePhase = false
+      noPropagation = false
+
+        [template.items.items.listeners.handler]
+        name = "invoke"
+        module = "platform"
+
+          [template.items.items.listeners.handler.params]
+          component = "{{$self.id}}"
+          method = "remove"
+
+
+${$add_button_template}
+
 `;
 // 自定义图片上传模板
 export const $upload_image_template = `

package/dist/style/index.css

@@ -1862,7 +1862,6 @@ body .wd-h5-root {
 }
 
 .wd-list {
-  padding: 0;
   list-style: none;
   color: var(--wd-color-text-default);
 }
@@ -1891,7 +1890,7 @@ body .wd-h5-root {
   padding: var(--wd-space-base);
 }
 .wd-list--option > li {
-  margin: var(--wd-space-base);
+  margin: 0;
   font-size: var(--wd-font-size-default);
   padding: 6px 10px;
   white-space: nowrap;
@@ -10529,6 +10528,7 @@ page,
 }
 
 .wd-form-obj-root {
+  --wd-card-heder-pd-bordered: 1rem;
   display: flex;
 }
 .wd-form-obj-root .wd-form-obj {
@@ -10557,6 +10557,11 @@ page,
 .wd-form-obj-root .wd-form-item-wrap {
   width: 100%;
 }
+.wd-form-obj-root .wd-form-item-wrap.wd-form-item-wrap__vertical {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
 .wd-form-obj-root .wd-form-item-wrap .wd-form-item-wrap__control {
   overflow: unset;
 }