@cloudbase/weda-ui 3.5.0 → 3.5.2

package/dist/configs/components/lottery.js

@@ -0,0 +1,178 @@
+import { defineConfig, Tuple, Type, } from '../type-utils';
+const data = Type.Object({
+    prizeList: Type.Array(Type.Object({
+        title: Type.String({
+            type: 'string',
+            title: '奖品名称',
+            default: '一等奖',
+        }),
+        image: Type.String({
+            'x-component': 'image',
+            'x-rules': [
+                {
+                    message: '请输入合法的图片地址',
+                    pattern: '^(((https?)://)|/resources/)[^\\s]+$',
+                },
+            ],
+            title: '奖品图片',
+            default: '',
+        }),
+    }, {
+        title: 'prizeList',
+        default: {
+            title: '奖品名称',
+            image: 'https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/0aa4dc06-e375-45c2-8ec2-0461a83d5d4a.png',
+        },
+    }), {
+        type: 'array',
+        title: '奖品设置',
+        description: '仅前8项奖品会展示在组件中',
+        default: [
+            {
+                title: '8元优惠券',
+                image: 'https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/70122750-ba8b-4ac7-be71-c2300f1f8c6f.png',
+            },
+            {
+                title: '劳动节水杯',
+                image: 'https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/c2842881-5e15-409d-8dd3-352205abe38c.png',
+            },
+            {
+                title: '10元优惠券',
+                image: 'https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/b99c4350-c619-4fff-90e0-1980075e0417.png',
+            },
+            {
+                image: 'https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/7cefce40-73e4-4cdd-aa30-d178a4cb6624.png',
+                title: '旅行背包',
+            },
+            {
+                title: '谢谢参与',
+                image: 'https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/0aa4dc06-e375-45c2-8ec2-0461a83d5d4a.png',
+            },
+            {
+                title: '20积分',
+                image: 'https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/de35f413-6971-4ab3-a816-9c488e169d46.png',
+            },
+            {
+                title: '流量券',
+                image: 'https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/3c0ff8a2-8362-4219-875d-0778d65bba80.png',
+            },
+            {
+                title: '10元优惠券',
+                image: 'https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/d11056cc-b8a1-4d50-b993-65d8a434802f.png',
+            },
+        ],
+        'x-index': 10,
+        'x-component': 'list-bind-switch',
+        'x-component-props': {
+            'origin-component': 'list',
+        },
+        'x-props': {
+            'data-withBindMeta': true,
+        },
+        'x-linkages': [
+            {
+                type: 'value:schema',
+                schema: {
+                    'x-component-props': {
+                        options: "{{ $value&&$value.map((title, index) => ({label: '奖品名称' + (index + 1), value: index}) ) }}",
+                    },
+                },
+                target: 'selectedIndex',
+            },
+        ],
+    }),
+    enablePrize: Type.Boolean({
+        title: '启动抽奖',
+        'x-index': 20,
+        default: true,
+    }),
+    prizeResult: Type.StringEnum({
+        type: 'string',
+        title: '抽奖结果',
+        'x-index': 30,
+        default: '1',
+        'x-helper-text': '以左上角为起始位置，顺时针确定8个奖品位置分别1-8',
+        enum: [
+            {
+                label: '1',
+                value: '1',
+            },
+            {
+                label: '2',
+                value: '2',
+            },
+            {
+                label: '3',
+                value: '3',
+            },
+            {
+                label: '4',
+                value: '4',
+            },
+            {
+                label: '5',
+                value: '5',
+            },
+            {
+                label: '6',
+                value: '6',
+            },
+            {
+                label: '7',
+                value: '7',
+            },
+            {
+                label: '8',
+                value: '8',
+            },
+        ],
+    }),
+});
+const events = Tuple([
+    {
+        name: 'clickLotteryButton',
+        title: '点击开始抽奖按钮',
+    },
+    {
+        name: 'finishLottery',
+        title: '开奖',
+        detail: Type.Object({
+            prize: Type.String({
+                title: '开奖结果',
+                description: '开奖结果， 等于 prizeResult属性',
+            }),
+            result: Type.Object({
+                desc: Type.String({
+                    title: '中奖项名称',
+                }),
+                idx: Type.Number({
+                    title: '中奖项索引',
+                }),
+            }),
+        }),
+    },
+]);
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data,
+    events,
+    meta: {
+        title: '九宫格抽奖',
+        description: '用于实现简单的活动抽奖功能。',
+        category: '展示',
+        categoryOrder: 400,
+        componentOrder: 330,
+        icon: '../icons/Lottery.svg',
+        visible: ['APP'],
+    },
+    configMeta: {
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Lottery',
+    },
+    methods: [
+        {
+            name: 'start',
+            label: '开始抽奖',
+        },
+    ],
+});
+export default config;

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

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+import { Simplify, Static } from '../type-utils';
+declare const data: import("@sinclair/typebox").TObject<{
+    content: import("@sinclair/typebox").TString;
+    visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    isDefaultButton: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    customContent: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    customButton: 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<{
+        content: import("@sinclair/typebox").TString;
+        visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        isDefaultButton: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        customContent: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+        customButton: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    }>;
+    readonly methods: readonly [{
+        readonly name: "open";
+        readonly label: "打开窗口";
+    }, {
+        readonly name: "close";
+        readonly label: "关闭窗口";
+    }, {
+        readonly name: "toggle";
+        readonly label: "切换窗口开关状态";
+    }];
+    readonly events: readonly [{
+        readonly title: "点击关闭按钮";
+        readonly name: "close";
+    }, {
+        readonly title: "点击底部默认按钮";
+        readonly name: "confirm";
+    }];
+    readonly meta: {
+        readonly title: "弹窗[旧]";
+        readonly name: "Modal";
+        readonly description: "用于实现基础的弹窗（对话框）展示效果。";
+        readonly propertyPanelTips: "弹窗组件在小程序侧使用时，为防止出现弹窗被遮盖，建议直接作为页面节点的下一级节点(不建议嵌套在其他容器/组件中）";
+        readonly category: "布局";
+        readonly icon: "../icons/Modal.svg";
+        readonly categoryOrder: 200;
+        readonly componentOrder: 140;
+        readonly visible: readonly [];
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/senior/Modal";
+    };
+};
+export default config;
+export type DataType = Simplify<Static<typeof data>>;

