@cloudbase/weda-ui 3.4.8 → 3.4.9-alpha.1024

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

@@ -0,0 +1,394 @@
+import { defineConfig, Tuple, Type } from '../type-utils';
+const data = Type.Object({
+    contentSlot: Type.Slot({
+        description: '内容插槽',
+    }),
+    _id: Type.Optional(Type.String({
+        title: '数据标识(_id)',
+        default: '',
+        'x-index': 40,
+        'x-category': '基础属性',
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                schema: {
+                    'x-component-props': {
+                        _id: '{{$self.value}}',
+                    },
+                },
+                target: '*(dataSourceName,formType)',
+            },
+        ],
+    })),
+    formType_bind: Type.Boolean({
+        title: '表单场景绑定值',
+        default: false,
+        display: false,
+        'x-index': 11,
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '_id',
+                condition: "{{ (['edit', 'read'].includes($form.values.formType) || $self.value ) && $form.values.datasourceType === 'model'}}",
+            },
+            {
+                type: 'value:visible',
+                target: 'methodCreate',
+                condition: "{{ ('create' === $form.values.formType || $self.value) && ['connector', 'custom-connector'].includes($form.values.datasourceType) }}",
+            },
+            {
+                type: 'value:visible',
+                target: '*(methodGetItem,paramGetItem,methodUpdate)',
+                condition: "{{ ('edit' === $form.values.formType || $self.value) && ['connector', 'custom-connector'].includes($form.values.datasourceType) }}",
+            },
+            {
+                type: 'value:visible',
+                target: '*(methodGetItem,paramGetItem)',
+                condition: "{{ ['connector', 'custom-connector'].includes($form.values.datasourceType) && 'read' === $form.values.formType }}",
+            },
+        ],
+    }),
+    datasourceType: Type.StringEnum({
+        title: '数据源',
+        default: 'model',
+        'x-index': 20,
+        'x-props': {
+            'data-hidebind': true,
+            itemClassName: 'form-selector',
+        },
+        'x-category': '基础属性',
+        '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: 'methodCreate',
+                condition: "{{ ('create' === $form.values.formType || $form.values.formType_bind) && ['connector', 'custom-connector'].includes($self.value) }}",
+            },
+            {
+                type: 'value:visible',
+                target: '*(methodGetItem,paramGetItem,methodUpdate)',
+                condition: "{{ ('edit' === $form.values.formType || $form.values.formType_bind) && ['connector', 'custom-connector'].includes($self.value) }}",
+            },
+            {
+                type: 'value:schema',
+                schema: {
+                    title: "{{ {model: '数据模型', connector: 'APIs', 'custom-connector': '自定义APIs'}[$self.value] || '数据模型'  }}",
+                },
+                target: 'dataSourceName',
+            },
+            {
+                type: 'value:schema',
+                schema: {
+                    'x-component-props': {
+                        datasourceType: '{{$self.value}}',
+                    },
+                },
+                target: '*(dataSourceName,formType,fields,methodCreate,methodUpdate)',
+            },
+        ],
+        'x-component': 'DatasourceTypeSelectorComp',
+        'x-component-props': {
+            options: [
+                {
+                    icon: 'database',
+                    text: '数据模型',
+                    value: 'model',
+                    isShow: true,
+                },
+                {
+                    icon: 'custom-connector',
+                    text: 'APIs',
+                    value: 'custom-connector',
+                    isShow: true,
+                },
+            ],
+            defaultValue: 'model',
+        },
+        enum: Tuple([
+            {
+                icon: 'database',
+                label: '数据模型',
+                value: 'model',
+                isShow: true,
+            },
+            {
+                icon: 'connector',
+                label: 'APIs',
+                value: 'connector',
+                isShow: true,
+            },
+            {
+                icon: 'custom-connector',
+                label: '自定义APIs',
+                value: 'custom-connector',
+                isShow: true,
+            },
+        ]),
+    }),
+    formType: Type.StringEnum({
+        title: '表单场景',
+        default: 'create',
+        'x-index': 10,
+        'x-props': {
+            itemClassName: 'form-selector',
+        },
+        'x-category': '基础属性',
+        '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,methodUpdate)',
+                condition: "{{ 'edit' === $self.value && ['connector', 'custom-connector'].includes($form.values.datasourceType) }}",
+            },
+            {
+                type: 'value:schema',
+                schema: {
+                    'x-component-props': {
+                        formType: '{{$self.value}}',
+                    },
+                },
+                target: '*(dataSourceName,fields,methodCreate,methodUpdate,datasourceType)',
+            },
+        ],
+        'x-component': 'FormTypeSelectorComp',
+        enum: Tuple([
+            {
+                label: '新增',
+                value: 'create',
+            },
+            {
+                label: '更新',
+                value: 'edit',
+            },
+            {
+                label: '查看',
+                value: 'read',
+            },
+        ]),
+    }),
+    dataSourceName: Type.String({
+        title: '数据模型',
+        default: '',
+        'x-index': 30,
+        'x-props': {
+            'data-hidebind': true,
+            itemClassName: 'form-datasource-selector',
+        },
+        '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}}',
+                    },
+                },
+                target: '*(methodCreate,methodGetItem,methodUpdate,fields,formType)',
+            },
+        ],
+        '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: '布局方式',
+        default: 'horizontal',
+        remarks: '设置当前容器内表单类组件的标题和输入选择区域为左右布局或上下布局',
+        'x-index': 60,
+        'x-category': '基础属性',
+        enum: Tuple([
+            {
+                label: '水平',
+                value: 'horizontal',
+            },
+            {
+                label: '垂直',
+                value: 'vertical',
+            },
+        ]),
+    }),
+    methodCreate: Type.String({
+        type: 'string',
+        title: '新增方法',
+        default: '',
+        'x-index': 50,
+        'x-props': {
+            'data-hidebind': true,
+            itemClassName: 'form-selector',
+        },
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                schema: {
+                    'x-component-props': {
+                        methodCreate: '{{$self.value}}',
+                    },
+                },
+                target: '*(dataSourceName,fields,methodUpdate)',
+            },
+        ],
+        'x-component': 'FormMethodSelectorComp',
+        'x-component-props': {
+            intent: 'create',
+        },
+    }),
+    methodUpdate: Type.String({
+        title: '更新方法',
+        default: '',
+        'x-index': 53,
+        'x-props': {
+            'data-hidebind': true,
+            itemClassName: 'form-selector',
+        },
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                schema: {
+                    'x-component-props': {
+                        methodUpdate: '{{$self.value}}',
+                    },
+                },
+                target: '*(dataSourceName,fields,methodCreate)',
+            },
+        ],
+        'x-component': 'FormMethodSelectorComp',
+        'x-component-props': {
+            intent: 'update',
+        },
+    }),
+    paramGetItem: Type.Record(Type.String(), Type.Unknown(), {
+        title: '查询入参',
+        default: {},
+        remarks: '直接输入对象字面量, 如 {status: 1}',
+        'x-index': 52,
+    }),
+    methodGetItem: Type.String({
+        type: 'string',
+        title: '查询方法',
+        default: '',
+        'x-index': 51,
+        'x-props': {
+            'data-hidebind': true,
+            itemClassName: 'form-selector',
+        },
+        'x-component': 'FormMethodSelectorComp',
+        'x-component-props': {
+            intent: 'get-item',
+        },
+    }),
+    initialValues: Type.Record(Type.String(), Type.Unknown(), {
+        title: '表单初始值',
+        default: {},
+        display: false,
+        remarks: '该表单中各字段的初始默认值',
+        'x-index': 80,
+        'x-category': '高级属性',
+        description: '可以用于设置表单的初始值, 表单重置时该值会被清空. 请采用绑定方式为其赋值, 在低码IDE中仅初次渲染能查看到效果, 后续配置变动无效果.',
+        'x-component': 'jsontext',
+    }),
+});
+const properties = Type.Intersect([
+    Type.Pick(data, ['formType', 'dataSourceName', 'layout']),
+    Type.Object({
+        errors: Type.Record(Type.String(), Type.Object({
+            format: Type.String(),
+            message: Type.String(),
+        }), {
+            description: '提交的校验错误信息对象',
+        }),
+        remoteValue: Type.Record(Type.String(), Type.Any(), {
+            description: '数据源初始化请求的初始值',
+        }),
+        value: Type.Record(Type.String(), Type.Any(), {
+            description: '当前前端表单状态值',
+        }),
+        dataSourceProfile: Type.Any({ description: '数据源信息' }),
+        // TODO:
+        // clearValidate: Type.Function([], Type.Void()),
+    }),
+]);
+//           ^?
+export default defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    compConfig: {
+        isDataContainer: true,
+        componentType: 'form',
+    },
+    methods: [
+        {
+            name: 'submit',
+            label: '提交',
+        },
+    ],
+    events: [
+        {
+            title: '提交',
+            name: 'submit',
+        },
+    ],
+    defaultStyles: {
+        display: 'block',
+    },
+    meta: {
+        description: '作为单行输入、下拉选择等各项表单类组件的父级容器，实现数据提交。',
+        title: '表单容器',
+        name: 'WdForm',
+        // 组件别名，用于生成组件 id，例如 Icon1
+        componentName: 'Form',
+        category: '数据容器',
+        categoryOrder: 100,
+        componentOrder: 30,
+        visible: ['APP', 'COMPONENT'],
+        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',
+        shortcut: {
+            props: [
+                'formType',
+                'datasourceType',
+                'dataSourceName',
+                '_id',
+                'methodCreate',
+                'methodGetItem',
+                'paramGetItem',
+                'methodUpdate',
+            ],
+        },
+    },
+});

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

