@cloudbase/weda-ui 3.4.1 → 3.4.3

package/dist/configs/components/tabs.js

@@ -0,0 +1,120 @@
+import { defineConfig, Type } from '../type-utils';
+const data = Type.Object({
+    isMultipleSlot: Type.Optional(Type.Boolean({
+        title: '启用多个插槽',
+        default: true,
+        'x-index': 10,
+        'x-props': {
+            'data-hidebind': true,
+        },
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                schema: {
+                    'x-props': {
+                        'data-hidebind': '{{ $value }}',
+                    },
+                    'x-auto-num': {},
+                },
+                target: 'tabs',
+            },
+        ],
+    })),
+    tabs: Type.Readonly(Type.Array(Type.Object({
+        title: Type.String({
+            title: '标签名称',
+            type: 'string',
+            default: '标题',
+        }),
+        value: Type.String({
+            type: 'string',
+            title: '标签值',
+            default: '标签值',
+        }),
+    }, {
+        default: {
+            title: '标签名称',
+            value: '标签值',
+        },
+    }), {
+        title: '标签列表',
+        'x-props': {
+            'data-hidebind': true,
+            'data-withBindMeta': true,
+        },
+        'x-component-props': {
+            'origin-component': 'list',
+        },
+        'x-index': 20,
+        type: 'array',
+        maxLength: 20,
+        default: [
+            {
+                title: '标签1',
+                value: '标签1',
+            },
+            {
+                title: '标签2',
+                value: '标签2',
+            },
+            {
+                title: '标签3',
+                value: '标签3',
+            },
+        ],
+        'x-linkages': [
+            {
+                target: 'selectedIndex',
+                type: 'value:schema',
+                schema: {
+                    'x-component-props': {
+                        options: "{{ $value && $value.map((title, index) => ({label: '标签' + (index + 1), value: index}) ) }}",
+                    },
+                },
+            },
+        ],
+        'x-component': 'list-bind-switch',
+        remarks: '更改选项卡标签的标题',
+    })),
+    selectedIndex: Type.Number({
+        title: '选中标签',
+        default: 0,
+        'x-index': 30,
+        'x-category': '基础属性',
+        'x-component': 'select',
+        remarks: '更改默认选中的选项卡标签',
+        description: '当该属性绑定动态值时，请传入从0开始的整数索引值',
+    }),
+    panel: Type.Optional(Type.Slot({
+        title: '面板1',
+        'x-index': 40,
+        type: 'slot',
+        'x-auto-num': {
+            from: 1,
+            to: '{{ $form.values.isMultipleSlot ? $form.values.tabs.length : 1 }}',
+        },
+    })),
+});
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events: [
+        {
+            name: 'change',
+            title: '选项卡切换',
+        },
+    ],
+    meta: {
+        name: 'Tabs',
+        title: '顶部选项卡',
+        description: '用于实现常见的选项卡切换效果。',
+        category: '导航',
+        icon: '../icons/Tabs.svg',
+        categoryOrder: 200,
+        componentOrder: 190,
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/navmenu/Tabs',
+    },
+});
+export default config;

package/dist/configs/components/text.js

