@cloudbase/weda-ui 3.5.2-mp → 3.5.3

package/dist/configs/components/tabs.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import { Simplify, Static } from '../type-utils';
+declare const data: import("@sinclair/typebox").TObject<{
+    isMultipleSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    tabs: import("@sinclair/typebox").TReadonly<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+        title: import("@sinclair/typebox").TString;
+        value: import("@sinclair/typebox").TString;
+    }>>>;
+    selectedIndex: import("@sinclair/typebox").TNumber;
+    panel: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+}>;
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        isMultipleSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        tabs: import("@sinclair/typebox").TReadonly<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+            title: import("@sinclair/typebox").TString;
+            value: import("@sinclair/typebox").TString;
+        }>>>;
+        selectedIndex: import("@sinclair/typebox").TNumber;
+        panel: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    }>;
+    readonly events: readonly [{
+        readonly name: "change";
+        readonly title: "选项卡切换";
+    }];
+    readonly meta: {
+        readonly name: "Tabs";
+        readonly title: "顶部选项卡";
+        readonly description: "用于提供顶部的选项卡布局，支持切换多个选项标签。";
+        readonly category: "导航";
+        readonly icon: "../icons/Tabs.svg";
+        readonly categoryOrder: 200;
+        readonly componentOrder: 190;
+    };
+    readonly configMeta: {
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/navmenu/Tabs";
+    };
+};
+export default config;
+export type DataType = Simplify<Static<typeof data>>;

package/dist/configs/components/tabs.js

@@ -0,0 +1,119 @@
+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',
+        description: '更改选项卡标签的标题',
+    })),
+    selectedIndex: Type.Number({
+        title: '选中标签',
+        default: 0,
+        'x-index': 30,
+        'x-category': '基础属性',
+        'x-component': 'select',
+        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.d.ts

@@ -0,0 +1,55 @@
+import type { Simplify } from 'type-fest';
+import { Static, StaticEventsType } from '../type-utils';
+declare const data: import("@sinclair/typebox").TObject<{
+    text: import("@sinclair/typebox").TString;
+    level: import("@sinclair/typebox").TUnsafe<"0" | "1" | "2" | "3" | "4" | "5" | "6">;
+    maxLines: import("@sinclair/typebox").TNumber;
+    tips: import("@sinclair/typebox").TBoolean;
+    space: import("@sinclair/typebox").TBoolean;
+    userSelect: import("@sinclair/typebox").TBoolean;
+}>;
+export type DataType = Simplify<Static<typeof data>>;
+declare const events: readonly [{
+    readonly name: "tap";
+    readonly title: "点击";
+}];
+export type EventsType = Simplify<StaticEventsType<typeof events>>;
+declare const _default: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        text: import("@sinclair/typebox").TString;
+        level: import("@sinclair/typebox").TUnsafe<"0" | "1" | "2" | "3" | "4" | "5" | "6">;
+        maxLines: import("@sinclair/typebox").TNumber;
+        tips: import("@sinclair/typebox").TBoolean;
+        space: import("@sinclair/typebox").TBoolean;
+        userSelect: import("@sinclair/typebox").TBoolean;
+    }>;
+    readonly events: readonly [{
+        readonly name: "tap";
+        readonly title: "点击";
+    }];
+    readonly meta: {
+        readonly title: "文本[旧]";
+        readonly description: "用于展示页面中的文本内容。";
+        readonly category: "展示";
+        readonly categoryOrder: 400;
+        readonly componentOrder: 210;
+        readonly icon: "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Text.svg";
+        readonly visible: readonly [];
+        readonly deprecated: true;
+        readonly renderMode: readonly [{
+            readonly component: "WdText";
+            readonly props: {};
+            readonly renderType: "update";
+            readonly materialName: "gsd-h5-react";
+            readonly description: "- 文本组件支持配置文本内容溢出省略 - 文本初始化字体、字号、样式进行了优化 - 文本格式正文增加大中小三种可选";
+        }];
+    };
+    readonly configMeta: {
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Text";
+        readonly shortcut: {
+            readonly props: readonly ["text", "level"];
+        };
+    };
+};
+export default _default;

package/dist/configs/components/text.js