package/dist/configs/components/modal.js

@@ -56,7 +56,7 @@ const config = defineConfig({
         },
     ],
     meta: {
-        title: '弹窗',
+        title: '弹窗[旧]',
         name: 'Modal',
         description: '用于实现基础的弹窗（对话框）展示效果。',
         propertyPanelTips: '弹窗组件在小程序侧使用时，为防止出现弹窗被遮盖，建议直接作为页面节点的下一级节点(不建议嵌套在其他容器/组件中）',
@@ -64,7 +64,7 @@ const config = defineConfig({
         icon: '../icons/Modal.svg',
         categoryOrder: 200,
         componentOrder: 140,
-        visible: ['APP', 'COMPONENT'],
+        visible: [],
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/senior/Modal',
     },
 });

package/dist/configs/components/navLayout.json

@@ -88,7 +88,7 @@
                             "title": "标题",
                             "default": "导航标题",
                             "x-index": 10,
-                            "remarks": "配置宫格导航项目的详细内容"
+                            "description": "配置宫格导航项目的详细内容"
                         },
                         "tapStatus": {
                             "enum": [
@@ -228,7 +228,7 @@
                 ],
                 "x-index": 1,
                 "x-component": "list",
-                "remarks": "配置宫格导航的详细内容。属性变量可hover到属性标题进行查看。补充属性说明：点击时(tapStatus):无行为(tap)/打开页面(inside)/外部链接(outer);参数(params):[{key:***,value:***}]"
+                "description": "配置宫格导航的详细内容。属性变量可hover到属性标题进行查看。补充属性说明：点击时(tapStatus):无行为(tap)/打开页面(inside)/外部链接(outer);参数(params):[{key:***,value:***}]"
             },
             "fontWeight": {
                 "type": "string",
@@ -250,7 +250,7 @@
                         "value": "bolder"
                     }
                 ],
-                "remarks": "标题字重"
+                "description": "标题字重"
             },
             "fontSize": {
                 "type": "number",
@@ -262,7 +262,7 @@
                     "max": 100
                 },
                 "x-index": 45,