@@ -0,0 +1,109 @@
+import { Tuple, defineConfig, Type, } from '../type-utils';
+const data = Type.Object({
+    text: Type.String({
+        title: '文本内容',
+        'x-component': 'textarea',
+        default: '文本内容',
+        'x-category': '基础属性',
+        'x-index': 1,
+        remarks: '更改显示的文本内容',
+    }),
+    level: Type.StringEnum({
+        title: '文本格式',
+        enum: Tuple([
+            {
+                label: '正文',
+                value: '0',
+            },
+            {
+                label: '标题 H1',
+                value: '1',
+            },
+            {
+                label: '标题 H2',
+                value: '2',
+            },
+            {
+                label: '标题 H3',
+                value: '3',
+            },
+            {
+                label: '标题 H4',
+                value: '4',
+            },
+            {
+                label: '标题 H5',
+                value: '5',
+            },
+            {
+                label: '标题 H6',
+                value: '6',
+            },
+        ]),
+        default: '0',
+        'x-index': 2,
+        description: '标题级别，H1 - H6',
+        remarks: '更改文本的展示级别',
+    }),
+    maxLines: Type.Number({
+        title: '最大行数',
+        type: 'number',
+        description: '应用发布为小程序时，该属性不生效',
+        default: 2,
+        'x-index': 100,
+        'x-category': '高级属性',
+        remarks: '更改文本支持展示的最大行数，若最大行数无法承载当前文本内容，则会将超出内容用省略号来替代',
+    }),
+    tips: Type.Boolean({
+        title: '展示文本气泡',
+        type: 'boolean',
+        description: '鼠标悬停时展示文本气泡，仅PC端有效',
+        default: true,
+        'x-category': '高级属性',
+        remarks: '开启后鼠标悬停在文本组件上会展示文本气泡',
+        'x-index': 105,
+    }),
+    space: Type.Boolean({
+        title: '连续空格',
+        type: 'boolean',
+        description: '是否显示连续空格',
+        default: false,
+        'x-category': '高级属性',
+        remarks: '开启后文本组件将支持识别多个空格字符，关闭后文本组件仅支持识别单个空格字符(多空格字符会自动转换成单个空格字符)',
+        'x-index': 110,
+    }),
+    userSelect: Type.Boolean({
+        title: '是否可选中',
+        type: 'boolean',
+        description: '是否可选中文本',
+        default: true,
+        'x-index': 115,
+        'x-category': '高级属性',
+        remarks: '关闭后文本将不支持进行选中，无法进行复制等常见文本操作',
+    }),
+});
+const events = [
+    {
+        name: 'tap',
+        title: '点击',
+    },
+];
+export default defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events,
+    meta: {
+        title: '文本',
+        description: '用于展示页面中的文本内容。',
+        category: '展示',
+        categoryOrder: 400,
+        componentOrder: 210,
+        icon: '//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Text.svg',
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Text',
+        shortcut: {
+            props: ['text', 'level'],
+        },
+    },
+});

package/dist/configs/components/wd-bubble.json

@@ -0,0 +1,170 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "properties": {
+            "trigger": {
+                "enum": [
+                    {
+                        "label": "鼠标悬浮",
+                        "value": "hover"
+                    },
+                    {
+                        "label": "鼠标点击",
+                        "value": "click"
+                    }
+                ],
+                "type": "string",
+                "title": "触发行为",
+                "default": "hover",
+                "x-index": 5,
+                "description": "触发气泡提示的行为",
+                "remarks": "触发气泡提示的行为",
+                "x-category": "基础属性"
+            },
+            "placement": {
+                "enum": [
+                    {
+                        "label": "上",
+                        "value": "top"
+                    },
+                    {
+                        "label": "上左",
+                        "value": "top-start"
+                    },
+                    {
+                        "label": "上右",
+                        "value": "top-end"
+                    },
+                    {
+                        "label": "左",
+                        "value": "left"
+                    },
+                    {
+                        "label": "左上",
+                        "value": "left-start"
+                    },
+                    {
+                        "label": "左下",
+                        "value": "left-end"
+                    },
+                    {
+                        "label": "下",
+                        "value": "bottom"
+                    },
+                    {
+                        "label": "下左",
+                        "value": "bottom-start"
+                    },
+                    {
+                        "label": "下右",
+                        "value": "bottom-end"
+                    },
+                    {
+                        "label": "右",
+                        "value": "right"
+                    },
+                    {
+                        "label": "右上",
+                        "value": "right-start"
+                    },
+                    {
+                        "label": "右下",
+                        "value": "right-end"
+                    }
+                ],
+                "type": "string",
+                "title": "弹出方向",
+                "default": "top",
+                "x-index": 10,
+                "description": "气泡提示的弹出方向",
+                "remarks": "气泡提示的弹出方向",
+                "x-category": "基础属性"
+            },
+            "promptTheme": {
+                "enum": [
+                    {
+                        "label": "默认",
+                        "value": "default"
+                    },
+                    {
+                        "label": "警告",
+                        "value": "error"
+                    },
+                    {
+                        "label": "反色",
+                        "value": "dark"
+                    }
+                ],
+                "type": "string",
+                "title": "气泡风格",
+                "default": "default",
+                "x-index": 15,
+                "description": "气泡提示的风格",
+                "remarks": "气泡提示的风格",
+                "x-category": "基础属性"
+            },
+            "openDelay": {
+                "type": "number",
+                "title": "打开时延(毫秒)",
+                "default": "0",
+                "description": "气泡提示的打开时延(毫秒)",
+                "remarks": "气泡提示的打开时延(毫秒)",
+                "x-index": 105,
+                "x-category": "高级属性"
+            },
+            "closeDelay": {
+                "type": "number",
+                "title": "关闭时延(毫秒)",
+                "default": "0",
+                "description": "气泡提示的关闭时延(毫秒)",
+                "remarks": "气泡提示的关闭时延(毫秒)",
+                "x-index": 110,
+                "x-category": "高级属性"
+            },
+            "arrowPointAtCenter": {
+                "type": "boolean",
+                "title": "箭头是否指向中心",
+                "default": false,
+                "description": "气泡提示的箭头是否指向中心",
+                "remarks": "气泡提示的箭头是否指向中心",
+                "x-index": 115,
+                "x-category": "高级属性"
+            },
+            "bubbleContent": {
+                "title": "气泡插槽",
+                "x-index": 205,
+                "type": "slot"
+            },
+            "bubbleChildren": {
+                "title": "触发内容",
+                "x-index": 210,
+                "type": "slot"
+            }
+        }
+    },
+    "events": [
+        {
+            "name": "open",
+            "title": "打开气泡"
+        },
+        {
+            "name": "close",
+            "title": "关闭气泡"
+        }
+    ],
+    "platforms": ["web"],
+    "meta": {
+        "name": "WdBubble",
+        "title": "气泡提示",
+        "description": "用于显示气泡的提示。",
+        "category": "展示",
+        "icon": "../icons/Bubble.svg",
+        "platform": ["MOBILEWEB", "PCWEB"]
+    },
+    "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdBubble",
+        "shortcut": {
+            "props": ["trigger", "placement"]
+        }
+    }
+}