@@ -0,0 +1,115 @@
+import { Tuple, defineConfig, Type, } from '../type-utils';
+const data = Type.Object({
+    text: Type.String({
+        title: '文本内容',
+        'x-component': 'textarea',
+        default: '文本内容',
+        'x-category': '基础属性',
+        'x-index': 1,
+        description: '更改显示的文本内容',
+    }),
+    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',
+            },
+        ]),
+        'x-runtime-default': '0',
+        'x-index': 2,
+        description: '更改文本的展示级别 H1 - H6',
+    }),
+    maxLines: Type.Number({
+        title: '最大行数',
+        type: 'number',
+        'x-runtime-default': 2,
+        'x-index': 100,
+        'x-category': '高级属性',
+        description: '应用发布为小程序时，该属性不生效,更改文本支持展示的最大行数，若最大行数无法承载当前文本内容，则会将超出内容用省略号来替代',
+    }),
+    tips: Type.Boolean({
+        title: '展示文本气泡',
+        type: 'boolean',
+        'x-runtime-default': true,
+        'x-category': '高级属性',
+        description: '仅PC端有效，开启后鼠标悬停在文本组件上会展示文本气泡',
+        'x-index': 105,
+    }),
+    space: Type.Boolean({
+        title: '连续空格',
+        type: 'boolean',
+        'x-runtime-default': false,
+        'x-category': '高级属性',
+        description: '开启后文本组件将支持识别多个空格字符，关闭后文本组件仅支持识别单个空格字符(多空格字符会自动转换成单个空格字符)',
+        'x-index': 110,
+    }),
+    userSelect: Type.Boolean({
+        title: '是否可选中',
+        type: 'boolean',
+        'x-runtime-default': true,
+        'x-index': 115,
+        'x-category': '高级属性',
+        description: '关闭后文本将不支持进行选中，无法进行复制等常见文本操作',
+    }),
+});
+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.d.ts

@@ -0,0 +1,83 @@
+/// <reference types="react" />
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const data: import("@sinclair/typebox").TObject<{
+    trigger: import("@sinclair/typebox").TUnsafe<"hover" | "click">;
+    placement: import("@sinclair/typebox").TUnsafe<"left" | "top" | "right" | "bottom" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom-start" | "left-end" | "left-start">;
+    promptTheme: import("@sinclair/typebox").TUnsafe<"error" | "default" | "dark">;
+    openDelay: import("@sinclair/typebox").TNumber;
+    closeDelay: import("@sinclair/typebox").TNumber;
+    arrowPointAtCenter: import("@sinclair/typebox").TBoolean;
+    bubbleContent: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    bubbleChildren: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+}>;
+export type DataType = Simplify<Static<typeof data>>;
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        trigger: import("@sinclair/typebox").TUnsafe<"hover" | "click">;
+        placement: import("@sinclair/typebox").TUnsafe<"left" | "top" | "right" | "bottom" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom-start" | "left-end" | "left-start">;
+        promptTheme: import("@sinclair/typebox").TUnsafe<"error" | "default" | "dark">;
+        openDelay: import("@sinclair/typebox").TNumber;
+        closeDelay: import("@sinclair/typebox").TNumber;
+        arrowPointAtCenter: import("@sinclair/typebox").TBoolean;
+        bubbleContent: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+        bubbleChildren: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    }>;
+    readonly properties: import("@sinclair/typebox").TObject<{
+        placement: import("@sinclair/typebox").TUnsafe<"left" | "top" | "right" | "bottom" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom-start" | "left-end" | "left-start">;
+        trigger: import("@sinclair/typebox").TUnsafe<"hover" | "click">;
+        promptTheme: import("@sinclair/typebox").TUnsafe<"error" | "default" | "dark">;
+    }>;
+    readonly classes: readonly [{
+        readonly name: "根元素";
+        readonly selector: ".wd-bubble";
+        readonly description: "气泡组件根元素";
+    }, {
+        readonly name: "触发内容父元素";
+        readonly selector: ".wd-bubble-child";
+        readonly description: "气泡插槽触发内容的父级元素，可以设置内容内部样式";
+    }, {
+        readonly name: "PC 端气泡根元素";
+        readonly selector: ".wd-pc-bubble";
+        readonly description: "可以为 PC 端的气泡编写样式";
+    }, {
+        readonly name: "H5 端气泡根元素";
+        readonly selector: ".wd-h5-bubble";
+        readonly description: "可以为 H5 端的气泡编写样式";
+    }];
+    readonly methods: readonly [];
+    readonly events: readonly [{
+        readonly name: "open";
+        readonly title: "打开气泡";
+        readonly 'x-platforms': readonly ["WEB"];
+    }, {
+        readonly name: "close";
+        readonly title: "关闭气泡";
+        readonly 'x-platforms': readonly ["WEB"];
+    }];
+    readonly meta: {
+        readonly name: "WdBubble";
+        readonly componentName: "Bubble";
+        readonly title: "气泡提示";
+        readonly description: "用于显示气泡的提示。";
+        readonly icon: "../../icons/Bubble.svg";
+        readonly category: "展示";
+        readonly categoryOrder: 400;
+        readonly componentOrder: 290;
+        readonly platform: readonly ["MOBILEWEB", "PCWEB"];
+        readonly visible: readonly ["APP"];
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdBubble";
+        readonly shortcut: {
+            readonly props: readonly ["trigger", "placement"];
+        };
+        readonly templates: readonly [{
+            readonly to: "bubbleContent";
+            readonly body: "\n[[template]]\ncomponent = \"Container\"\nattributes = { }\n\n  [[template.items]]\n  component = \"QrCode\"\n\n    [template.items.attributes]\n    text = \"https://cloud.tencent.com/product/weda\"\n\n  [[template.items]]\n  component = \"WdText\"\n\n    [template.items.attributes]\n    text = \"扫码添加客服\"\n\n  [template.extra]\n\n    [template.extra.commonStyle]\n    custom = [ ]\n\n      [template.extra.commonStyle.self]\n      textAlign = \"center\"\n\n      [template.extra.commonStyle.text]\n      textAlign = \"center\"\n";
+        }, {
+            readonly to: "bubbleChildren";
+            readonly body: "\n[[template]]\ncomponent = \"WdText\"\n\n  [template.attributes]\n  text = \"联系我们\"\n";
+        }];
+    };
+};
+export default config;

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

