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

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

@@ -0,0 +1,328 @@
+import { defineConfig, Tuple, Type, } from '../type-utils';
+const events = [
+    {
+        title: '选择定位坐标改变',
+        name: 'change',
+    },
+];
+const data = Type.Object({
+    name: Type.String({
+        type: 'string',
+        title: '绑定字段',
+        default: 'formLocation',
+        remarks: '提交表单时会将组件值提交保存到所配置的字段中',
+        'x-index': 5,
+        'x-rules': [
+            {
+                message: '该字段必填',
+                required: true,
+            },
+            {
+                message: '必须以字母开头，仅能输入字母或下划线或数字',
+                pattern: '^[a-zA-Z][0-9a-zA-Z_]*$',
+            },
+        ],
+        required: true,
+        'x-category': '基础属性',
+        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。',
+    }),
+    label: Type.String({
+        type: 'string',
+        title: '字段标题',
+        default: '地图',
+        remarks: '组件标题位置的显示内容',
+        'x-index': 10,
+        'x-category': '基础属性',
+    }),
+    labelVisible: Type.Boolean({
+        type: 'boolean',
+        title: '显示标题',
+        default: true,
+        remarks: '显示组件的标题',
+        'x-index': 15,
+    }),
+    dataSource: Type.Record(Type.String(), Type.Unknown(), {
+        type: 'object',
+        title: '地图APIs',
+        default: '',
+        remarks: '关联腾讯地图的APIs',
+        'x-index': 20,
+        'x-props': {
+            'data-hidebind': true,
+            itemClassName: 'ds-bind-form-item',
+        },
+        required: true,
+        description: '小程序会调用微信官方接口实现定位，请确保已通过相关接口申请，详细说明可查看该组件说明文档',
+        'x-helper-text': '如需小程序端使用，请务必参考 [配置指引](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormLocation#%E9%85%8D%E7%BD%AE%E6%8C%87%E5%BC%95) 完成微信接口权限申请，并调整appJson内容',
+        'x-component': 'data-source-select',
+        'x-component-props': {
+            dsType: 'cloud-integration',
+            subType: 'connector',
+            provider: 'tencent-map',
+            showReload: true,
+        },
+    }),
+    locationRange: Type.NumberEnum({
+        enum: Tuple([
+            {
+                label: '不限',
+                value: 0,
+            },
+            {
+                label: '100米内',
+                value: 100,
+            },
+            {
+                label: '300米内',
+                value: 300,
+            },
+            {
+                label: '500米内',
+                value: 500,
+            },
+            {
+                label: '1000米内',
+                value: 1000,
+            },
+            {
+                label: '2000米内',
+                value: 2000,
+            },
+            {
+                label: '自定义',
+                value: -1,
+            },
+        ]),
+        type: 'string',
+        title: '定位调整范围',
+        default: 0,
+        'x-index': 21,
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(customRange)',
+                condition: '{{$self.value===-1}}',
+            },
+        ],
+    }),
+    customRange: Type.Number({
+        type: 'number',
+        title: '自定义范围米',
+        default: 0,
+        'x-index': 22,
+    }),
+    locationType: Type.NumberEnum({
+        enum: Tuple([
+            {
+                label: '无',
+                value: 1,
+            },
+            {
+                label: '用户当前位置',
+                value: 2,
+            },
+        ]),
+        title: '默认位置',
+        default: 1,
+        remarks: '地理位置的默认值',
+        'x-index': 25,
+    }),
+    defauleShowLocation: Type.Boolean({
+        type: 'boolean',
+        title: '默认显示当前位置',
+        default: true,
+        display: false,
+        'x-index': 60,
+        'x-category': '基础属性',
+    }),
+    required: Type.Boolean({
+        type: 'boolean',
+        title: '必填',
+        default: false,
+        remarks: '启用后该组件强制必填，值不可为空',
+        'x-index': 80,
+        'x-category': '基础属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(requiredFlag,requiredMsg)',
+                condition: '{{$self.value}}',
+            },
+        ],
+    }),
+    requiredFlag: Type.Boolean({
+        type: 'boolean',
+        title: '必填标识',
+        default: true,
+        remarks: '启用后，组件若要求必填，则会显示必填星号标记',
+        'x-index': 81,
+        'x-category': '基础属性',
+    }),
+    requiredMsg: Type.String({
+        type: 'string',
+        title: '必填校验提示',
+        default: '该项为必填项',
+        remarks: '启用必填，但组件值为空时的提示信息',
+        'x-index': 82,
+        'x-category': '基础属性',
+    }),
+    layout: Type.StringEnum({
+        enum: Tuple([
+            {
+                label: '自动',
+                value: '',
+            },
+            {
+                label: '水平',
+                value: 'horizontal',
+            },
+            {
+                label: '垂直',
+                value: 'vertical',
+            },
+        ]),
+        type: 'string',
+        title: '布局方式',
+        default: '',
+        'x-index': 109,
+        'x-category': '高级属性',
+    }),
+    showLngLat: Type.Boolean({
+        type: 'boolean',
+        title: '显示经纬度',
+        default: false,
+        remarks: '显示所选位置的经纬度',
+        'x-index': 110,
+        'x-category': '高级属性',
+    }),
+    showMap: Type.Boolean({
+        type: 'boolean',
+        title: '显示地图',
+        default: false,
+        remarks: '显示所选位置的地图',
+        'x-index': 115,
+        'x-category': '高级属性',
+    }),
+    zoom: Type.Boolean({
+        type: 'boolean',
+        title: '允许缩放',
+        default: true,
+        remarks: '允许缩放地图',
+        'x-index': 120,
+        'x-category': '高级属性',
+    }),
+    drag: Type.Boolean({
+        type: 'boolean',
+        title: '允许拖动',
+        default: true,
+        remarks: '允许拖动地图',
+        'x-index': 125,
+        'x-category': '高级属性',
+    }),
+    disabled: Type.Boolean({
+        type: 'boolean',
+        title: '禁用',
+        default: false,
+        remarks: '是否禁用输入/选择，启用后组件强制显示为只读效果',
+        'x-index': 130,
+        'x-category': '高级属性',
+    }),
+    validateStatus: Type.StringEnum({
+        enum: Tuple([
+            {
+                label: 'success',
+                value: 'success',
+            },
+            {
+                label: 'warn',
+                value: 'warn',
+            },
+            {
+                label: 'error',
+                value: 'error',
+            },
+        ]),
+        type: 'string',
+        title: '校验状态',
+        default: 'success',
+        'x-index': 140,
+        'x-category': '高级属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'help',
+                condition: "{{$self.value !== 'success'}}",
+            },
+        ],
+    }),
+    value: Type.Object({
+        address: Type.String({
+            type: 'string',
+            default: '',
+            description: '地点名称',
+        }),
+        geopoint: Type.Object({
+            type: Type.String({
+                type: 'string',
+                'x-required': true,
+            }),
+            coordinates: Type.Tuple([Type.Number(), Type.Number()], {
+                type: 'array',
+                'x-required': true,
+            }),
+        }, {
+            type: 'object',
+            default: {
+                type: 'Point',
+                coordinates: [39.984104, 116.307503],
+            },
+            description: '经纬度',
+        }),
+    }, {
+        type: 'object',
+        title: '默认值',
+        format: 'x-location',
+        display: false,
+        dataType: 'object',
+        inputProp: {
+            changeEvent: 'change',
+            valueFromEvent: 'event.detail.value',
+        },
+        'x-category': '基础属性',
+        'x-component': 'jsontext',
+    }),
+});
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    compConfig: {
+        componentType: 'formField',
+    },
+    events,
+    meta: {
+        name: 'FormLocation',
+        title: '地图定位',
+        description: '提供表单提交场景下的选点定位功能。',
+        category: '表单',
+        icon: '../icons/FormLocation.svg',
+        categoryOrder: 500,
+        componentOrder: 470,
+        visible: ['APP'],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormLocation',
+        shortcut: {
+            props: ['name', 'label', 'dataSource'],
+        },
+        recommendTypes: {
+            name: [
+                {
+                    text: '地理位置',
+                    type: 'object',
+                    format: 'x-location',
+                },
+            ],
+        },
+    },
+});
+export default config;

