@cloudbase/weda-ui 0.2.17 → 0.2.21-alpha.1

package/dist/configs/components/dataView.js

@@ -0,0 +1,768 @@
+import { svgDataUri as svg } from '../svg-tag';
+import { Type } from '../type-utils';
+import { genericErrorType } from '../type-utils/error';
+import { OFFICIAL_LIB_KEY, previewOperationHeaderIcon, } from '../utils/constants';
+const rawTemplate = `
+{{#with (helper_utils 'concat' 'string' 'number' 'boolean') as |_rangeTypes|}}
+
+[[template]]
+component = 'Container'
+[template.extra.commonStyle.margin]
+bottom = '15PX'
+left = '26PX'
+right = '25PX'
+top = '15PX'
+
+[[template.items]]
+component='WdText'
+[template.items.attributes]
+{{#if (helper_utils 'get' (helper_getDatasource _datasourceName) 'title') }}
+text='{{helper_utils 'get' (helper_getDatasource _datasourceName) 'title'}}详情'
+{{else}}
+text='详情'
+{{/if}}
+level='title-6'
+textAlign = 'left'
+[template.items.extra.commonStyle.margin]
+bottom = '16PX'
+
+[[template.items]]
+component='Grid'
+[template.items.attributes]
+gutterY=3
+
+{{#each _fields as |_field _index| }}
+{{#with (helper_utils 'get' _field 'name') as |_name|}}
+{{#with (helper_utils 'get' _field 'title') as |_title|}}
+{{#with (helper_utils 'get' _field 'type') as |_type|}}
+{{#with (helper_utils '||' (helper_utils 'get' _field 'format') '_fake') as |_format|}}
+{{#with (helper_utils '||' (helper_utils 'get' _field 'items.type') '_fake') as |_itemsType|}}
+{{#with (helper_utils '||' (helper_utils 'get' _field 'items.format') '_fake') as |_itemsFormat|}}
+{{#if (helper_utils '||' (helper_utils 'includes' _rangeTypes _type) (helper_utils '&&' (helper_utils '===' _type 'array') (helper_utils 'includes' _rangeTypes _itemsType)) )}}
+
+[[template.items.items]]
+component='Row'
+[[template.items.items.items]]
+component='Col'
+[template.items.items.items.attributes]
+lgWidthType='2'
+widthType='4'
+[[template.items.items.items.items]]
+component='WdText'
+[template.items.items.items.items.attributes]
+text='{{_title}}'
+[template.items.items.items.items.extra.commonStyle.text]
+color='var(--wd-color-text-second)'
+[template.items.items.items.items.extra.commonStyle.self]
+color='var(--wd-color-text-second)'
+
+[[template.items.items.items]]
+component='Col'
+
+{{#if (helper_utils '&&' (helper_utils 'isEqual' _type 'array') (helper_utils 'includes' _rangeTypes _itemsType))}}
+
+{{#with (helper_utils 'uuid') as |repeater_suffix|}}
+[[template.items.items.items.items]]
+module = '${OFFICIAL_LIB_KEY}'
+component = 'Repeater'
+[template.items.items.items.items.attributes]
+{{#if (helper_utils 'isEqual' _name '_departmentList')}}
+':data' = '$w.{{$self.id}}.record[\`##SHOW\`]._departmentList'
+{{else}}
+':data' = '$w.{{$self.id}}.record.{{_name}}'
+{{/if}}
+suffix = '{{repeater_suffix}}'
+forItem = 'item_{{repeater_suffix}}'
+forIndex = 'index_{{repeater_suffix}}'
+key = '_id'
+
+{{#if (helper_utils 'isEqual' _itemsFormat 'x-image')}}
+[[template.items.items.items.items.items]]
+component='WdImage'
+[template.items.items.items.items.items.attributes]
+':src'='$w.item_{{repeater_suffix}}'
+{{else}}
+[[template.items.items.items.items.items]]
+component='WdText'
+[template.items.items.items.items.items.attributes]
+{{#if (helper_utils 'isEqual' _itemsType 'boolean')}}
+':text'='$w.item_{{repeater_suffix}} ? \`是\` : \`否\`'
+{{else if (helper_utils 'isEqual' _itemsFormat 'datetime')}}
+':text'='app.utils.formatDate($w.item_{{repeater_suffix}}, \`yyyy-mm-dd HH:MM:ss\`)'
+{{else if (helper_utils 'isEqual' _itemsFormat 'date')}}
+':text'='app.utils.formatDate($w.item_{{repeater_suffix}}, \`yyyy-mm-dd\`)'
+{{else if (helper_utils 'isEqual' _itemsFormat 'time')}}
+':text'='app.utils.formatDate($w.item_{{repeater_suffix}}, \`HH:MM:ss\`, true)'
+{{else if (helper_utils 'isEqual' _format 'x-enum')}}
+':text'='app.utils.formatEnum($w.item_{{repeater_suffix}}, \`{{helper_utils 'get' _field 'x-option-name'}}\`, app)'
+{{else}}
+':text'='$w.item_{{repeater_suffix}}'
+{{/if}}
+{{/if}}
+[template.items.items.items.items.extra.commonStyle]
+whiteSpace = 'pre-line'
+[template.items.items.items.items.extra.commonStyle.self]
+whiteSpace = 'pre-line'
+{{/with}}
+
+{{else if (helper_utils 'includes' _rangeTypes _type)}}
+{{#if (helper_utils 'isEqual' _format 'x-image')}}
+[[template.items.items.items.items]]
+component='WdImage'
+[template.items.items.items.items.attributes]
+':src'='$w.{{$self.id}}.record.{{_name}}'
+{{else if (helper_utils 'isEqual' _format 'x-rtf')}}
+[[template.items.items.items.items]]
+component='RichTextView'
+[template.items.items.items.items.attributes]
+':value'='$w.{{$self.id}}.record.{{_name}}'
+{{else}}
+[[template.items.items.items.items]]
+component='WdText'
+[template.items.items.items.items.attributes]
+{{#if (helper_utils 'isEqual' _type 'boolean')}}
+':text'='$w.{{$self.id}}.record.{{_name}} ? \`是\` : \`否\`'
+{{else if (helper_utils 'isEqual' _format 'datetime')}}
+':text'='app.utils.formatDate($w.{{$self.id}}.record.{{_name}}, \`yyyy-mm-dd HH:MM:ss\`)'
+{{else if (helper_utils 'isEqual' _format 'date')}}
+':text'='app.utils.formatDate($w.{{$self.id}}.record.{{_name}}, \`yyyy-mm-dd\`)'
+{{else if (helper_utils 'isEqual' _format 'time')}}
+':text'='app.utils.formatDate($w.{{$self.id}}.record.{{_name}}, \`HH:MM:ss\`, true)'
+{{else if (helper_utils 'isEqual' _format 'x-enum')}}
+':text'='app.utils.formatEnum($w.{{$self.id}}.record.{{_name}}, \`{{helper_utils 'get' _field 'x-option-name'}}\`, app)'
+{{else if (helper_utils 'includes' (helper_utils 'concat' 'father-son' 'related') _format)}}
+':text'='$w.{{$self.id}}.record?.[\`@{{_name}}\`]?.v1?.record?.[$w.{{$self.id}}.record?.[\`@{{_name}}\`]?.v1?.primaryColumn] || $w.{{$self.id}}.record.{{_name}}'
+{{else}}
+':text'='$w.{{$self.id}}.record.{{_name}}'
+{{/if}}
+{{/if}}
+[template.items.items.items.items.extra.commonStyle]
+whiteSpace = 'pre-line'
+[template.items.items.items.items.extra.commonStyle.self]
+whiteSpace = 'pre-line'
+
+{{/if}}
+{{/if}}
+{{/with}}
+{{/with}}
+{{/with}}
+{{/with}}
+{{/with}}
+{{/with}}
+{{/each}}
+
+{{/with}}
+`;
+const $attached_template = `
+[attributes]
+isSupportApis = false
+supportManyRelated=true
+`;
+const attributes_template = `
+{{#with $self as |$self|}}
+{{#if (helper_utils '===' $self.attributes.dataSourceType 'expression')}}
+[attributes]
+':dataSourceData'="
+  {
+    _id: 'id1',
+    name: 'sam',
+    age: 18,
+    email: 'samzhang@qq.com',
+    role: 'student',
+    scores: [90, 89],
+    scoresDetail: [
+      {
+        '得分(score)': 90,
+        '学期(semester)': '第一学期',
+      },
+      {
+        '得分(score)': 89,
+        '学期(semester)': '第二学期',
+      },
+    ],
+  }"
+{{else}}
+{{#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') 'wedaGetRecordsV2' $self.attributes.connectorMethod.name) as |_methodName| }}
+{{#with (helper_getFields _datasourceName _methodName (helper_utils '?:' (helper_utils '===' _datasourceName 'sys_user') true false) false) as |_fields|}}
+${rawTemplate}
+{{/with}}
+{{/with}}
+{{/with}}
+
+{{/if}}
+
+{{/with}}
+`;
+const expression_template = `
+{{#with $self as |$self|}}
+{{#if (helper_utils '===' $self.attributes.dataSourceType 'expression')}}
+{{#with  $self.editStateData.exprToFieldsSchema  as |_fields|}}
+${rawTemplate}
+{{/with}}
+
+{{else}}
+{{#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') 'wedaGetRecordsV2' $self.attributes.connectorMethod.name) as |_methodName| }}
+{{#with (helper_getFields _datasourceName _methodName (helper_utils '?:' (helper_utils '===' _datasourceName 'sys_user') true false) false) as |_fields|}}
+${rawTemplate}
+{{/with}}
+{{/with}}
+{{/with}}
+
+{{/if}}
+{{/with}}
+`;
+const query_condition_template = `
+{{#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') 'wedaGetRecordsV2' $self.attributes.connectorMethod.name) as |_methodName| }}
+{{#with (helper_getFields _datasourceName _methodName (helper_utils '?:' (helper_utils '===' _datasourceName 'sys_user') true false) false) as |_fields|}}
+${rawTemplate}
+{{/with}}
+{{/with}}
+{{/with}}
+{{/with}}
+
+[attributes]
+{{#if (helper_utils 'isEqual' $self.attributes.datasource.extra.methodName 'wedaGetRecordsV2')}}
+':queryCondition'='null'
+supportManyRelated=true
+{{else}}
+':queryCondition'='[]'
+{{/if}}
+`;
+const properties = Type.Object({
+    record: Type.Object({}, {
+        title: '数据记录',
+        description: '数据记录',
+    }),
+    dataSourceVersion: Type.String({
+        title: '数据源协议版本',
+        description: '数据源类型为数据模型时，数据详情支持的数据源协议版本',
+    }),
+});
+const config = {
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data: {
+        properties: {
+            dataSourceType: {
+                'x-index': 5,
+                title: '数据源',
+                'x-category': '数据',
+                type: 'string',
+                default: 'data-model',
+                enum: [
+                    {
+                        label: '数据模型',
+                        value: 'data-model',
+                    },
+                    {
+                        label: '表达式',
+                        value: 'expression',
+                    },
+                    {
+                        label: 'APIs',
+                        value: 'custom-connector',
+                    },
+                ],
+                'x-linkages': [
+                    {
+                        type: 'value:state',
+                        target: '*(orderType,queryCondition,orderBy,datasource,selectFieldType)',
+                        condition: "{{$self.value ==='data-model'}}",
+                        state: {
+                            display: true,
+                        },
+                        otherwise: {
+                            display: false,
+                        },
+                    },
+                    {
+                        type: 'value:state',
+                        target: '*(bindConnectMetadata,connectorMethod,connectorParams)',
+                        condition: "{{$self.value=='custom-connector'}}",
+                        state: {
+                            display: true,
+                        },
+                        otherwise: {
+                            display: false,
+                        },
+                    },
+                    {
+                        type: 'value:state',
+                        target: '*(dataSourceData,exprToFieldsSchema)',
+                        condition: "{{$self.value=='expression'}}",
+                        state: {
+                            display: true,
+                        },
+                        otherwise: {
+                            display: false,
+                        },
+                    },
+                    {
+                        type: 'value:schema',
+                        target: 'bindConnectMetadata',
+                        schema: {
+                            'x-component-props': '{{{value:$value}}}',
+                        },
+                    },
+                    {
+                        type: 'value:schema',
+                        target: 'connectorMethod',
+                        schema: {
+                            'x-component-props': '{{{connector:$value}}}',
+                        },
+                    },
+                ],
+                'x-component': 'dsc-datasource-type-select',
+                'x-component-props': {
+                    defaultValue: 'data-model',
+                    options: [
+                        {
+                            value: 'data-model',
+                            text: '数据模型',
+                            label: '数据模型',
+                            icon: 'database',
+                            isShow: true,
+                        },
+                        {
+                            value: 'expression',
+                            text: '表达式',
+                            label: '表达式',
+                            icon: 'expression',
+                            isShow: true,
+                        },
+                        {
+                            value: 'custom-connector',
+                            text: 'APIs',
+                            label: 'APIs',
+                            icon: 'custom-connector',
+                            isShow: true,
+                        },
+                    ],
+                },
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                description: '数据源类型选择',
+            },
+            datasource: {
+                'x-index': 10,
+                title: '数据模型',
+                required: true,
+                type: 'object',
+                'x-category': '数据',
+                properties: {
+                    name: {
+                        title: '数据模型名',
+                        type: 'string',
+                    },
+                    extra: {
+                        title: '数据模型属性',
+                        type: 'object',
+                        properties: {
+                            viewId: {
+                                title: '数据模型视图id',
+                                type: 'string',
+                            },
+                            methodName: {
+                                title: '数据模型方法名',
+                                type: 'string',
+                            },
+                        },
+                    },
+                },
+                'x-component': 'datasource-selector',
+                'x-component-props': {
+                    dataContainerType: 'dataView',
+                    methodName: 'wedaGetRecordsV2',
+                },
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                'x-linkages': [
+                    {
+                        type: 'value:schema',
+                        target: 'params',
+                        schema: {
+                            'x-component-props': '{{$value}}',
+                        },
+                    },
+                    {
+                        type: 'value:schema',
+                        condition: '{{ Boolean($value && $value.name) }}',
+                        target: 'queryCondition',
+                        schema: {
+                            'x-component-props': '{{{selectedDataSourceName: $value && $value.name}}}',
+                        },
+                    },
+                    {
+                        type: 'value:schema',
+                        target: 'selectFields',
+                        schema: {
+                            'x-component-props': {
+                                dataSourceName: '{{$self.value && $self.value.name}}',
+                            },
+                        },
+                    },
+                ],
+                description: '展示模型数据的数据来源',
+            },
+            bindConnectMetadata: {
+                title: 'APIs',
+                type: 'object',
+                required: true,
+                'x-component': 'connector-select',
+                'x-index': 12,
+                'x-category': '数据',
+                'x-linkages': [
+                    {
+                        type: 'value:schema',
+                        target: 'connectorMethod',
+                        schema: {
+                            'x-component-props': '{{{value:$value}}}',
+                        },
+                    },
+                ],
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                description: '展示数据的APIs来源选择',
+            },
+            dataSourceData: {
+                title: '表达式',
+                type: 'object',
+                required: true,
+                'x-category': '数据',
+                description: '数据详情展示的数据，可选择变量。',
+                'x-component': 'jsontext',
+                'x-helper-text': '新特性：数据详情追加绑定表达式数据，原APIs路径优化为表达式。注意：当输入的表达式变化时，会触发自动生成详情字段。因此建议先输入表达式再调整样式。[查看示例](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/DataView#2-%E7%BB%91%E5%AE%9A%E8%A1%A8%E8%BE%BE%E5%BC%8F)',
+                'x-index': 14,
+            },
+            exprToFieldsSchema: Type.Optional(Type.String({
+                title: '',
+                type: 'string',
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                default: '',
+                'x-category': '数据',
+                'x-index': 15,
+                'x-component': 'expr-to-fields-schema',
+                'x-component-props': {
+                    expressionField: 'dataSourceData',
+                },
+            })),
+            connectorMethod: {
+                title: '调用方法',
+                type: 'object',
+                required: true,
+                'x-component': 'connector-method-select',
+                'x-index': 16,
+                'x-category': '数据',
+                'x-props': {
+                    'data-hidebind': true,
+                },
+                description: '展示数据的APIs调用方法选择',
+            },
+            connectorParams: {
+                title: '查询入参',
+                type: 'string',
+                'x-index': 18,
+                'x-category': '数据',
+                description: "对APIs调用方法获取的数据进行筛选过滤。支持对象类型，例如 {name:'',value:''}",
+                'x-component': 'property-object-params-field',
+                'x-component-props': {
+                    dataSourceKeyName: 'bindConnectMetadata',
+                    dataSourceValuePath: 'datasource.name',
+                    methodNameKeyName: 'connectorMethod',
+                    methodValuePath: 'name',
+                    paramsKeyName: 'connectorParams',
+                },
+            },
+            queryCondition: {
+                'x-index': 20,
+                title: '数据筛选',
+                'x-category': '数据',
+                type: 'array',
+                items: {},
+                'x-component': 'data-source-condition-selector',
+                'x-component-props': {
+                    propertyPath: 'queryCondition',
+                    dataSourcePath: 'datasource.name',
+                    preWherePath: 'where',
+                },
+                'x-props': {
+                    'data-hidebind': false,
+                    'data-hideBindValue': true,
+                    'data-withBindMeta': true,
+                },
+                description: '对数据进行筛选过滤',
+            },
+            isSupportApis: Type.Optional(Type.Boolean({
+                title: '是否支持apis',
+                'x-category': '数据',
+                'x-index': 30,
+                display: false,
+                default: true,
+                'x-linkages': [
+                    {
+                        type: 'value:schema',
+                        target: 'dataSourceType',
+                        condition: '{{!$self.value}}',
+                        schema: {
+                            enum: [
+                                {
+                                    label: '数据模型',
+                                    value: 'data-model',
+                                },
+                                {
+                                    label: '表达式',
+                                    value: 'expression',
+                                },
+                            ],
+                            'x-component-props': {
+                                defaultValue: 'data-model',
+                                options: [
+                                    {
+                                        value: 'data-model',
+                                        text: '数据模型',
+                                        label: '数据模型',
+                                        icon: 'database',
+                                        isShow: true,
+                                    },
+                                    {
+                                        value: 'expression',
+                                        text: '表达式',
+                                        label: '表达式',
+                                        icon: 'expression',
+                                        isShow: true,
+                                    },
+                                ],
+                            },
+                        },
+                    },
+                ],
+            })),
+            selectFieldType: Type.Optional(Type.StringEnum({
+                title: '字段查询范围',
+                type: 'string',
+                enum: [
+                    { label: '全部字段', value: 'all' },
+                    { label: '本表字段', value: 'main' },
+                    { label: '自定义', value: 'custom' },
+                ],
+                'x-runtime-default': 'main',
+                'x-props': { clearable: true },
+                description: '默认查询本表字段',
+                'x-index': 40,
+                'x-category': '数据',
+                'x-linkages': [
+                    {
+                        type: 'value:visible',
+                        target: 'selectFields',
+                        condition: '{{$self.value === "custom"}}',
+                    },
+                ],
+            })),
+            selectFields: Type.Optional(Type.Array(Type.String(), {
+                title: '自定义查询字段',
+                type: 'array',
+                'x-props': { clearable: true },
+                'x-index': 50,
+                'x-category': '数据',
+                'x-component': 'mutilp-data-source-field-select',
+                'x-component-props': {
+                    dataSourceName: '',
+                    splitRelation: true,
+                    enableSetProcedure: false,
+                    enableConfigTitle: false,
+                },
+            })),
+            supportManyRelated: Type.Optional(Type.Boolean({
+                title: '支持v2协议',
+                description: '标记是否支持v2协议',
+                'x-category': '数据',
+                'x-index': 60,
+                display: false,
+                default: false,
+                'x-platforms': [''],
+                'x-linkages': [
+                    {
+                        type: 'value:schema',
+                        schema: {
+                            type: 'object',
+                            'x-component': 'datasource-condition-where-query-editor',
+                            'x-component-props': {
+                                propertyPath: 'queryCondition',
+                                dataSourcePath: 'datasource.name',
+                                preWherePath: 'where',
+                                enableKeyIsRelation: true,
+                            },
+                        },
+                        condition: '{{ Boolean($self.value) }}',
+                        target: '*(queryCondition)',
+                    },
+                    {
+                        type: 'value:visible',
+                        target: 'selectFieldType',
+                        condition: '{{ Boolean($self.value) }}',
+                    },
+                ],
+            })),
+        },
+    },
+    events: [
+        {
+            name: 'queryEmpty',
+            title: '查询为空',
+            description: '数据查询为空时触发',
+        },
+        {
+            name: 'querySuccess',
+            title: '查询成功',
+            description: '数据查询成功时触发',
+        },
+        {
+            name: 'queryFail',
+            title: '查询失败',
+            description: '数据查询失败时触发',
+            detail: Type.Object({
+                error: genericErrorType,
+            }),
+        },
+    ],
+    // 组件实例属性
+    properties,
+    methods: [
+        {
+            name: 'refresh',
+            label: '刷新',
+        },
+        {
+            name: 'deleteOne',
+            label: '删除单条数据',
+            params: {
+                properties: {
+                    _id: {
+                        title: '删除数据的标识',
+                        type: 'string',
+                        default: '',
+                    },
+                },
+            },
+        },
+    ],
+    compConfig: {
+        isDataContainer: true,
+        componentType: 'dataview',
+    },
+    isContainer: true,
+    meta: {
+        title: '数据详情',
+        category: '数据容器',
+        description: '适用于从数据源中查询一条数据，并将返回数据展示的场景，如查询访客预约详情。',
+        categoryOrder: 100,
+        componentOrder: 20,
+        figureIcon: '../figureIcons/DataView.svg',
+        icon: '../icons/DataView.svg',
+        inlineStyleForm: {
+            $text: {
+                visible: false,
+            },
+        },
+        templates: [
+            {
+                when: '$attached',
+                body: $attached_template,
+            },
+            {
+                when: 'connectorMethod,dataSourceType',
+                body: attributes_template,
+            },
+            {
+                when: 'exprToFieldsSchema',
+                body: expression_template,
+            },
+            {
+                when: 'datasource',
+                body: query_condition_template,
+            },
+        ],
+        group: {
+            ['数据']: {
+                'x-index': 1,
+                expand: true,
+            },
+        },
+        queryGeneratorConfig: {
+            sceneConfig: {
+                // 当前场景
+                scenes: ['select'],
+                // 允许选择的场景
+                availableScenes: ['select'],
+                // 场景组合
+                validCombinations: [['select']],
+                enableSelectMultiple: false,
+                // 是否可见
+                // visible: false,
+            },
+            fieldsConfig: {
+                // 支持配置 format
+                enableConfigFormat: true,
+                // 显示字段标识的列
+                showFieldTypeColumn: true,
+            },
+            apisConfig: {
+                // 配置 record 和 total 的键值，如果为 true，返回
+                enableConfigRecordAndTotalKey: true,
+            },
+            mysqlConfig: {
+            // 自动生成查询总条数语句
+            // autoGenerateCountQuery: true,
+            // 计数名字，表示 SELECT COUNT(*) as count FROM xxx; 的 count，如果指定countName为 abc，则输出sql SELECT COUNT(*) as abc FROM xxx;
+            // countName: 'count',
+            },
+            quickOperateButton: [
+                {
+                    icon: svg `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" t="1712908791586" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="4295" width="48" height="48"><script xmlns=""/><path d="M527.34 837.67l239.92-359.88c9.42-14.14 5.6-33.25-8.55-42.67a30.702 30.702 0 0 0-17.05-5.16H553.02V203.4c0-16.99-13.77-30.77-30.76-30.77-10.29 0-19.89 5.14-25.6 13.7L256.74 546.21c-9.42 14.14-5.6 33.24 8.54 42.67a30.744 30.744 0 0 0 17.06 5.17h188.64V820.6c0 16.99 13.77 30.77 30.76 30.77 10.29 0 19.9-5.14 25.6-13.7z" fill="#0052d9" p-id="4296"/><script xmlns="" id="bw-fido2-page-script"/><script xmlns=""/><div xmlns="" id="immersive-translate-popup" style="all: initial"/></svg>`,
+                    targetField: 'dataSourceType',
+                    content: '快速生成',
+                },
+            ],
+        },
+        previewOperation: {
+            headerIcon: previewOperationHeaderIcon,
+            insertSlotName: 'children',
+            previewSlotName: 'children',
+            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',
+                },
+            ],
+        },
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/database/DataView',
+        shortcut: {
+            props: [
+                'dataSourceType',
+                'datasource',
+                'queryCondition',
+                'bindConnectMetadata',
+                'connectorMethod',
+                'connectorParams',
+            ],
+        },
+        contextData: {
+            setField: true,
+            setRelated: true,
+        },
+    },
+};
+export default config;