@@ -0,0 +1,248 @@
+import { defineConfig, Tuple, Type } from '../type-utils';
+const bubbleContentTemplate = `
+[[template]]
+component = "Container"
+attributes = { }
+
+  [[template.items]]
+  component = "QrCode"
+
+    [template.items.attributes]
+    text = "https://cloud.tencent.com/product/weda"
+
+  [[template.items]]
+  component = "WdText"
+
+    [template.items.attributes]
+    text = "扫码添加客服"
+
+  [template.extra]
+
+    [template.extra.commonStyle]
+    custom = [ ]
+
+      [template.extra.commonStyle.self]
+      textAlign = "center"
+
+      [template.extra.commonStyle.text]
+      textAlign = "center"
+`;
+const bubbleChildrenTemplate = `
+[[template]]
+component = "WdText"
+
+  [template.attributes]
+  text = "联系我们"
+`;
+// 属性类型定义
+const data = Type.Object({
+    trigger: Type.StringEnum({
+        title: '触发行为',
+        type: 'string',
+        'x-runtime-default': 'hover',
+        enum: Tuple([
+            {
+                label: '鼠标悬浮',
+                value: 'hover',
+            },
+            {
+                label: '鼠标点击',
+                value: 'click',
+            },
+        ]),
+        'x-index': 10,
+        'x-category': '基础属性',
+        description: '触发气泡提示的行为',
+    }),
+    placement: Type.StringEnum({
+        type: 'string',
+        title: '弹出方向',
+        'x-runtime-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',
+        'x-runtime-default': 'default',
+        enum: Tuple([
+            {
+                label: '默认',
+                value: 'default',
+            },
+            {
+                label: '警告',
+                value: 'error',
+            },
+            {
+                label: '反色',
+                value: 'dark',
+            },
+        ]),
+        'x-index': 30,
+        'x-category': '基础属性',
+        description: '气泡提示的风格',
+    }),
+    openDelay: Type.Number({
+        title: '打开时延(毫秒)',
+        'x-runtime-default': 0,
+        type: 'number',
+        description: '气泡提示的打开时延(毫秒)',
+        'x-category': '高级属性',
+        'x-index': 40,
+    }),
+    closeDelay: Type.Number({
+        title: '关闭时延(毫秒)',
+        'x-runtime-default': 200,
+        type: 'number',
+        description: '气泡提示的关闭时延(毫秒)',
+        'x-category': '高级属性',
+        'x-index': 50,
+    }),
+    arrowPointAtCenter: Type.Boolean({
+        title: '箭头是否指向中心',
+        'x-runtime-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',
+        componentName: 'Bubble',
+        title: '气泡提示',
+        description: '用于显示气泡的提示。',
+        icon: '../../icons/Bubble.svg',
+        category: '展示',
+        categoryOrder: 400,
+        componentOrder: 290,
+        platform: ['MOBILEWEB', 'PCWEB'],
+        visible: ['APP'],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdBubble',
+        // 快捷编辑时展示在编辑区的属性
+        shortcut: {
+            props: ['trigger', 'placement'],
+        },
+        templates: [
+            {
+                to: 'bubbleContent',
+                body: bubbleContentTemplate,
+            },
+            {
+                to: 'bubbleChildren',
+                body: bubbleChildrenTemplate,
+            },
+        ],
+    },
+});
+export default config;