@cloudbase/weda-ui 3.4.2 → 3.4.4

package/dist/configs/components/grid/col.js

@@ -0,0 +1,125 @@
+import { defineConfig, Tuple, Type, } from '../../type-utils';
+const colWidthEnum = [
+    {
+        label: '自动填充',
+        value: 'auto-fill',
+    },
+    {
+        label: '适应内容',
+        value: 'fit-content',
+    },
+];
+// 所有端列宽默认为 自动填充，您可在上方换端进行多端设置。 移动端设置后将对小程序和H5生效。
+const colWidthType = '列宽度';
+const data = Type.Object({
+    addRowCol: Type.Never({
+        title: '添加行和列',
+        'x-component': 'grid-row-col',
+        'x-index': 10,
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-component-props': {
+            enableInsertSide: true,
+        },
+    }),
+    widthType: Type.StringEnum({
+        title: colWidthType,
+        default: 'auto-fill',
+        'x-index': 20,
+        'x-valid-breakpoint': Type.BreakPoint({
+            breakpoint: 'xs',
+            description: '所有端列宽默认为 自动填充，您可在上方换端进行多端设置。 移动端设置后将对小程序和H5生效。',
+        }),
+        'x-platforms': ['MOBILEWEB', 'MP'],
+        enum: Tuple(colWidthEnum),
+        'x-component': 'grid-col-width',
+    }),
+    lgWidthType: Type.StringEnum({
+        title: colWidthType,
+        'x-component': 'grid-col-width',
+        default: 'auto-fill',
+        'x-index': 30,
+        'x-valid-breakpoint': Type.BreakPoint({
+            breakpoint: 'lg',
+            description: '所有端列宽默认为 自动填充，您可在上方换端进行多端设置。 移动端设置后将对小程序和H5生效。',
+        }),
+        'x-platforms': ['PCWEB'],
+        enum: Tuple(colWidthEnum),
+    }),
+    alignSelf: Type.Optional(Type.StringEnum({
+        title: '垂直对齐方式',
+        default: 'auto',
+        'x-index': 40,
+        display: false,
+        'x-component': 'flex-align-select',
+        'x-component-props': {
+            direction: 'crossAxis',
+        },
+        enum: [
+            {
+                label: 'flex-start',
+                value: 'start',
+            },
+            {
+                label: 'center',
+                value: 'center',
+            },
+            {
+                label: 'flex-end',
+                value: 'end',
+            },
+        ],
+    })),
+});
+const events = [
+    {
+        name: 'tap',
+        title: '点击',
+    },
+];
+export default defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events,
+    isContainer: true,
+    compConfig: {
+        componentType: 'Col',
+    },
+    meta: {
+        title: '列',
+        category: '布局容器',
+        description: 'Grid 列',
+        componentOrder: 1000,
+        visible: [],
+        icon: '../../icons/Container.svg',
+        positionConstraint: {
+            allowParent: [
+                {
+                    componentType: 'Row',
+                    recursive: false,
+                    tip: '行只能放在 Grid 或 Repeater 内',
+                },
+                {
+                    componentType: 'Repeater',
+                    recursive: false,
+                    tip: '行只能放在 Grid 或 Repeater 内',
+                },
+            ],
+        },
+        editorLifecycle: {
+            destroy: {
+                action: 'deleteParent',
+                params: {
+                    conditions: {
+                        emptyChild: true,
+                        parentComponentType: 'Row',
+                    },
+                },
+            },
+        },
+        shortcut: {
+            props: ['widthType', 'lgWidthType', 'alignSelf'],
+        },
+    },
+});

package/dist/configs/components/grid/grid.js

