@cloudbase/weda-ui 3.5.0 → 3.5.2-mp

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

@@ -1,229 +0,0 @@
-import { defineConfig, Type, Tuple } from '../type-utils';
-// import { FORM_ITEM_CONFIG_DATA as CONF } from '../type-utils/type-form';
-import { WD_FORM_DETAIL_VIEW_TYPE } from '../../enum';
-// 属性类型定义
-const data = Type.Object({
-    // 通用
-    // name: CONF.name,
-    name: Type.String({
-        title: '绑定字段',
-        default: 'formDetail',
-        type: 'string',
-        'x-component': '_form-field-name-auto-complete',
-        'x-rules': [
-            {
-                message: '该字段必填',
-                required: true,
-            },
-            {
-                message: '必须以字母开头，仅能输入字母或下划线或数字',
-                pattern: '^[a-zA-Z][0-9a-zA-Z_]*$',
-            },
-        ],
-        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。',
-        'x-category': '基础属性',
-        'x-index': 10,
-    }),
-    label: Type.String({
-        title: '标题',
-        default: '标题',
-        type: 'string',
-        description: '字段标题',
-        'x-category': '基础属性',
-        'x-index': 20,
-    }),
-    viewType: Type.Optional(Type.StringEnum({
-        title: 'PC端明细样式',
-        'x-index': 30,
-        default: 'table',
-        enum: Tuple(WD_FORM_DETAIL_VIEW_TYPE),
-        'x-category': '基础属性',
-        description: '设置明细组件的样式',
-    })),
-    // 标题
-    // label: CONF.label,
-    // labelVisible: CONF.labelVisible,
-    // labelAlign: CONF.labelAlign,
-    // labelWrap: CONF.labelWrap,
-    // layout: CONF.layout,
-    // labelWidth: CONF.labelWidth,
-    // labelTips: CONF.labelTips,
-    // 状态校验
-    // status: CONF.status, // 新增且需兼容 disabled
-    disabled: Type.Boolean({
-        type: 'boolean',
-        title: '禁用',
-        default: false,
-        remarks: '是否禁用输入/选择，启用后组件强制显示为只读效果',
-        'x-index': 40,
-        'x-category': '基础属性',
-    }),
-    value: Type.Array(Type.String({}), {
-        type: 'array',
-        title: '默认值',
-        default: [],
-        'x-index': 50,
-        'x-component': 'jsontext',
-        'x-category': '基础属性',
-    }),
-    isPureArray: Type.Boolean({
-        type: 'boolean',
-        title: '是否是纯属组',
-        default: false,
-        'x-category': '基础属性',
-        display: false,
-    }),
-    readOnly: Type.Boolean({
-        type: 'boolean',
-        title: '表单场景是否为只读',
-        default: false,
-        'x-index': 4,
-        'x-category': '基础属性',
-        display: false,
-    }),
-    fieldAuth: Type.String({
-        type: 'string',
-        title: '数据源字段权限',
-        default: 'rw',
-        'x-category': '基础属性',
-        display: false,
-    }),
-    hasInitValue: Type.Boolean({
-        type: 'boolean',
-        title: '是否有初始值',
-        default: false,
-        'x-category': '基础属性',
-        display: false,
-    }),
-    isWdFormDetail: Type.Boolean({
-        type: 'boolean',
-        title: '是否是规范化后的明细组件',
-        default: true,
-        'x-category': '基础属性',
-        display: false,
-    }),
-});
-// 组件对外暴露的只读属性
-// 未来可通过 widget API 开放，应用可以获取到组件的实例属性
-// 组件对外先规范定义，暂时不对外开放
-const properties = Type.Object({
-    name: Type.String({
-        title: '绑定字段',
-        default: 'formDetail',
-        type: 'string',
-        'x-component': '_form-field-name-auto-complete',
-        'x-rules': [
-            {
-                message: '该字段必填',
-                required: true,
-            },
-            {
-                message: '必须以字母开头，仅能输入字母或下划线或数字',
-                pattern: '^[a-zA-Z][0-9a-zA-Z_]*$',
-            },
-        ],
-        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。',
-        'x-category': '基础属性',
-        'x-index': 10,
-    }),
-    isTableView: Type.Boolean({
-        title: '是否展示为表格样式',
-        type: 'boolean',
-        default: false,
-    }),
-});
-// export default
-const config = defineConfig({
-    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
-    // 属性定义
-    data,
-    // 只读属性定义
-    properties,
-    // 样式API
-    classes: [
-        {
-            name: '根元素',
-            selector: '.form-detail-wrap',
-            description: '明细组件根元素',
-        },
-        {
-            name: 'PC 端明细组件根元素',
-            selector: '.pc-form-detail-wrap',
-            description: '可以为 PC 端的明细组件编写样式',
-        },
-        {
-            name: 'H5 端明细组件根元素',
-            selector: '.h5-form-detail-wrap',
-            description: '可以为 H5 端的明细组件编写样式',
-        },
-        {
-            name: '小程序端明细组件根元素',
-            selector: '.mp-form-detail-wrap',
-            description: '可以为小程序端的明细组件编写样式',
-        },
-    ],
-    // 组件方法
-    methods: [
-        {
-            name: 'addition',
-            label: '新增一行',
-        },
-        {
-            name: 'remove',
-            label: '删除该行',
-            params: {
-                properties: {
-                    index: {
-                        title: '删除数据的标识',
-                        type: 'string',
-                        default: '',
-                    },
-                },
-            },
-        },
-        {
-            name: 'change',
-            label: '值改变',
-            params: {
-                properties: {
-                    name: {
-                        title: '改变值的标识',
-                        type: 'string',
-                        default: '',
-                    },
-                    value: {
-                        title: '改变值的value',
-                        type: 'string',
-                        default: '',
-                    },
-                },
-            },
-        },
-    ],
-    // 组件对外暴露事件
-    events: [
-        {
-            name: 'onDataChange',
-            title: '值改变',
-            description: '组件中的数据内容发生改变时触发',
-        },
-    ],
-    compConfig: {
-        isDataContainer: true,
-        componentType: 'formField',
-    },
-    isContainer: true,
-    // 组件元信息
-    meta: {
-        name: 'WdFormDetail',
-        // 组件别名，用于生成组件 id，例如 Icon1
-        componentName: 'formDetail',
-        title: '明细',
-        description: '明细',
-        icon: '../../icons/Text.svg',
-        category: '表单',
-        visible: [],
-        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormDetail',
-    },
-});
-export default config;

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