-                "remarks": "标题字号"
+                "description": "标题字号"
             },
             "textColor": {
                 "title": "标题颜色",
@@ -278,7 +278,7 @@
                 "x-index": 56,
                 "x-category": "高级属性",
                 "default": "auto",
-                "remarks": "标题行高"
+                "description": "标题行高"
             },
             "maxLines": {
                 "title": "标题行数",
@@ -290,10 +290,9 @@
             "tips": {
                 "title": "展示文本气泡",
                 "type": "boolean",
-                "description": "鼠标悬停时展示文本气泡，仅PC端有效",
+                "description": "开启后鼠标悬停在文本组件上会展示文本气泡",
                 "default": true,
                 "x-category": "高级属性",
-                "remarks": "开启后鼠标悬停在文本组件上会展示文本气泡",
                 "x-index": 70
             },
             "mobileCol": {
@@ -315,7 +314,7 @@
                         "value": 5
                     }
                 ],
-                "remarks": "移动端每行导航列数"
+                "description": "移动端每行导航列数"
             },
             "pcCol": {
                 "type": "number",
@@ -340,7 +339,7 @@
                         "value": 6
                     }
                 ],
-                "remarks": "PC端每行导航列数"
+                "description": "PC端每行导航列数"
             },
             "iconSize": {
                 "type": "string",

package/dist/configs/components/pagelayout.json

@@ -16,14 +16,14 @@
     "events": [],
     "platforms": ["web"],
     "meta": {
-        "title": "布局组件",
+        "title": "布局组件(旧)",
         "description": "用于构建带有顶部导航的页面布局。",
         "icon": "https://imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/LayoutContainer.svg",
         "category": "布局",
         "categoryOrder": 200,
         "componentOrder": 100,
         "platform": ["MOBILEWEB", "PCWEB"],
-        "visible": ["APP"]
+        "visible": []
     },
     "configMeta": {
         "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/PageLayout"

package/dist/configs/components/picker/datePicker.json

@@ -0,0 +1,33 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "properties": {
+            "title": {
+                "type": "string",
+                "default": "日期",
+                "title": "标题"
+            },
+            "start": {
+                "type": "string",
+                "default": "2020-1-1",
+                "title": "起始时间"
+            },
+            "end": {
+                "type": "string",
+                "default": "2030-12-31",
+                "title": "结束时间"
+            },
+            "defaultValue": {
+                "type": "string",
+                "default": "",
+                "title": "初始值"
+            }
+        }
+    },
+    "meta": {
+        "title": "日期选择器",
+        "description": "日期选择器",
+        "category": "交互"
+    },
+    "isContainer": true
+}

package/dist/configs/components/picker/picker.json

@@ -0,0 +1,18 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "properties": {
+            "title": {
+                "type": "string",
+                "default": "模拟选择框",
+                "title": "标题"
+            }
+        }
+    },
+    "meta": {
+        "title": "模拟选择框",
+        "description": "模拟选择框",
+        "category": "交互"
+    },
+    "isContainer": true
+}

package/dist/configs/components/picker/timePicker.json

@@ -0,0 +1,23 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "properties": {
+            "title": {
+                "type": "string",
+                "default": "时间",
+                "title": "标题"
+            },
+            "defaultValue": {
+                "type": "string",
+                "default": "",
+                "title": "初始值"
+            }
+        }
+    },
+    "meta": {
+        "title": "时间选择器",
+        "description": "时间选择器",
+        "category": "交互"
+    },
+    "isContainer": true
+}

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