@@ -0,0 +1,131 @@
+import { defineConfig, Tuple, Type, } from '../../type-utils';
+const gridTemplate = `
+[[template]]
+component = 'Row'
+
+{{#repeat 3}}
+[[template.items]]
+component = 'Col'
+
+{{/repeat}}
+`;
+const gutterEnum = [
+    { label: '0px（无）', value: 0 },
+    {
+        label: '16px（超小）',
+        value: 3,
+    },
+    {
+        label: '24px（小）',
+        value: 4,
+    },
+    {
+        label: '32px（中）',
+        value: 5,
+    },
+    {
+        label: '48px（大）',
+        value: 6,
+    },
+    {
+        label: '60px（超大）',
+        value: 7,
+    },
+    {
+        label: '80px（超大）',
+        value: 9,
+    },
+    {
+        label: '100px（超大）',
+        value: 9,
+    },
+    {
+        label: '128px（超大）',
+        value: 10,
+    },
+];
+const data = Type.Object({
+    addRow: Type.Never({
+        title: '添加行和列',
+        'x-component': 'grid-row-col',
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-index': 10,
+        'x-component-props': {
+            colCountOfNewRowKey: 'colCountOfNewRow',
+        },
+    }),
+    colCountOfNewRow: Type.Never({
+        type: 'number',
+        title: '列数量',
+        display: false,
+        'x-component': 'string',
+        'x-component-props': {
+            options: [...Array(12).keys()].map((i) => ({
+                label: String(i + 1),
+                text: String(i + 1),
+                value: i + 1,
+            })),
+        },
+        'x-index': 20,
+        default: 3,
+    }),
+    // 8 16 24 对应 scss中的 gutters map
+    gutterX: Type.NumberEnum({
+        title: '列间距',
+        default: 0,
+        'x-component': 'string',
+        enum: Tuple(gutterEnum),
+        'x-index': 30,
+    }),
+    gutterY: Type.NumberEnum({
+        title: '行间距',
+        default: 0,
+        'x-component': 'string',
+        'x-index': 40,
+        enum: Tuple(gutterEnum),
+    }),
+});
+const events = [
+    {
+        name: 'tap',
+        title: '点击',
+    },
+];
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events,
+    isContainer: true,
+    compConfig: {
+        componentType: 'Grid',
+    },
+    meta: {
+        title: '网格布局',
+        category: '布局',
+        description: 'Grid 网格布局',
+        componentOrder: 60,
+        icon: '../../icons/Grid.svg',
+        positionConstraint: {
+            allowChildren: [{ componentType: 'Row' }, { componentType: 'Repeater' }],
+        },
+        inlineStyleForm: {
+            justifyContent: { visible: false },
+            alignItems: { visible: false },
+            flexDirection: { visible: false },
+        },
+        visible: ['APP', 'COMPONENT'],
+        templates: [
+            {
+                to: '$children',
+                autoSelectPath: 'template[0]',
+                body: gridTemplate,
+            },
+        ],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/Grid',
+    },
+});
+export default config;

package/dist/configs/components/grid/row.js

@@ -0,0 +1,143 @@
+import { defineConfig, Tuple, Type, } from '../../type-utils';
+const data = Type.Object({
+    addRowCol: Type.Never({
+        title: '添加行',
+        'x-index': 10,
+        'x-component': 'grid-row-col',
+        'x-props': {
+            'data-hidebind': true,
+        },
+    }),
+    colCount: Type.Never({
+        type: 'number',
+        title: '列数量',
+        'x-index': 20,
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-component': 'grid-row-col-count',
+        'x-component-props': {
+            options: [...Array(12).keys()].map((i) => ({
+                label: String(i + 1),
+                text: String(i + 1),
+                value: i + 1,
+            })),
+        },
+    }),
+    // // flex-start | flex-end | center | space-between | space-around
+    // justifyContent: Type.StringEnum({
+    //   title: '水平对齐',
+    //   default: 'start',
+    //   'x-index': 40,
+    //   'x-component': 'flex-align-select',
+    //   'x-component-props': {
+    //     direction: 'mainAxis',
+    //   },
+    //   description: '当所有列宽占满了整行时，该属性不生效',
+    //   enum: Tuple([
+    //     {
+    //       label: 'flex-start',
+    //       value: 'start',
+    //     },
+    //     {
+    //       label: 'flex-end',
+    //       value: 'end',
+    //     },
+    //     {
+    //       label: 'center',
+    //       value: 'center',
+    //     },
+    //     // {
+    //     //   label: 'space-between',
+    //     //   value: 'between',
+    //     // },
+    //     {
+    //       label: 'space-around',
+    //       value: 'around',
+    //     },
+    //   ] as const),
+    // }),
+    alignItems: Type.Optional(Type.StringEnum({
+        title: '垂直对齐',
+        'x-component': 'flex-align-select',
+        'x-component-props': {
+            direction: 'crossAxis',
+        },
+        'x-index': 30,
+        default: 'stretch',
+        description: '当所有列高度完全一致时，该属性不生效',
+        enum: Tuple([
+            {
+                label: 'flex-start',
+                value: 'start',
+            },
+            {
+                label: 'center',
+                value: 'center',
+            },
+            {
+                label: 'flex-end',
+                value: 'end',
+            },
+            // {
+            //   label: 'baseline',
+            //   value: 'baseline',
+            // },
+            // {
+            //   label: 'stretch',
+            //   value: 'stretch',
+            // },
+        ]),
+    })),
+});
+const events = [
+    {
+        name: 'tap',
+        title: '点击',
+    },
+];
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events,
+    isContainer: true,
+    compConfig: {
+        componentType: 'Row',
+    },
+    meta: {
+        title: '行',
+        category: '布局容器',
+        description: 'Grid 行',
+        componentOrder: 1000,
+        visible: [],
+        icon: '../../icons/Container.svg',
+        positionConstraint: {
+            allowParent: [
+                { componentType: 'Grid', recursive: false },
+                { componentType: 'Col', recursive: false },
+                { componentType: 'Repeater', recursive: false },
+            ],
+            allowChildren: [{ componentType: 'Col' }, { componentType: 'Repeater' }],
+        },
+        editorLifecycle: {
+            destroy: {
+                action: 'deleteParent',
+                params: {
+                    conditions: {
+                        emptyChild: true,
+                        parentComponentType: 'Grid',
+                    },
+                },
+            },
+        },
+        inlineStyleForm: {
+            justifyContent: { visible: false },
+            alignItems: { visible: false },
+            flexDirection: { visible: false },
+        },
+        shortcut: {
+            props: ['colCount'],
+        },
+    },
+});
+export default config;