package/dist/configs/components/wedaVideo.json

@@ -82,8 +82,13 @@
         "name": "wedaVideo",
         "title": "视频播放",
         "description": "用于视频播放",
-        "icon": "https://qcloudimg.tencent-cloud.cn/raw/c622c16cc4841ef7e99cfe3c05c76f2f.svg",
-        "category": "多媒体",
-        "visible": ["APP"]
+        "icon": "../icons/WedaVideo.svg",
+        "category": "展示",
+        "visible": ["APP"],
+        "categoryOrder": 400,
+        "componentOrder": 320
+    },
+    "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WedaVideo"
     }
 }

package/dist/configs/components/wxOpenApi/phone.js

@@ -0,0 +1,126 @@
+import { defineConfig, Tuple, Type } from '../../type-utils';
+const data = Type.Object({
+    text: Type.String({
+        title: '按钮标题',
+        default: '获取用户手机号',
+        remarks: '按钮组件的标题',
+        type: 'string',
+        'x-category': '基础属性',
+        'x-platforms': ['MP'],
+        'x-index': 1,
+    }),
+    type: Type.StringEnum({
+        title: '按钮风格',
+        type: 'string',
+        default: 'wechat',
+        remarks: '按钮组件的风格，相对于普通按钮组件，新增“微信”按钮风格',
+        enum: Tuple([
+            {
+                label: '默认',
+                value: 'default',
+            },
+            {
+                label: '微信',
+                value: 'wechat',
+            },
+            {
+                label: '主要',
+                value: 'primary',
+            },
+            {
+                label: '警告',
+                value: 'warn',
+            },
+        ]),
+        'x-category': '基础属性',
+        'x-platforms': ['MP'],
+        'x-index': 2,
+    }),
+    size: Type.StringEnum({
+        title: '按钮大小',
+        type: 'string',
+        default: 'default',
+        remarks: '按钮的大小',
+        enum: Tuple([
+            {
+                label: '中',
+                value: 'default',
+            },
+            {
+                label: '小',
+                value: 'mini',
+            },
+            {
+                label: '大',
+                value: 'large',
+            },
+        ]),
+        'x-category': '基础属性',
+        'x-platforms': ['MP'],
+        'x-index': 3,
+    }),
+});
+// export default
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events: [
+        {
+            title: '手机号授权成功',
+            name: 'phonesuccess',
+            remarks: '弹窗中点击了允许按钮后触发的事件',
+            'x-platforms': ['MP'],
+            detail: {
+                phoneNumber: Type.String({
+                    title: '区号+手机号',
+                    'x-index': 1,
+                }),
+                purePhoneNumber: Type.String({
+                    title: '无区号手机号',
+                    'x-index': 2,
+                }),
+                countryCode: Type.String({
+                    title: '区号',
+                    'x-index': 3,
+                }),
+                timestamp: Type.String({
+                    title: '授权时间',
+                    'x-index': 4,
+                }),
+            },
+        },
+        {
+            title: '手机号授权失败',
+            remarks: '弹窗中点击了拒绝按钮后触发的事件',
+            name: 'phonefail',
+            'x-platforms': ['MP'],
+        },
+    ],
+    meta: {
+        title: '获取用户手机号',
+        description: '在小程序运行态对用户的手机号进行获取。',
+        icon: '../../icons/Phone.svg',
+        category: '小程序',
+        categoryOrder: 700,
+        componentOrder: 570,
+        platform: ['MP'],
+        visible: ['APP'],
+        validate: [
+            {
+                rule: 'checkBusiness',
+                options: {
+                    allowFailure: true,
+                    title: '当前应用使用了「获取用户手机号」组件，该组件仅支持企业主体小程序使用，再选择符合条件的小程序后再进行发布',
+                    description: '组件功能依赖企业主体小程序',
+                    type: 'mp',
+                    version: '',
+                    platform: ['MP'],
+                },
+            },
+        ],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/wxOpen/Phone',
+    },
+});
+export default config;