@@ -0,0 +1,78 @@
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const data: import("@sinclair/typebox").TObject<{
+    text: import("@sinclair/typebox").TString;
+    showMenuByLongpress: import("@sinclair/typebox").TBoolean;
+    foregroundColor: import("@sinclair/typebox").TString;
+    backgroundColor: import("@sinclair/typebox").TString;
+}>;
+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<{
+        text: import("@sinclair/typebox").TString;
+        showMenuByLongpress: import("@sinclair/typebox").TBoolean;
+        foregroundColor: import("@sinclair/typebox").TString;
+        backgroundColor: import("@sinclair/typebox").TString;
+    }>;
+    readonly properties: import("@sinclair/typebox").TObject<{
+        text: import("@sinclair/typebox").TString;
+        showMenuByLongpress: import("@sinclair/typebox").TBoolean;
+        foregroundColor: import("@sinclair/typebox").TString;
+        backgroundColor: import("@sinclair/typebox").TString;
+    }>;
+    readonly classes: readonly [{
+        readonly name: "根元素";
+        readonly selector: ".wd-qrcode";
+        readonly description: "二维码组件根元素";
+    }, {
+        readonly name: "PC 端二维码根元素";
+        readonly selector: ".wd-pc-qrcode";
+        readonly description: "可以为 PC 端的二维码编写样式";
+    }, {
+        readonly name: "H5 端二维码根元素";
+        readonly selector: ".wd-h5-qrcode";
+        readonly description: "可以为 H5 端的二维码编写样式";
+    }, {
+        readonly name: "小程序端二维码根元素";
+        readonly selector: ".wd-mp-qrcode";
+        readonly description: "可以为小程序端的二维码编写样式";
+    }];
+    readonly methods: readonly [];
+    readonly events: readonly [];
+    readonly meta: {
+        readonly name: "QrCode";
+        readonly componentName: "QrCode";
+        readonly title: "二维码";
+        readonly description: "根据链接或文本等生成二维码";
+        readonly icon: "../../icons/QrCode.svg";
+        readonly category: "展示";
+        readonly categoryOrder: 400;
+        readonly componentOrder: 265;
+        readonly visible: readonly ["APP"];
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/QrCode";
+        readonly shortcut: {
+            readonly props: readonly ["text"];
+        };
+        readonly group: {
+            readonly 通用: {
+                readonly 'x-index': 1;
+                readonly expand: true;
+            };
+            readonly 小程序开放能力: {
+                readonly 'x-index': 2;
+                readonly expand: true;
+            };
+            readonly 风格: {
+                readonly 'x-index': 3;
+                readonly expand: true;
+            };
+        };
+    };
+    readonly configMeta: {
+        readonly shortcut: {
+            readonly props: readonly ["text"];
+        };
+    };
+};
+export default config;

package/dist/configs/components/qr_code.js

@@ -92,12 +92,6 @@ const config = defineConfig({
         shortcut: {
             props: ['text'],
         },
-    },
-    configMeta: {
-        // 快捷编辑时展示在编辑区的属性
-        shortcut: {
-            props: ['text'],
-        },
         group: {
             通用: {
                 'x-index': 1,
@@ -113,5 +107,11 @@ const config = defineConfig({
             },
         },
     },
+    configMeta: {
+        // 快捷编辑时展示在编辑区的属性
+        shortcut: {
+            props: ['text'],
+        },
+    },
 });
 export default config;

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

@@ -0,0 +1,45 @@
+declare const _default: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        data: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{}>>;
+        key: import("@sinclair/typebox").TString;
+        suffix: import("@sinclair/typebox").TString;
+        forItem: import("@sinclair/typebox").TString;
+        forIndex: import("@sinclair/typebox").TString;
+    }>;
+    readonly isContainer: true;
+    readonly compConfig: {
+        readonly componentType: "Repeater";
+    };
+    readonly events: readonly [];
+    readonly meta: {
+        readonly title: "循环展示";
+        readonly description: "用于循环展示组件的场景，可将一个数组循环展示在页面中，比如循环一个新闻列表。";
+        readonly icon: "../icons/Repeater.svg";
+        readonly category: "展示";
+        readonly categoryOrder: 400;
+        readonly componentOrder: 260;
+        readonly templates: readonly [{
+            readonly to: "$children";
+            readonly body: "\n                {{#with $self.id as |repeater_suffix|}}\n                [attributes]\n                ':data' = \"[{name: '苹果'}, {name: '橙子'}, {name: '香蕉'}]\"\n                suffix = '{{repeater_suffix}}'\n                forItem = 'item_{{repeater_suffix}}'\n                forIndex = 'index_{{repeater_suffix}}'\n\n                [[template]]\n                component = 'WdText'\n                [template.attributes]\n                ':text' = '$w.index_{{repeater_suffix}} + `: `+ $w.item_{{repeater_suffix}}.name'\n                [[template]]\n                component = 'Container'\n                {{/with}}\n                ";
+        }];
+        readonly visible: readonly ["APP", "COMPONENT"];
+        readonly group: {
+            readonly 数据: {
+                readonly 'x-index': 1;
+                readonly expand: true;
+            };
+            readonly 高级属性: {
+                readonly 'x-index': 2;
+                readonly expand: true;
+            };
+        };
+    };
+    readonly configMeta: {
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Repeater";
+    };
+    readonly properties: import("@sinclair/typebox").TObject<{
+        data: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TAny>;
+    }>;
+};
+export default _default;