@cloudbase/weda-ui 3.24.1 → 3.25.0

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-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.js

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

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/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

@@ -10529,6 +10529,7 @@ page,
 }
 
 .wd-form-obj-root {
+  --wd-card-heder-pd-bordered: 1rem;
   display: flex;
 }
 .wd-form-obj-root .wd-form-obj {
@@ -10557,6 +10558,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;
 }