package/dist/configs/components/image.js

@@ -0,0 +1,205 @@
+import { Type, Tuple, defineConfig } from '../type-utils';
+const data = Type.Object({
+    src: Type.Optional(Type.String({
+        title: '地址',
+        type: 'string',
+        'x-component': 'image',
+        'x-rules': [
+            {
+                message: '请输入合法的图片地址',
+                pattern: '^(((https?)://)|/resources/)[^\\s]+$',
+            },
+        ],
+        default: 'https://main.qcloudimg.com/raw/c85c9a875e9754545ee19f20438b2caa.svg',
+        'x-category': '基础属性',
+        'x-index': 1,
+        remarks: '更改需要展示的图片',
+    })),
+    fit: Type.Optional(Type.StringEnum({
+        title: '布局模式',
+        type: 'string',
+        default: 'cover',
+        enum: Tuple([
+            {
+                value: 'cover',
+                label: '裁剪填满',
+            },
+            {
+                value: 'contain',
+                label: '等比缩放',
+            },
+            {
+                value: 'fill',
+                label: '拉伸填满',
+            },
+            {
+                value: 'widthFix',
+                label: '高度自适应',
+            },
+            {
+                value: 'heightFix',
+                label: '宽度自适应',
+            },
+        ]),
+        'x-category': '基础属性',
+        'x-index': 2,
+        remarks: '更改图片的布局模式',
+    })),
+    imgPreview: Type.Optional(Type.Boolean({
+        title: '点击预览大图',
+        default: false,
+        'x-index': 3,
+        'x-category': '基础属性',
+        'x-linkages': [
+            {
+                type: 'value:visible',
+                target: 'maskClosable',
+                condition: '{{ $self.value }}',
+            },
+        ],
+        remarks: '开启后，点击图片后图片会展示为大图',
+    })),
+    maskClosable: Type.Boolean({
+        title: '再次点击关闭预览',
+        type: 'boolean',
+        'x-index': 4,
+        default: true,
+        'x-category': '基础属性',
+    }),
+    alt: Type.String({
+        'x-index': 5,
+        title: '替代文字',
+        type: 'string',
+        default: '[图片]',
+        'x-category': '高级属性',
+        description: '用于图片加载失败 或 屏幕阅读器替代显示',
+        remarks: '当图片加载失败时，会展示此处配置的文本内容',
+    }),
+    showMenuByLongpress: Type.Optional(Type.Boolean({
+        title: '识别小程序码',
+        type: 'boolean',
+        'x-index': 6,
+        'x-platforms': ['MP'],
+        'x-category': '高级属性',
+        description: '小程序专有属性，长按图片可唤起识别小程序码功能',
+        remarks: '只有小程序端构建时生,效，长按图片可唤起识别小程序码功能',
+    })),
+    lazyLoad: Type.Boolean({
+        'x-index': 7,
+        title: '懒加载',
+        type: 'boolean',
+        default: false,
+        'x-category': '高级属性',
+        description: '图片按需加载，若图片没有被展示，则不会加载',
+        remarks: '图片按需加载，若图片没有被展示，则不会加载',
+    }),
+    mode: Type.Optional(Type.StringEnum({
+        display: false,
+        'x-index': 8,
+        'x-comment': 'deprecated',
+        title: '图片裁剪、缩放的模式',
+        type: 'string',
+        enum: Tuple([
+            {
+                value: 'scaleToFill',
+                label: '不保持纵横比缩放图片，使图片完全适应',
+            },
+            {
+                value: 'aspectFit',
+                label: '保持纵横比缩放图片，使图片的长边能完全显示出来',
+            },
+            {
+                value: 'aspectFill',
+                label: '保持纵横比缩放图片，只保证图片的短边能完全显示出来',
+            },
+            {
+                value: 'widthFix',
+                label: '缩放模式，宽度不变，高度自动变化，保持原图宽高比不变',
+            },
+            {
+                value: 'heightFix',
+                label: '缩放模式，高度不变，宽度自动变化，保持原图宽高比不变',
+            },
+            {
+                value: 'top',
+                label: '不缩放图片，只显示图片的顶部区域',
+            },
+            {
+                value: 'bottom',
+                label: '不缩放图片，只显示图片的底部区域',
+            },
+            {
+                value: 'center',
+                label: '不缩放图片，只显示图片的中间区域',
+            },
+            {
+                value: 'left',
+                label: '不缩放图片，只显示图片的左边区域',
+            },
+            {
+                value: 'right',
+                label: '不缩放图片，只显示图片的右边边区域',
+            },
+            {
+                value: 'top left',
+                label: '不缩放图片，只显示图片的左上边区域',
+            },
+            {
+                value: 'top right',
+                label: '不缩放图片，只显示图片的右上边区域',
+            },
+            {
+                value: 'bottom left',
+                label: '不缩放图片，只显示图片的左下边区域',
+            },
+            {
+                value: 'bottom right',
+                label: '不缩放图片，只显示图片的右下边区域',
+            },
+        ]),
+        default: 'scaleToFill',
+        'x-category': '高级属性',
+    })),
+});
+export default defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events: [
+        {
+            name: 'load',
+            title: '加载成功',
+        },
+        {
+            name: 'error',
+            title: '加载失败',
+        },
+        {
+            name: 'tap',
+            title: '点击',
+        },
+    ],
+    meta: {
+        title: '图片（已废弃）',
+        description: '用于在页面进行图片的展示。',
+        category: '展示',
+        icon: '../icons/Image.svg',
+        categoryOrder: 400,
+        componentOrder: 230,
+        visible: [],
+        deprecated: true,
+        renderMode: [
+            {
+                component: 'WdImage',
+                props: {},
+                renderType: 'update',
+                materialName: 'gsd-h5-react',
+            },
+        ],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Image',
+        shortcut: {
+            props: ['src'],
+        },
+    },
+});