package/dist/configs/components/wxOpenApi/phoneCode.js

@@ -0,0 +1,117 @@
+import { defineConfig, Type } from '../../type-utils';
+export default defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data: {
+        type: 'object',
+        properties: {
+            text: {
+                title: '按钮标题',
+                default: '获取用户手机号授权令牌',
+                remarks: '按钮组件的标题',
+                type: 'string',
+                'x-category': '基础属性',
+                'x-platforms': ['MP'],
+                'x-index': 1,
+            },
+            type: {
+                title: '按钮风格',
+                type: 'string',
+                default: 'wechat',
+                remarks: '按钮组件的风格，相对于普通按钮组件，新增“微信”按钮风格',
+                enum: ['default', 'wechat', 'primary', 'warn'],
+                'x-category': '基础属性',
+                'x-platforms': ['MP'],
+                'x-index': 2,
+                'x-component-props': {
+                    options: [
+                        {
+                            text: '默认',
+                            value: 'default',
+                        },
+                        {
+                            text: '微信',
+                            value: 'wechat',
+                        },
+                        {
+                            text: '主要',
+                            value: 'primary',
+                        },
+                        {
+                            text: '警告',
+                            value: 'warn',
+                        },
+                    ],
+                },
+            },
+            size: {
+                title: '按钮大小',
+                type: 'string',
+                default: 'default',
+                remarks: '按钮的大小',
+                enum: ['default', 'mini', 'large'],
+                'x-category': '基础属性',
+                'x-platforms': ['MP'],
+                'x-index': 3,
+                'x-component-props': {
+                    options: [
+                        {
+                            text: '中',
+                            value: 'default',
+                        },
+                        {
+                            text: '小',
+                            value: 'mini',
+                        },
+                        {
+                            text: '大',
+                            value: 'large',
+                        },
+                    ],
+                },
+            },
+        },
+    },
+    events: [
+        {
+            title: '获取手机号授权令牌成功',
+            name: 'phoneCodeSuccess',
+            remarks: '弹窗中点击了允许按钮后触发的事件',
+            'x-platforms': ['MP'],
+            detail: {
+                code: Type.String({
+                    title: '手机号授权令牌',
+                    'x-index': 1,
+                }),
+            },
+        },
+        {
+            title: '获取手机号授权令牌失败',
+            remarks: '弹窗中点击了拒绝按钮后触发的事件',
+            name: 'phoneCodeFail',
+            'x-platforms': ['MP'],
+        },
+    ],
+    meta: {
+        title: '获取用户手机号授权令牌',
+        description: '获取用户手机号授权令牌组件',
+        icon: '//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Phone.svg',
+        category: '微信开放能力',
+        categoryOrder: 100,
+        componentOrder: 2,
+        platform: ['MP'],
+        visible: [],
+        validate: [
+            {
+                rule: 'checkBusiness',
+                options: {
+                    allowFailure: true,
+                    title: '当前应用使用了「获取用户手机号授权令牌」组件，该组件仅支持企业主体小程序使用，再选择符合条件的小程序后再进行发布',
+                    description: '组件功能依赖企业主体小程序',
+                    type: 'mp',
+                    version: '',
+                    platform: ['MP'],
+                },
+            },
+        ],
+    },
+});