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

package/dist/configs/components/form-upload-file.js

@@ -0,0 +1,268 @@
+import { defineConfig, Tuple, Type, } from '../type-utils';
+const data = Type.Object({
+    name: Type.String({
+        type: 'string',
+        title: '绑定字段',
+        default: 'formFileUpload',
+        remarks: '提交表单时会将组件值提交保存到所配置的字段中',
+        'x-index': 5,
+        'x-rules': [
+            {
+                message: '该字段必填',
+                required: true,
+            },
+            {
+                message: '必须以字母开头，仅能输入字母或下划线或数字',
+                pattern: '^[a-zA-Z][0-9a-zA-Z_]*$',
+            },
+        ],
+        required: true,
+        'x-category': '基础属性',
+        description: '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。文件上传后，所有人可通过文件http地址下载查看。如需限制所有文件/图片资源仅当前上传用户可下载，请在微搭环境的云开发-云存储模块中调整存储桶访问权限为「仅创建者及管理员可读写」',
+        'x-helper-text': '表单字段的Key值，用于提交数据时，匹配数据模型字段标识。页面内需保证唯一。文件上传后，所有人可通过文件http地址下载查看。如需限制所有文件/图片资源仅当前上传用户可下载，请在微搭环境的云开发-云存储模块中调整存储桶访问权限为「仅创建者及管理员可读写」',
+    }),
+    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,
+        'x-category': '基础属性',
+    }),
+    required: Type.Boolean({
+        type: 'boolean',
+        title: '必填',
+        default: false,
+        remarks: '启用后该组件强制必填，值不可为空',
+        'x-index': 25,
+        'x-category': '基础属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(requiredFlag,requiredMsg)',
+                condition: '{{$self.value}}',
+            },
+        ],
+    }),
+    requiredFlag: Type.Boolean({
+        type: 'boolean',
+        title: '必填标识',
+        default: true,
+        remarks: '启用后，组件若要求必填，则会显示必填星号标记',
+        'x-index': 30,
+        'x-category': '基础属性',
+    }),
+    requiredMsg: Type.String({
+        type: 'string',
+        title: '必填校验提示',
+        default: '该项为必填项',
+        remarks: '启用必填，但组件值为空时的提示信息',
+        'x-index': 35,
+        'x-category': '基础属性',
+    }),
+    value: Type.Array(Type.String(), {
+        type: 'array',
+        title: '输入值',
+        format: 'x-file',
+        display: false,
+        'x-index': 101,
+        dataType: 'string',
+        inputProp: {
+            changeEvent: 'change',
+            valueFromEvent: 'event.detail.value',
+        },
+        'x-category': '基础属性',
+        'x-component': 'jsontext',
+    }),
+    maxSize: Type.Number({
+        type: 'number',
+        title: '单个文件最大限制(M)',
+        default: 10,
+        maximum: 500,
+        'x-index': 103,
+        'x-category': '高级属性',
+        description: '最大支持500M',
+    }),
+    layout: Type.StringEnum({
+        enum: Tuple([
+            {
+                label: '自动',
+                value: '',
+            },
+            {
+                label: '水平',
+                value: 'horizontal',
+            },
+            {
+                label: '垂直',
+                value: 'vertical',
+            },
+        ]),
+        type: 'string',
+        title: '布局方式',
+        default: '',
+        remarks: '设置当前组件的标题和输入选择区域为左右布局或上下布局，如选择“自动”，则跟随父级表单容器的配置',
+        'x-index': 105,
+        'x-category': '高级属性',
+    }),
+    acceptTypes: Type.Array(
+    // 编辑器不支持json schema标准的enum格式
+    Type.String({
+        enum: [
+            {
+                label: '全部',
+                value: '*',
+            },
+            {
+                label: 'png',
+                value: 'image/png',
+            },
+            {
+                label: 'jpeg',
+                value: 'image/jpeg',
+            },
+            {
+                label: 'pdf',
+                value: 'application/pdf',
+            },
+            {
+                label: 'doc',
+                value: 'application/msword',
+            },
+            {
+                label: 'xls',
+                value: 'application/vnd.ms-excel',
+            },
+            {
+                label: 'zip',
+                value: 'application/zip',
+            },
+        ],
+        type: 'string',
+    }), {
+        type: 'array',
+        title: '文件类型',
+        default: ['*'],
+        remarks: '支持上传的文件类型格式',
+        'x-index': 110,
+        'x-category': '高级属性',
+        'x-platforms': ['WEB'],
+    }),
+    downloadVisible: Type.Boolean({
+        type: 'boolean',
+        title: '显示下载按钮',
+        default: true,
+        remarks: '显示文件下载按钮',
+        'x-index': 115,
+        'x-category': '高级属性',
+    }),
+    deleteVisible: Type.Boolean({
+        type: 'boolean',
+        title: '显示删除按钮',
+        default: true,
+        remarks: '显示文件删除按钮',
+        'x-index': 120,
+        'x-category': '高级属性',
+    }),
+    disabled: Type.Boolean({
+        type: 'boolean',
+        title: '禁用',
+        default: false,
+        remarks: '是否禁用输入/选择，启用后组件强制显示为只读效果',
+        'x-index': 125,
+        'x-category': '高级属性',
+    }),
+    disableMultiSwitch: Type.Boolean({
+        type: 'boolean',
+        title: '单/多文件切换开启',
+        default: false,
+        display: false,
+        'x-index': 250,
+        'x-category': '基础属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'maxUploadCount',
+                condition: '{{ !$self.value}}',
+            },
+        ],
+    }),
+    single: Type.Boolean({
+        type: 'boolean',
+        title: '单个文件上传模式',
+        default: true,
+        display: false,
+        'x-index': 300,
+        'x-category': '基础属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'maxUploadCount',
+                condition: '{{ !$self.value}}',
+            },
+        ],
+    }),
+    maxUploadCount: Type.Number({
+        type: 'number',
+        title: '上传文件最大数量',
+        default: 9,
+        'x-index': 400,
+        'x-category': '基础属性',
+    }),
+});
+const events = [
+    {
+        title: '值改变',
+        name: 'change',
+    },
+    {
+        title: '上传成功',
+        name: 'success',
+    },
+    {
+        title: '上传失败',
+        name: 'error',
+    },
+];
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events,
+    compConfig: {
+        componentType: 'formField',
+    },
+    meta: {
+        title: '文件上传',
+        name: 'FormUploadFile',
+        category: '表单',
+        description: '用于上传文件、保存文件数据。',
+        icon: '../icons/FormUploadFile.svg',
+        categoryOrder: 500,
+        componentOrder: 430,
+        visible: ['APP', 'COMPONENT'],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormUploadFile',
+        shortcut: {
+            props: ['name', 'label'],
+        },
+        recommendTypes: {
+            name: [
+                {
+                    text: '文件',
+                    type: 'string',
+                    format: 'x-file',
+                },
+            ],
+        },
+    },
+});
+export default config;

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