package/dist/configs/components/link.js

@@ -0,0 +1,78 @@
+import { defineConfig, Type } from '../type-utils';
+const data = Type.Object({
+    content: Type.String({
+        default: '这是一个链接',
+        title: '文本内容',
+        'x-category': '基础属性',
+        'x-index': 100,
+        remarks: '更改链接显示的文本内容',
+    }),
+    url: Type.String({
+        type: 'string',
+        'x-component': 'page-list',
+        title: '跳转页面',
+        description: '通过下拉选择应用页面，可以实现内部页面跳转',
+        'x-category': '基础属性',
+        'x-index': 120,
+        'x-component-props': {
+            hideAddPlatform: ['MP'],
+        },
+        remarks: '选择点击链接后跳转的页面，小程序端构建时仅支持选择跳转应用页面',
+    }),
+    isOpenInNewWindow: Type.Optional(Type.Boolean({
+        type: 'boolean',
+        title: '是否打开新窗口',
+        'x-category': '基础属性',
+        'x-index': 130,
+        default: false,
+        description: '仅外部链接生效',
+    })),
+    params: Type.Readonly(Type.Array(Type.Object({
+        key: Type.String({ title: 'key', default: 'key' }),
+        value: Type.String({ title: 'value', default: 'value' }),
+    }), {
+        type: 'array',
+        title: '携带参数',
+        'x-category': '基础属性',
+        'x-index': 160,
+        default: [],
+        remarks: '填写跳转页面时携带的参数，用于页面传参',
+    })),
+    contentSlot: Type.Optional(Type.Slot()),
+});
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    meta: {
+        title: '链接（已废弃）',
+        description: '用于实现超链接跳转。',
+        category: '展示',
+        categoryOrder: 400,
+        componentOrder: 290,
+        icon: '../icons/Link.svg',
+        platform: ['MOBILEWEB', 'PCWEB'],
+        visible: [],
+        deprecated: true,
+        renderMode: [
+            {
+                component: 'WdLink',
+                props: {},
+                renderType: 'update',
+                materialName: 'gsd-h5-react',
+            },
+        ],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Link',
+        shortcut: {
+            props: ['content', 'url'],
+        },
+    },
+    events: [
+        {
+            name: 'tap',
+            title: '点击',
+        },
+    ],
+});
+export default config;