@@ -1,450 +0,0 @@
-import { defineConfig, Tuple, Type, } from '../type-utils';
-const events = [
-    {
-        title: '提交',
-        name: 'submit',
-    },
-];
-// 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: '内容插槽',
-    }),
-    _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',
-            },
-        ]),
-    }),
-    // 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-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(),
-        }), {
-            title: '错误信息',
-            description: '提交的校验错误信息对象',
-        }),
-        remoteValue: Type.Record(Type.String(), Type.Any(), {
-            title: '数据源初始值',
-            description: '数据源初始化请求的初始值',
-        }),
-        value: Type.Record(Type.String(), Type.Any(), {
-            title: '表单前端值',
-            description: '当前前端表单状态值',
-        }),
-        dataSourceProfile: Type.Any({
-            title: '数据源类型信息',
-            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',
-    },
-    defaultStyles: {
-        display: 'block',
-    },
-    properties,
-    classes: [
-        {
-            name: '根元素',
-            selector: '.wd-form',
-            description: '分割线组件根元素',
-        },
-        {
-            name: 'PC 端分割线根元素',
-            selector: '.wd-pc-form',
-            description: '可以为 PC 端的分割线编写样式',
-        },
-        {
-            name: 'H5 端分割线根元素',
-            selector: '.wd-h5-form',
-            description: '可以为 H5 端的分割线编写样式',
-        },
-        {
-            name: '小程序端分割线根元素',
-            selector: '.wd-mp-form',
-            description: '可以为小程序端的分割线编写样式',
-        },
-    ],
-    methods: [
-        {
-            name: 'submit',
-            label: '提交',
-        },
-    ],
-    events,
-    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',
-            ],
-        },
-    },
-});