package/dist/configs/components/form-multi-region.js

@@ -0,0 +1,201 @@
+import { defineConfig, Tuple, Type, } from '../type-utils';
+const data = Type.Object({
+    name: Type.String({
+        type: 'string',
+        title: '字段绑定',
+        default: 'formMultiRegion',
+        'x-index': 100,
+        'x-rules': [
+            {
+                message: '该字段必填',
+                required: true,
+            },
+            {
+                message: '必须以字母开头，仅能输入字母或下划线或数字',
+                pattern: '^[a-zA-Z][0-9a-zA-Z_]*$',
+            },
+        ],
+        required: true,
+        'x-category': '基础属性',
+        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。',
+    }),
+    label: Type.String({
+        type: 'string',
+        title: '字段标题',
+        default: '地区',
+        remarks: '组件标题位置的显示内容',
+        'x-index': 110,
+        'x-category': '基础属性',
+    }),
+    labelVisible: Type.Boolean({
+        type: 'boolean',
+        title: '显示标题',
+        default: true,
+        remarks: '显示组件的标题',
+        'x-index': 120,
+        'x-category': '基础属性',
+    }),
+    value: Type.String({
+        type: 'string',
+        title: '选中地区',
+        format: 'x-area-code',
+        default: '',
+        remarks: '省市区的默认值',
+        'x-index': 130,
+        inputProp: {
+            changeEvent: 'change',
+            valueFromEvent: 'event.detail.value',
+        },
+        'x-category': '基础属性',
+        description: '省市区之间请用,分隔',
+    }),
+    regionType: Type.StringEnum({
+        enum: Tuple([
+            {
+                label: '省-市-区',
+                value: 'levelThree',
+            },
+            {
+                label: '省-市',
+                value: 'levelTwo',
+            },
+            {
+                label: '省',
+                value: 'levelOne',
+            },
+        ]),
+        type: 'string',
+        title: '地域类型',
+        default: 'levelThree',
+        'x-index': 131,
+    }),
+    placeholder: Type.String({
+        type: 'string',
+        title: '占位符',
+        default: '请选择',
+        'x-index': 143,
+        'x-category': '高级属性',
+    }),
+    disabled: Type.Boolean({
+        type: 'boolean',
+        title: '是否禁用',
+        default: false,
+        remarks: '是否禁用输入/选择，启用后组件强制显示为只读效果',
+        'x-index': 150,
+        'x-category': '高级属性',
+    }),
+    size: Type.StringEnum({
+        enum: Tuple([
+            {
+                label: '大',
+                value: 'l',
+            },
+            {
+                label: '中',
+                value: 'm',
+            },
+            {
+                label: '小',
+                value: 's',
+            },
+            {
+                label: '占满',
+                value: 'full',
+            },
+        ]),
+        type: 'string',
+        title: '组件宽度',
+        default: 'm',
+        'x-index': 155,
+        'x-category': '高级属性',
+        'x-platforms': ['PCWEB'],
+    }),
+    layout: Type.StringEnum({
+        enum: Tuple([
+            {
+                label: '自动',
+                value: '',
+            },
+            {
+                label: '水平',
+                value: 'horizontal',
+            },
+            {
+                label: '垂直',
+                value: 'vertical',
+            },
+        ]),
+        type: 'string',
+        title: '布局方式',
+        default: '',
+        remarks: '设置当前组件的标题和输入选择区域为左右布局或上下布局，如选择“自动”，则跟随父级表单容器的配置',
+        'x-index': 160,
+        'x-category': '高级属性',
+    }),
+    required: Type.Boolean({
+        type: 'boolean',
+        title: '必填',
+        default: false,
+        remarks: '启用后该组件强制必填，值不可为空',
+        'x-index': 170,
+        'x-category': '基础属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(requiredFlag,requiredMsg)',
+                condition: '{{$self.value}}',
+            },
+        ],
+    }),
+    requiredFlag: Type.Boolean({
+        type: 'boolean',
+        title: '必填标识',
+        default: true,
+        remarks: '启用后，组件若要求必填，则会显示必填星号标记',
+        'x-index': 175,
+        'x-category': '基础属性',
+    }),
+    requiredMsg: Type.String({
+        type: 'string',
+        title: '必填校验提示',
+        default: '该项为必填项',
+        remarks: '启用必填，但组件值为空时的提示信息',
+        'x-index': 180,
+        'x-category': '基础属性',
+    }),
+});
+const events = [
+    {
+        title: '值改变',
+        name: 'change',
+    },
+    {
+        title: '取消',
+        name: 'cancel',
+    },
+];
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    compConfig: {
+        componentType: 'formField',
+    },
+    events,
+    meta: {
+        title: '地区选择',
+        name: 'FormMultiRegion',
+        description: '适用于选择省市区。',
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormRegion',
+        category: '表单',
+        icon: '../icons/FormMultiRegion.svg',
+        categoryOrder: 500,
+        componentOrder: 480,
+        visible: ['APP'],
+    },
+    configMeta: {
+        shortcut: {
+            props: ['name', 'label'],
+        },
+    },
+});
+export default config;