@@ -110,11 +110,11 @@ const config = defineConfig({
         // 组件别名，用于生成组件 id，例如 Icon1
         componentName: 'Icon',
         title: '图标',
-        description: '可以通过在图标组件的配置区中选择微搭提供的预置图标实现图标的展示效果并调整图标颜色等参数，同时图标组件也支持用户对图标进行自定义的上传。',
+        description: '选择预置图标实现图标的展示效果，也支持用户上传自定义图标。',
         icon: '../../icons/Icon.svg',
         category: '展示',
         categoryOrder: 400,
-        componentOrder: 100,
+        componentOrder: 270,
         visible: ['APP'],
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdIcon',
         // 快捷编辑时展示在编辑区的属性

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

@@ -134,6 +134,11 @@ const config = defineConfig({
             selector: '.wd-mp-image',
             description: '可以为小程序端的图片编写样式',
         },
+        {
+            name: '预览弹窗根元素',
+            selector: '.wd-image-preview-container',
+            description: '点击预览图片时打开的预览弹窗',
+        },
         {
             name: '预览背景',
             selector: '.wd-image-mask',

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

@@ -209,11 +209,11 @@ const config = defineConfig({
         // 组件别名，用于生成组件 id，例如 Icon1
         componentName: 'Link',
         title: '链接',
-        description: '当操作命令需要用户点击，用以触发特定事件的发生，如点击事件、信息提交等。',
+        description: '用于实现超链接点击后跳转。',
         icon: '../../icons/Link.svg',
         category: '展示',
-        categoryOrder: 1,
-        componentOrder: 1,
+        categoryOrder: 400,
+        componentOrder: 250,
         platform: ['MOBILEWEB', 'PCWEB'],
         visible: ['APP'],
         templates: [