@cloudbase/weda-ui 3.4.2 → 3.4.4

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,120 @@
+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',
+        visible: [],
+        deprecated: true,
+        renderMode: [
+            {
+                component: 'WdText',
+                props: {},
+                renderType: 'update',
+                materialName: 'gsd-h5-react',
+                description: '- 文本组件支持配置文本内容溢出省略 - 文本初始化字体、字号、样式进行了优化 - 文本格式正文增加大中小三种可选',
+            },
+        ],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Text',
+        shortcut: {
+            props: ['text', 'level'],
+        },
+    },
+});

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

@@ -0,0 +1,204 @@
+import { defineConfig, Tuple, Type } from '../type-utils';
+// 属性类型定义
+const data = Type.Object({
+    trigger: Type.StringEnum({
+        title: '触发行为',
+        type: 'string',
+        default: 'hover',
+        enum: Tuple([
+            {
+                label: '鼠标悬浮',
+                value: 'hover',
+            },
+            {
+                label: '鼠标点击',
+                value: 'click',
+            },
+        ]),
+        'x-index': 10,
+        'x-category': '基础属性',
+        description: '触发气泡提示的行为',
+    }),
+    placement: Type.StringEnum({
+        type: 'string',
+        title: '弹出方向',
+        default: 'top',
+        'x-index': 20,
+        'x-category': '基础属性',
+        description: '气泡提示的弹出方向',
+        enum: Tuple([
+            {
+                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',
+            },
+        ]),
+    }),
+    promptTheme: Type.StringEnum({
+        title: '气泡风格',
+        type: 'string',
+        default: 'default',
+        enum: Tuple([
+            {
+                label: '默认',
+                value: 'default',
+            },
+            {
+                label: '警告',
+                value: 'error',
+            },
+            {
+                label: '反色',
+                value: 'dark',
+            },
+        ]),
+        'x-index': 30,
+        'x-category': '基础属性',
+        description: '气泡提示的风格',
+    }),
+    openDelay: Type.Number({
+        title: '打开时延(毫秒)',
+        default: 0,
+        type: 'number',
+        description: '气泡提示的打开时延(毫秒)',
+        'x-category': '高级属性',
+        'x-index': 40,
+    }),
+    closeDelay: Type.Number({
+        title: '关闭时延(毫秒)',
+        default: 0,
+        type: 'number',
+        description: '气泡提示的关闭时延(毫秒)',
+        'x-category': '高级属性',
+        'x-index': 50,
+    }),
+    arrowPointAtCenter: Type.Boolean({
+        title: '箭头是否指向中心',
+        default: false,
+        type: 'boolean',
+        description: '气泡提示的箭头是否指向中心',
+        'x-category': '高级属性',
+        'x-index': 60,
+    }),
+    bubbleContent: Type.Optional(Type.Slot({
+        title: '气泡插槽',
+        'x-index': 70,
+    })),
+    bubbleChildren: Type.Optional(Type.Slot({
+        title: '触发内容',
+        'x-index': 80,
+    })),
+});
+// 组件对外暴露的只读属性
+// 未来可通过 widget API 开放，应用可以获取到组件的实例属性
+// 组件对外先规范定义，暂时不对外开放
+const properties = Type.Pick(data, ['trigger', 'placement', 'promptTheme']);
+// 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: '.wd-bubble',
+            description: '气泡组件根元素',
+        },
+        {
+            name: '触发内容父元素',
+            selector: '.wd-bubble-child',
+            description: '气泡插槽触发内容的父级元素，可以设置内容内部样式',
+        },
+        {
+            name: 'PC 端气泡根元素',
+            selector: '.wd-pc-bubble',
+            description: '可以为 PC 端的气泡编写样式',
+        },
+        {
+            name: 'H5 端气泡根元素',
+            selector: '.wd-h5-bubble',
+            description: '可以为 H5 端的气泡编写样式',
+        },
+    ],
+    // 组件方法
+    methods: [],
+    // 组件对外暴露事件
+    events: [
+        {
+            name: 'open',
+            title: '打开气泡',
+            'x-platforms': ['WEB'],
+        },
+        {
+            name: 'close',
+            title: '关闭气泡',
+            'x-platforms': ['WEB'],
+        },
+    ],
+    // 组件元信息
+    meta: {
+        name: 'WdBubble',
+        title: '气泡提示',
+        description: '用于显示气泡的提示。',
+        icon: '../../icons/Bubble.svg',
+        category: '展示',
+        categoryOrder: 1,
+        componentOrder: 1,
+        platform: ['MOBILEWEB', 'PCWEB'],
+        visible: ['APP'],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdBubble',
+        // 快捷编辑时展示在编辑区的属性
+        shortcut: {
+            props: ['trigger', 'placement'],
+        },
+    },
+});
+export default config;