@cloudbase/weda-ui 3.5.2 → 3.6.0

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

@@ -1,3 +1,4 @@
+import { svgDataUri as svg } from '../svg-tag';
 import { defineConfig, Tuple, Type, } from '../type-utils';
 import { genericErrorType } from '../type-utils/error';
 const events = Tuple([
@@ -65,85 +66,80 @@ level = "title-6"
 "class" = "wd-form-title__text"
 
 `;
-/**
-const formTemplateWithoutFields = `
-{{#with $self as |$self|}}
-{{#with (helper_utils '?:' (helper_utils 'isEqual' $self.attributes.dataSourceType 'data-model') $self.attributes.datasource.name $self.attributes.bindConnectMetadata.datasource.name) as |_datasourceName| }}
-  #with (
-    helper_utils '?:'
-    (helper_utils 'isEqual' $self.attributes.dataSourceType 'data-model')
-    {{#switch $self.attributes.formType}}
-      {{#case "create"}}
-        "wedaCreate"
-      {{/case}}
-      {{#case "create"}}
-        "wedaCreate"
-      {{/case}}
-    {{/switch}}
-    ($self.attributes.connectorMethod.name)
-    )
-  as |_methodName|
-}}
-[[template]]
-component = "Container"
-
-[template.attributes]
-class = "wd-form-item wd-form-title"
-
-[[template.items]]
-component = "WdText"
-
-[template.items.attributes]
-level = "title-6"
-"text" = "表单标题"
-"class" = "wd-form-title__text"
-`;
-
- */
-// const WD_FORM_LABEL_DIRECTION = [
-//   {
-//     label: '水平左对齐',
-//     value: 'horizontal-left',
-//   },
-//   {
-//     label: '水平右对齐',
-//     value: 'horizontal-right',
-//   },
-//   {
-//     label: '垂直左对齐',
-//     value: 'vertical-left',
-//   },
-//   {
-//     label: '垂直右对齐',
-//     value: 'vertical-right',
-//   },
-// ];
 const data = Type.Object({
     contentSlot: Type.Slot({
         description: '内容插槽',
+        'x-group': '数据',
     }),
-    _id: Type.Optional(Type.String({
-        title: '数据标识(_id)',
-        default: '',
-        'x-index': 40,
-        'x-category': '基础属性',
+    isDisabledSubmit: Type.Boolean({
+        title: '是否禁用提交',
+        description: '表单是否禁用提交',
+        'x-index': 5,
+        'x-group': '数据',
+        display: false,
+        'x-runtime-default': false,
+    }),
+    formType: Type.StringEnum({
+        title: '表单场景',
+        'x-runtime-default': 'create',
+        'x-index': 10,
+        'x-props': {
+            itemClassName: 'form-selector',
+        },
+        'x-group': '数据',
         'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '_id',
+                condition: "{{ $form.values.datasourceType === 'model' && ['edit', 'read'].includes($self.value) }}",
+            },
+            {
+                type: 'value:visible',
+                target: 'methodCreate',
+                condition: "{{ 'create' === $self.value && ['connector', 'custom-connector'].includes($form.values.datasourceType) }}",
+            },
+            {
+                type: 'value:visible',
+                target: '*(methodGetItem,paramGetItem)',
+                condition: "{{ ['edit', 'read'].includes($self.value) && ['connector', 'custom-connector'].includes($form.values.datasourceType) }}",
+            },
+            {
+                type: 'value:visible',
+                target: 'methodUpdate',
+                condition: "{{ 'edit' === $self.value && ['connector', 'custom-connector'].includes($form.values.datasourceType) }}",
+            },
             {
                 type: 'value:schema',
                 schema: {
                     'x-component-props': {
-                        _id: '{{$self.value}}',
+                        formType: '{{$self.value}}',
                     },
                 },
-                target: '*(dataSourceName,formType)',
+                target: '*(dataSourceName,fields,methodCreate,methodUpdate,methodGetItem,datasourceType,paramGetItem)',
             },
         ],
-    })),
+        'x-component': 'FormTypeSelectorComp',
+        enum: Tuple([
+            {
+                label: '新增',
+                value: 'create',
+            },
+            {
+                label: '更新',
+                value: 'edit',
+            },
+            {
+                label: '查看',
+                value: 'read',
+            },
+        ]),
+    }),
     formType_bind: Type.Boolean({
         title: '表单场景绑定值',
         default: false,
+        'x-group': '数据',
         display: false,
-        'x-index': 11,
+        'x-index': 20,
         'x-linkages': [
             {
                 type: 'value:visible',
@@ -170,18 +166,23 @@ const data = Type.Object({
     datasourceType: Type.StringEnum({
         title: '数据源',
         'x-runtime-default': 'model',
-        'x-index': 20,
+        'x-index': 30,
         'x-props': {
             'data-hidebind': true,
             itemClassName: 'form-selector',
         },
-        'x-category': '基础属性',
+        'x-group': '数据',
         'x-linkages': [
             {
                 type: 'value:visible',
                 target: '_id',
                 condition: "{{ ( ['edit', 'read'].includes($form.values.formType) || $form.values.formType_bind ) && $self.value === 'model'}}",
             },
+            {
+                type: 'value:visible',
+                target: 'value',
+                condition: "{{ ( ['edit', 'read'].includes($form.values.formType) || $form.values.formType_bind ) && $self.value === 'expression'}}",
+            },
             {
                 type: 'value:visible',
                 target: 'methodCreate',
@@ -192,6 +193,11 @@ const data = Type.Object({
                 target: '*(methodGetItem,paramGetItem)',
                 condition: "{{ (['edit', 'read'].includes($form.values.formType) || $form.values.formType_bind) && ['connector', 'custom-connector'].includes($self.value) }}",
             },
+            {
+                type: 'value:visible',
+                target: 'value',
+                condition: "{{ ($self.value === 'expression') }}",
+            },
             {
                 type: 'value:visible',
                 target: 'methodUpdate',
@@ -204,6 +210,16 @@ const data = Type.Object({
                 },
                 target: 'dataSourceName',
             },
+            {
+                type: 'value:visible',
+                target: 'dataSourceName',
+                condition: "{{ $self.value !== 'expression' }}",
+            },
+            {
+                type: 'value:visible',
+                target: 'fields',
+                condition: "{{ $self.value !== 'expression' }}",
+            },
             {
                 type: 'value:schema',
                 schema: {
@@ -223,11 +239,17 @@ const data = Type.Object({
                     value: 'model',
                     isShow: true,
                 },
+                {
+                    icon: 'database',
+                    text: '表达式',
+                    value: 'expression',
+                    isShow: true,
+                },
                 {
                     icon: 'custom-connector',
                     text: 'APIs',
                     value: 'custom-connector',
-                    isShow: true,
+                    isShow: false,
                 },
             ],
             defaultValue: 'model',
@@ -243,6 +265,12 @@ const data = Type.Object({
                 icon: 'connector',
                 label: 'APIs',
                 value: 'connector',
+                isShow: false,
+            },
+            {
+                icon: 'database',
+                label: '表达式',
+                value: 'expression',
                 isShow: true,
             },
             {
@@ -253,138 +281,104 @@ const data = Type.Object({
             },
         ]),
     }),
-    formType: Type.StringEnum({
-        title: '表单场景',
-        'x-runtime-default': 'create',
-        'x-index': 10,
+    dataSourceName: Type.String({
+        title: '数据模型',
+        default: '',
+        'x-index': 40,
         'x-props': {
-            itemClassName: 'form-selector',
+            'data-hidebind': true,
+            itemClassName: 'form-datasource-selector',
         },
-        'x-category': '基础属性',
+        'x-group': '数据',
         'x-linkages': [
             {
                 type: 'value:visible',
-                target: '_id',
-                condition: "{{ $form.values.datasourceType === 'model' && ['edit', 'read'].includes($self.value) }}",
-            },
-            {
-                type: 'value:visible',
-                target: 'methodCreate',
-                condition: "{{ 'create' === $self.value && ['connector', 'custom-connector'].includes($form.values.datasourceType) }}",
-            },
-            {
-                type: 'value:visible',
-                target: '*(methodGetItem,paramGetItem)',
-                condition: "{{ ['edit', 'read'].includes($self.value) && ['connector', 'custom-connector'].includes($form.values.datasourceType) }}",
-            },
-            {
-                type: 'value:visible',
-                target: 'methodUpdate',
-                condition: "{{ 'edit' === $self.value && ['connector', 'custom-connector'].includes($form.values.datasourceType) }}",
+                target: 'fields',
+                condition: '{{ $self.value && $self.value.length > 0 }}',
             },
             {
                 type: 'value:schema',
                 schema: {
                     'x-component-props': {
-                        formType: '{{$self.value}}',
+                        dataSourceName: '{{$self.value}}',
                     },
                 },
-                target: '*(dataSourceName,fields,methodCreate,methodUpdate,methodGetItem,datasourceType,paramGetItem)',
+                target: '*(methodCreate,methodGetItem,methodUpdate,fields,formType)',
             },
         ],
-        'x-component': 'FormTypeSelectorComp',
-        enum: Tuple([
-            {
-                label: '新增',
-                value: 'create',
-            },
-            {
-                label: '更新',
-                value: 'edit',
-            },
+        'x-component': 'FormDataSourceSelectorComp',
+    }),
+    value: Type.Record(Type.String(), Type.Any(), {
+        title: '表单值',
+        description: '自动填充表单输入数据。每个键值都分配给具有匹配的表单数据键的输入。',
+        'x-runtime-default': undefined,
+        'x-index': 46,
+        'x-group': '数据',
+    }),
+    _id: Type.Optional(Type.String({
+        title: '数据标识(_id)',
+        default: '',
+        'x-index': 45,
+        'x-group': '数据',
+        'x-linkages': [
             {
-                label: '查看',
-                value: 'read',
+                type: 'value:schema',
+                schema: {
+                    'x-component-props': {
+                        _id: '{{$self.value}}',
+                    },
+                },
+                target: '*(dataSourceName,formType)',
             },
-        ]),
-    }),
-    dataSourceName: Type.String({
-        title: '数据模型',
+        ],
+    })),
+    methodGetItem: Type.String({
+        type: 'string',
+        title: '查询方法',
         default: '',
-        'x-index': 30,
+        'x-index': 50,
         'x-props': {
             'data-hidebind': true,
-            itemClassName: 'form-datasource-selector',
+            itemClassName: 'form-selector',
+        },
+        'x-group': '数据',
+        'x-component': 'FormMethodSelectorComp',
+        'x-component-props': {
+            intent: 'get-item',
         },
-        'x-category': '基础属性',
         'x-linkages': [
-            {
-                type: 'value:visible',
-                target: 'fields',
-                condition: '{{ $self.value && $self.value.length > 0 }}',
-            },
             {
                 type: 'value:schema',
                 schema: {
                     'x-component-props': {
-                        dataSourceName: '{{$self.value}}',
+                        methodGetItem: '{{$self.value}}',
                     },
                 },
-                target: '*(methodCreate,methodGetItem,methodUpdate,fields,formType)',
+                target: 'fields',
             },
         ],
-        'x-component': 'FormDataSourceSelectorComp',
-    }),
-    fields: Type.Array(Type.Object({
-        name: Type.String({
-            type: 'string',
-            title: '字段标识',
-        }),
-        componentType: Type.String({
-            type: 'string',
-            title: '组件类型',
-        }),
-    }), {
-        title: '字段',
-        'x-index': 70,
-        'x-props': {
-            'data-hidebind': true,
-            itemClassName: 'form-field-selector',
-        },
-        'x-category': '基础属性',
-        'x-component': 'FieldSelectorComp',
     }),
-    layout: Type.StringEnum({
-        type: 'string',
-        title: '布局方式',
-        'x-runtime-default': 'horizontal',
-        description: '设置当前容器内表单类组件的标题和输入选择区域为左右布局或上下布局',
+    paramGetItem: Type.Record(Type.String(), Type.Unknown(), {
+        title: '查询入参',
+        default: {},
+        'x-group': '数据',
+        description: '直接输入对象字面量, 如 {status: 1}',
         'x-index': 60,
-        'x-category': '基础属性',
-        enum: Tuple([
-            {
-                label: '水平',
-                value: 'horizontal',
-            },
-            {
-                label: '垂直',
-                value: 'vertical',
-            },
-        ]),
+        'x-component': 'property-object-params-field',
+        'x-component-props': {
+            dataSourceKeyName: 'dataSourceName',
+            dataSourceValuePath: 'datasource.name',
+            methodNameKeyName: 'methodGetItem',
+            methodValuePath: 'name',
+            paramsKeyName: 'connectorParams',
+        },
     }),
-    // labelPosition: Type.StringEnum({
-    //   title: '标题位置',
-    //   type: 'string',
-    //   'x-index': 62,
-    //   default: 'vertical-left',
-    //   enum: Tuple(WD_FORM_LABEL_DIRECTION),
-    //   'x-category': '基础属性',
-    // }),
     methodCreate: Type.String({
         type: 'string',
         title: '新增方法',
         default: '',
-        'x-index': 50,
+        'x-index': 70,
+        'x-group': '数据',
         'x-props': {
             'data-hidebind': true,
             itemClassName: 'form-selector',
@@ -408,7 +402,8 @@ const data = Type.Object({
     methodUpdate: Type.String({
         title: '更新方法',
         default: '',
-        'x-index': 53,
+        'x-index': 80,
+        'x-group': '数据',
         'x-props': {
             'data-hidebind': true,
             itemClassName: 'form-selector',
@@ -429,57 +424,119 @@ const data = Type.Object({
             intent: 'update',
         },
     }),
-    paramGetItem: Type.Record(Type.String(), Type.Unknown(), {
-        title: '查询入参',
-        default: {},
-        description: '直接输入对象字面量, 如 {status: 1}',
-        'x-index': 52,
-        'x-component': 'property-object-params-field',
-        'x-component-props': {
-            dataSourceKeyName: 'dataSourceName',
-            dataSourceValuePath: 'datasource.name',
-            methodNameKeyName: 'methodGetItem',
-            methodValuePath: 'name',
-            paramsKeyName: 'connectorParams',
-        },
-    }),
-    methodGetItem: Type.String({
+    colNum: Type.Never({
         type: 'string',
-        title: '查询方法',
-        default: '',
-        'x-index': 51,
+        title: 'PC端表单列数',
+        'x-group': '表单布局',
         'x-props': {
             'data-hidebind': true,
-            itemClassName: 'form-selector',
         },
-        'x-component': 'FormMethodSelectorComp',
+        'x-component': 'FormColNumSelector',
+        enum: ['1', '2', '3'],
         'x-component-props': {
-            intent: 'get-item',
+            options: [
+                { text: '一列', value: '1' },
+                { text: '双列', value: '2' },
+                { text: '三列', value: '3' },
+            ],
         },
-        'x-linkages': [
+        'x-index': 90,
+        'x-runtime-default': '1',
+    }),
+    lgWidth: Type.StringEnum({
+        title: 'PC端组件宽度',
+        description: '尺寸配置仅对PC端生效',
+        'x-group': '表单布局',
+        enum: Tuple([
             {
-                type: 'value:schema',
-                schema: {
-                    'x-component-props': {
-                        methodGetItem: '{{$self.value}}',
-                    },
-                },
-                target: 'fields',
+                label: '较窄',
+                value: 'sm',
             },
-        ],
+            {
+                label: '适中',
+                value: 'md',
+            },
+            {
+                label: '较宽',
+                value: 'lg',
+            },
+            {
+                label: '占满',
+                value: 'hundred',
+            },
+        ]),
+        default: 'md',
+        'x-index': 100,
+        'x-runtime-default': 'hundred',
+    }),
+    layout: Type.StringEnum({
+        type: 'string',
+        title: '标题位置',
+        'x-runtime-default': 'horizontal',
+        description: '设置当前容器内表单类组件的标题和输入选择区域为左右布局或上下布局',
+        'x-index': 110,
+        'x-group': '表单布局',
+        enum: Tuple([
+            {
+                label: '左侧',
+                value: 'horizontal',
+            },
+            {
+                label: '顶部',
+                value: 'vertical',
+            },
+        ]),
+    }),
+    labelAlign: Type.StringEnum({
+        title: '标题对齐',
+        enum: Tuple([
+            {
+                label: '左对齐',
+                value: 'left',
+            },
+            {
+                label: '右对齐',
+                value: 'right',
+            },
+        ]),
+        type: 'string',
+        display: false,
+        'x-runtime-default': 'left',
+        description: '表单场景下默认会跟随表单容器的标题对齐配置',
+        'x-index': 115,
+        'x-group': '表单布局',
+    }),
+    fields: Type.Array(Type.Object({
+        name: Type.String({
+            type: 'string',
+            title: '字段标识',
+        }),
+        componentType: Type.String({
+            type: 'string',
+            title: '组件类型',
+        }),
+    }), {
+        title: '字段管理',
+        'x-group': '数据',
+        'x-index': 42,
+        'x-props': {
+            'data-hidebind': true,
+            itemClassName: 'form-field-selector',
+        },
+        'x-component': 'FieldSelectorComp',
     }),
     initialValues: Type.Record(Type.String(), Type.Unknown(), {
         title: '表单初始值',
         default: {},
         display: false,
-        'x-index': 80,
-        'x-category': '高级属性',
+        'x-index': 1230,
+        'x-group': '数据',
         description: '可以用于设置表单的初始值, 表单重置时该值会被清空. 请采用绑定方式为其赋值, 在低码IDE中仅初次渲染能查看到效果, 后续配置变动无效果.',
         'x-component': 'jsontext',
     }),
 });
 const properties = Type.Composite([
-    Type.Pick(data, ['formType', 'dataSourceName', 'layout']),
+    Type.Pick(data, ['formType', 'dataSourceName', 'layout', 'isDisabledSubmit']),
     Type.Object({
         errors: Type.Record(Type.String(), Type.Array(Type.Object({
             format: Type.Optional(Type.String()),
@@ -495,6 +552,8 @@ const properties = Type.Composite([
         value: Type.Record(Type.String(), Type.Any(), {
             title: '表单前端值',
             description: '当前前端表单状态值',
+            'x-group': '数据',
+            'x-index': 48,
         }),
         dataSourceProfile: Type.Any({
             title: '数据源类型信息',
@@ -502,7 +561,7 @@ const properties = Type.Composite([
         }),
         submitParams: Type.Record(Type.String(), Type.Any(), {
             title: '数据源方法提交入参',
-            description: '数据源方法提交入参',
+            description: '数据源方法提交入参, 绑定query的时候没有',
         }),
         clearValidate: Type.Function([], Type.Void(), {
             title: '清除校验',
@@ -510,7 +569,12 @@ const properties = Type.Composite([
         }),
     }),
 ]);
-//           ^?
+// const templateExpr = `
+// {{#if (helper_utils '===' $self.attributes.datasourceType 'expression')}}
+// [attributes]
+// ':value': "{}"
+// {{/if}}
+// `;
 export default defineConfig({
     $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
     data,
@@ -554,6 +618,12 @@ export default defineConfig({
             name: 'clearValue',
             label: '置空',
             description: '通过 $w.<id>.clearValue() 将表单置空',
+            params: Type.Optional(Type.Object({
+                isImmediate: Type.Boolean({
+                    title: '是否开启防抖',
+                    default: false,
+                }),
+            })),
         },
         {
             name: 'clearValidate',
@@ -565,6 +635,16 @@ export default defineConfig({
             label: '校验',
             description: '通过 $w.<id>.validate() 触发表单提交',
         },
+        {
+            name: 'disableSubmit',
+            label: '禁用提交',
+            description: '通过 $w.<id>.disableSubmit 设置禁用表单提交',
+        },
+        {
+            name: 'enableSubmit',
+            label: '启用提交',
+            description: '通过 $w.<id>.enableSubmit 设置启用表单提交',
+        },
     ],
     events,
     meta: {
@@ -577,8 +657,28 @@ export default defineConfig({
         categoryOrder: 100,
         componentOrder: 30,
         visible: ['APP', 'COMPONENT'],
+        inlineStyleForm: {
+            $text: {
+                visible: false,
+            },
+        },
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/Form',
-        icon: 'https://comp-public-1303824488.file.myqcloud.com/lca/comGroup/cg-jgjmnsvid6ot/Form/icon.svg',
+        figureIcon: '../figureIcons/WdForm.svg',
+        icon: '../icons/Form.svg',
+        group: {
+            数据: {
+                'x-index': 10,
+                expand: true,
+            },
+            表单布局: {
+                'x-index': 20,
+                expand: true,
+            },
+            字段管理: {
+                'x-index': 20,
+                expand: true,
+            },
+        },
         shortcut: {
             props: [
                 'formType',
@@ -599,10 +699,91 @@ export default defineConfig({
                 to: 'contentSlot',
             },
             // {
+            //   when: 'datasourceType',
+            //   body: templateExpr
+            // },
+            // {
             //   when: 'formType, formTypeBind,dataSourceName,datasourceType,methodCreate,methodUpdate',
             //   to: 'contentSlot',
             //   body: formTemplateWithoutFields,
             // },
         ],
+        queryGeneratorConfig: {
+            sceneConfig: {
+                scenes: ['create'],
+                availableScenes: ['create', 'select', 'update'],
+                validCombinations: [['create'], ['update', 'select'], ['select']],
+                enableSelectMultiple: true,
+            },
+            fieldsConfig: {
+                enableSelectFieldFormType: true,
+            },
+        },
+        previewOperation: {
+            headerIcon: svg `<svg xmlns="http://www.w3.org/2000/svg" width="49" height="48" viewBox="0 0 49 48" fill="none"><rect x="6.5" y="14" width="36" height="26" fill="#DCDCDC"/><path d="M6.5 7H42.5V13H6.5V7Z" fill="#DCDCDC"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.0244 30.9639C31.0244 31.4832 30.7697 31.9327 30.4038 32.2932C30.0397 32.6519 29.5384 32.9519 28.9594 33.1932C27.7991 33.6766 26.2308 33.9639 24.5244 33.9639C22.818 33.9639 21.2498 33.6766 20.0895 33.1932C19.5104 32.9519 19.0092 32.6519 18.645 32.2932C18.2791 31.9327 18.0244 31.4832 18.0244 30.9639V23.9639C18.0244 23.4445 18.2791 22.995 18.645 22.6346C19.0092 22.2759 19.5104 21.9758 20.0895 21.7346C21.2498 21.2511 22.818 20.9639 24.5244 20.9639C26.2308 20.9639 27.7991 21.2511 28.9594 21.7346C29.5384 21.9758 30.0397 22.2759 30.4038 22.6346C30.7697 22.995 31.0244 23.4445 31.0244 23.9639V30.9639ZM19.3468 23.3469C19.1055 23.5847 19.0244 23.7929 19.0244 23.9639C19.0244 24.1349 19.1055 24.343 19.3468 24.5808C19.5899 24.8203 19.9674 25.059 20.4741 25.2701C21.4854 25.6915 22.9171 25.9639 24.5244 25.9639C26.1318 25.9639 27.5635 25.6915 28.5747 25.2701C29.0815 25.059 29.4589 24.8203 29.702 24.5808C29.9434 24.343 30.0244 24.1349 30.0244 23.9639C30.0244 23.7929 29.9434 23.5847 29.702 23.3469C29.4589 23.1075 29.0815 22.8688 28.5747 22.6576C27.5635 22.2363 26.1318 21.9639 24.5244 21.9639C22.9171 21.9639 21.4854 22.2363 20.4741 22.6576C19.9674 22.8688 19.5899 23.1075 19.3468 23.3469ZM30.0244 25.612V27.4639C30.0244 27.6349 29.9434 27.843 29.702 28.0808C29.4589 28.3203 29.0815 28.559 28.5747 28.7701C27.5635 29.1915 26.1318 29.4639 24.5244 29.4639C22.9171 29.4639 21.4854 29.1915 20.4741 28.7701C19.9674 28.559 19.5899 28.3203 19.3468 28.0808C19.1055 27.843 19.0244 27.6349 19.0244 27.4639V25.612C19.3298 25.8335 19.6912 26.0272 20.0895 26.1932C21.2498 26.6766 22.818 26.9639 24.5244 26.9639C26.2308 26.9639 27.7991 26.6766 28.9594 26.1932C29.3576 26.0272 29.7191 25.8335 30.0244 25.612ZM30.0244 30.9639V29.112C29.7191 29.3335 29.3576 29.5272 28.9594 29.6932C27.7991 30.1766 26.2308 30.4639 24.5244 30.4639C22.818 30.4639 21.2498 30.1766 20.0895 29.6932C19.6912 29.5272 19.3298 29.3335 19.0244 29.112V30.9639C19.0244 31.1349 19.1055 31.343 19.3468 31.5808C19.5899 31.8203 19.9674 32.059 20.4741 32.2701C21.4854 32.6915 22.9171 32.9639 24.5244 32.9639C26.1318 32.9639 27.5635 32.6915 28.5747 32.2701C29.0815 32.059 29.4589 31.8203 29.702 31.5808C29.9434 31.343 30.0244 31.1349 30.0244 30.9639Z" fill="white"/></svg>`,
+            insertSlotName: 'contentSlot',
+            operation: [
+                {
+                    icon: svg `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+          <path d="M7.66667 5.25V5.75H8.16667L12.8494 5.75L6.33333 12.7315V8.75V8.25H5.83333H1.15061L7.66667 1.26851V5.25Z" stroke="#13161B"/>
+          </svg>`,
+                    title: '使用数据源生成表单',
+                    action: 'OPEN_GENERATE_QUERY_FORM',
+                },
+            ],
+        },
     },
 });
+/**
+const formTemplateWithoutFields = `
+{{#with $self as |$self|}}
+{{#with (helper_utils '?:' (helper_utils 'isEqual' $self.attributes.dataSourceType 'data-model') $self.attributes.datasource.name $self.attributes.bindConnectMetadata.datasource.name) as |_datasourceName| }}
+  #with (
+    helper_utils '?:'
+    (helper_utils 'isEqual' $self.attributes.dataSourceType 'data-model')
+    {{#switch $self.attributes.formType}}
+      {{#case "create"}}
+        "wedaCreate"
+      {{/case}}
+      {{#case "create"}}
+        "wedaCreate"
+      {{/case}}
+    {{/switch}}
+    ($self.attributes.connectorMethod.name)
+    )
+  as |_methodName|
+}}
+[[template]]
+component = "Container"
+
+[template.attributes]
+class = "wd-form-item wd-form-title"
+
+[[template.items]]
+component = "WdText"
+
+[template.items.attributes]
+level = "title-6"
+"text" = "表单标题"
+"class" = "wd-form-title__text"
+`;
+
+ */
+// const WD_FORM_LABEL_DIRECTION = [
+//   {
+//     label: '水平左对齐',
+//     value: 'horizontal-left',
+//   },
+//   {
+//     label: '水平右对齐',
+//     value: 'horizontal-right',
+//   },
+//   {
+//     label: '垂直左对齐',
+//     value: 'vertical-left',
+//   },
+//   {
+//     label: '垂直右对齐',
+//     value: 'vertical-right',
+//   },
+// ];