@@ -0,0 +1,258 @@
+import { defineConfig, Tuple, Type, } from '../type-utils';
+const data = Type.Object({
+    name: Type.String({
+        type: 'string',
+        title: '字段绑定',
+        default: 'formUrl',
+        remarks: '提交表单时会将组件值提交保存到所配置的字段中',
+        'x-index': 1,
+        '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': 11,
+        'x-category': '基础属性',
+    }),
+    value: Type.String({
+        type: 'string',
+        title: '网址内容',
+        format: 'url',
+        default: '',
+        remarks: '网址输入框中的默认值',
+        'x-index': 30,
+        dataType: 'string',
+        inputProp: {
+            changeEvent: 'change',
+            valueFromEvent: 'event.detail !== undefined && event.detail.value !== undefined ? event.detail.value : event.detail',
+        },
+        'x-category': '基础属性',
+    }),
+    maxLength: Type.Number({
+        type: 'number',
+        title: '最大长度',
+        default: 140,
+        remarks: '允许输入的最大字符数量',
+        'x-index': 40,
+        'x-category': '高级属性',
+        description: '最大输入n个字符，设置为 -1 的时候不限制最大长度',
+    }),
+    placeholder: Type.String({
+        type: 'string',
+        title: '占位符',
+        default: '请输入网址',
+        remarks: '用于说明组件用途或注意事项的提示文字',
+        'x-index': 50,
+        'x-category': '高级属性',
+    }),
+    disabled: Type.Boolean({
+        type: 'boolean',
+        title: '是否禁用',
+        default: false,
+        remarks: '是否禁用输入/选择，启用后组件强制显示为只读效果',
+        'x-index': 60,
+        'x-category': '高级属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(focus)',
+                condition: '{{!$self.value}}',
+            },
+        ],
+    }),
+    focus: Type.Boolean({
+        type: 'boolean',
+        title: '获取焦点',
+        default: false,
+        remarks: '启用后，打开页面时，该组件的输入框将自动获取焦点（多组件启用时，仅最下方的组件生效）',
+        'x-index': 70,
+        syncProp: [
+            {
+                changeEvent: 'focus',
+                valueFromEvent: 'true',
+            },
+            {
+                changeEvent: 'blur',
+                valueFromEvent: 'false',
+            },
+        ],
+        'x-category': '高级属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'disabled',
+                condition: '{{!$self.value}}',
+            },
+        ],
+    }),
+    layout: Type.StringEnum({
+        enum: Tuple([
+            {
+                label: '自动',
+                value: '',
+            },
+            {
+                label: '水平',
+                value: 'horizontal',
+            },
+            {
+                label: '垂直',
+                value: 'vertical',
+            },
+        ]),
+        type: 'string',
+        title: '布局方式',
+        default: '',
+        remarks: '设置当前组件的标题和输入选择区域为左右布局或上下布局，如选择“自动”，则跟随父级表单容器的配置',
+        'x-index': 80,
+        'x-category': '高级属性',
+    }),
+    size: Type.StringEnum({
+        enum: Tuple([
+            {
+                label: '大',
+                value: 'l',
+            },
+            {
+                label: '中',
+                value: 'm',
+            },
+            {
+                label: '小',
+                value: 's',
+            },
+            {
+                label: '占满',
+                value: 'full',
+            },
+        ]),
+        type: 'string',
+        title: '组件宽度',
+        default: 'full',
+        'x-index': 85,
+        'x-category': '高级属性',
+        'x-platforms': ['PCWEB'],
+    }),
+    required: Type.Boolean({
+        type: 'boolean',
+        title: '必填',
+        default: false,
+        remarks: '启用后该组件强制必填，值不可为空',
+        'x-index': 90,
+        'x-category': '基础属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: '*(requiredFlag,requiredMsg)',
+                condition: '{{$self.value}}',
+            },
+            {
+                type: 'value:visible',
+                target: '*(disabled)',
+                condition: '{{!$self.value}}',
+            },
+        ],
+    }),
+    requiredFlag: Type.Boolean({
+        type: 'boolean',
+        title: '必填标识',
+        default: true,
+        remarks: '启用后，组件若要求必填，则会显示必填星号标记',
+        'x-index': 91,
+        'x-category': '基础属性',
+    }),
+    requiredMsg: Type.String({
+        type: 'string',
+        title: '必填校验提示',
+        default: '该项为必填项',
+        remarks: '启用必填，但组件值为空时的提示信息',
+        'x-index': 92,
+        'x-category': '基础属性',
+    }),
+    clearable: Type.Boolean({
+        type: 'boolean',
+        title: '显示清空按钮',
+        default: true,
+        remarks: '启用后，输入框有值时，右侧将显示清空按钮，点击后可清空输入框中的值',
+        'x-index': 100,
+        'x-category': '高级属性',
+    }),
+});
+const events = [
+    {
+        title: '输入改变',
+        name: 'change',
+    },
+    {
+        title: '失焦',
+        name: 'blur',
+    },
+    {
+        title: '聚焦',
+        name: 'focus',
+    },
+    {
+        title: '确认',
+        name: 'confirm',
+    },
+    {
+        title: '清除内容',
+        name: 'clear',
+    },
+];
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    compConfig: {
+        componentType: 'formField',
+    },
+    events,
+    meta: {
+        name: 'FormUrl',
+        title: 'URL输入',
+        description: '用于输入URL地址，会强制校验输入内容是否符合邮箱格式。',
+        category: '表单',
+        categoryOrder: 500,
+        componentOrder: 510,
+        icon: '../icons/FormUrl.svg',
+        visible: ['APP', 'COMPONENT'],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormUrl',
+        shortcut: {
+            props: ['name', 'label'],
+        },
+        recommendTypes: {
+            name: [
+                {
+                    type: 'string',
+                    format: 'url',
+                    text: '网址',
+                },
+            ],
+        },
+    },
+});
+export default config;