@cloudbase/weda-ui 3.5.2 → 3.6.0

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

@@ -51,8 +51,20 @@ declare const config: {
         readonly category: "展示";
         readonly categoryOrder: 400;
         readonly componentOrder: 330;
+        readonly figureIcon: "../figureIcons/Lottery.svg";
         readonly icon: "../icons/Lottery.svg";
         readonly visible: readonly ["APP"];
+        readonly inlineStyleForm: {
+            readonly justifyContent: {
+                readonly visible: false;
+            };
+            readonly flexDirection: {
+                readonly visible: false;
+            };
+            readonly alignItems: {
+                readonly visible: false;
+            };
+        };
     };
     readonly configMeta: {
         readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Lottery";

package/dist/configs/components/lottery.js

@@ -162,8 +162,20 @@ const config = defineConfig({
         category: '展示',
         categoryOrder: 400,
         componentOrder: 330,
+        figureIcon: '../figureIcons/Lottery.svg',
         icon: '../icons/Lottery.svg',
         visible: ['APP'],
+        inlineStyleForm: {
+            justifyContent: {
+                visible: false,
+            },
+            flexDirection: {
+                visible: false,
+            },
+            alignItems: {
+                visible: false,
+            },
+        },
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Lottery',

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Simplify, Static } from '../type-utils';
 declare const data: import("@sinclair/typebox").TObject<{
     content: import("@sinclair/typebox").TString;

package/dist/configs/components/navLayout.json

@@ -121,6 +121,7 @@
                             ],
                             "type": "string",
                             "title": "点击时",
+                            "description": "无行为(tap)/打开页面(inside)/外部链接(outer)",
                             "default": "tap",
                             "x-index": 40,
                             "x-component": "icon-text-radio",
@@ -147,11 +148,32 @@
                                 }
                             ]
                         },
+                        "packageName": {
+                            "type": "string",
+                            "title": "子包名称",
+                            "default": "",
+                            "description": "配置子包id",
+                            "x-category": "基础属性",
+                            "x-index": 110,
+                            "display": false,
+                            "x-linkages": [
+                                {
+                                    "type": "value:schema",
+                                    "target": "*(dataForm.insideUrl)",
+                                    "schema": {
+                                        "x-component-props": {
+                                            "packageName": "{{$self.value}}"
+                                        }
+                                    }
+                                }
+                            ]
+                        },
                         "insideUrl": {
                             "type": "string",
                             "x-component": "page-list",
                             "default": "",
                             "title": "应用页面",
+                            "description": "配置页面id",
                             "x-category": "基础属性",
                             "x-index": 120,
                             "x-component-props": {
@@ -166,21 +188,40 @@
                                     "state": {
                                         "pageId": "{{$self.value}}"
                                     }
+                                },
+                                {
+                                    "type": "value:state",
+                                    "condition": "{{$self.value?.includes('/')}}",
+                                    "state": {
+                                        "value": "{{$self.value.substring(0, $self.value.lastIndexOf('/'))}}"
+                                    },
+                                    "target": "*(dataForm.packageName)"
+                                },
+                                {
+                                    "type": "value:state",
+                                    "condition": "{{$self.value?.includes('main/')}}",
+                                    "state": {
+                                        "value": ""
+                                    },
+                                    "target": "*(dataForm.packageName)"
                                 }
                             ]
                         },
                         "outerUrl": {
                             "title": "URL地址",
+                            "description": "配置外部链接的地址",
                             "default": "",
                             "type": "string"
                         },
                         "newPage": {
                             "title": "打开新页面",
+                            "description": "是否打开新页面，目前只支持外部链接",
                             "default": false,
                             "type": "boolean"
                         },
                         "withParams": {
                             "title": "携带参数",
+                            "description": "是否携带参数，布尔值",
                             "default": false,
                             "type": "boolean",
                             "x-linkages": [
@@ -194,6 +235,7 @@
                         "params": {
                             "type": "array",
                             "title": "参数",
+                            "description": "携带的参数列表，数组对象格式，[{key: params1, value: value1}, {key: params2, value: value2}]",
                             "pageId": "",
                             "x-component": "page-params",
                             "default": []
@@ -369,7 +411,19 @@
         "category": "导航",
         "categoryOrder": 300,
         "componentOrder": 170,
-        "icon": "../icons/NavLayout.svg"
+        "figureIcon": "../figureIcons/NavLayout.svg",
+        "icon": "../icons/NavLayout.svg",
+        "inlineStyleForm": {
+            "justifyContent": {
+                "visible": false
+            },
+            "flexDirection": {
+                "visible": false
+            },
+            "alignItems": {
+                "visible": false
+            }
+        }
     },
     "configMeta": {
         "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/navmenu/NavLayout"

package/dist/configs/components/navigationBar.json

@@ -62,6 +62,7 @@
         "category": "导航",
         "categoryOrder": 300,
         "componentOrder": 160,
+        "figureIcon": "../figureIcons/NavigationBar.svg",
         "icon": "../icons/NavigationBar.svg",
         "visible": ["APP"],
         "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/navmenu/NavigationBar"

package/dist/configs/components/pagelayout.json

@@ -18,7 +18,7 @@
     "meta": {
         "title": "布局组件(旧)",
         "description": "用于构建带有顶部导航的页面布局。",
-        "icon": "https://imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/LayoutContainer.svg",
+        "icon": "../icons/LayoutContainer.svg",
         "category": "布局",
         "categoryOrder": 200,
         "componentOrder": 100,

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

@@ -17,9 +17,9 @@ declare const config: {
     }>;
     readonly properties: import("@sinclair/typebox").TObject<{
         text: import("@sinclair/typebox").TString;
+        backgroundColor: import("@sinclair/typebox").TString;
         showMenuByLongpress: import("@sinclair/typebox").TBoolean;
         foregroundColor: import("@sinclair/typebox").TString;
-        backgroundColor: import("@sinclair/typebox").TString;
     }>;
     readonly classes: readonly [{
         readonly name: "根元素";
@@ -45,11 +45,26 @@ declare const config: {
         readonly componentName: "QrCode";
         readonly title: "二维码";
         readonly description: "根据链接或文本等生成二维码";
-        readonly icon: "../../icons/QrCode.svg";
+        readonly figureIcon: "../figureIcons/QrCode.svg";
+        readonly icon: "../icons/QrCode.svg";
         readonly category: "展示";
         readonly categoryOrder: 400;
         readonly componentOrder: 265;
         readonly visible: readonly ["APP"];
+        readonly inlineStyleForm: {
+            readonly $text: {
+                readonly visible: false;
+            };
+            readonly justifyContent: {
+                readonly visible: false;
+            };
+            readonly flexDirection: {
+                readonly visible: false;
+            };
+            readonly alignItems: {
+                readonly visible: false;
+            };
+        };
         readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/QrCode";
         readonly shortcut: {
             readonly props: readonly ["text"];

package/dist/configs/components/qr_code.js

@@ -82,11 +82,26 @@ const config = defineConfig({
         componentName: 'QrCode',
         title: '二维码',
         description: '根据链接或文本等生成二维码',
-        icon: '../../icons/QrCode.svg',
+        figureIcon: '../figureIcons/QrCode.svg',
+        icon: '../icons/QrCode.svg',
         category: '展示',
         categoryOrder: 400,
         componentOrder: 265,
         visible: ['APP'],
+        inlineStyleForm: {
+            $text: {
+                visible: false,
+            },
+            justifyContent: {
+                visible: false,
+            },
+            flexDirection: {
+                visible: false,
+            },
+            alignItems: {
+                visible: false,
+            },
+        },
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/QrCode',
         // 快捷编辑时展示在编辑区的属性
         shortcut: {

package/dist/configs/components/repeater-item.json

@@ -4,6 +4,9 @@
         "type": "object",
         "properties": {}
     },
+    "compConfig": {
+        "componentType": "RepeaterItem"
+    },
     "isContainer": true,
     "events": [],
     "meta": {

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

@@ -15,6 +15,7 @@ declare const _default: {
     readonly meta: {
         readonly title: "循环展示";
         readonly description: "用于循环展示组件的场景，可将一个数组循环展示在页面中，比如循环一个新闻列表。";
+        readonly figureIcon: "../figureIcons/Repeater.svg";
         readonly icon: "../icons/Repeater.svg";
         readonly category: "展示";
         readonly categoryOrder: 400;

package/dist/configs/components/repeater.js

@@ -84,6 +84,7 @@ export default defineConfig({
     meta: {
         title: '循环展示',
         description: '用于循环展示组件的场景，可将一个数组循环展示在页面中，比如循环一个新闻列表。',
+        figureIcon: '../figureIcons/Repeater.svg',
         icon: '../icons/Repeater.svg',
         category: '展示',
         categoryOrder: 400,

package/dist/configs/components/richtextview.json

@@ -6,10 +6,10 @@
                 "title": "内容",
                 "type": "string",
                 "x-component": "textarea",
-                "default": "<p style='color:red'>这是富文本</p>",
+                "default": "<div style='padding: 16px;'><img src=\"https://qcloudimg.tencent-cloud.cn/raw/48ebd7f71fa21aaea767be927c04eac2.svg\"> <h1 style=\"color:#0052D9;\">轻松搭建微信小程序和企业生产管理系统</h1> <h2>丰富组件轻松调用</h2> <h3>开箱即用的50+通用组件</h3> <p>包含表格、图表、表单、日历、数据容器、轮播图、视频等</p> <img width=\"200\" src=\"https://qcloudimg.tencent-cloud.cn/raw/0d5ed44bee636536ad803fd5d6e1d6f5.png\"> <h3>微信生态小组件直接调用</h3> <p>手机号、微信头像/昵称、客服等微信小组件直接调用</p> <img width=\"200\"  src=\"https://qcloudimg.tencent-cloud.cn/raw/a6c6a641e2bcac0bb05820c893dd2ac2.png\"> <h2>快速搭建微信小程序和企业微信应用</h2> <p> 在微搭上即可完成注册、开发、调试、体验、发布等小程序开发生命周期的流程，并深度结合企业微信，快速搭建应用上架到企微工作台 </p> <h2>超级开放的数据连接能力</h2> <h3>轻松调用海量数据</h3> <p>支持连接主流数据库以及能通过API建立连接的任何数据，仅需简单的数据调用语句即可实现海量信息交互</p> <h3>集成微信开放生态</h3> <p>集成企业微信、微信支付、客服等微信生态开放能力，开发者可以直接对接，节省开发时间</p> <h2>灵活的定制化能力</h2> <h3>样式自定义</h3> <p>开发者可以自定义样式、组件和前后端逻辑，满足展示界面个性化需求</p> <h3>业务逻辑自定义</h3> <p>微搭支持通过多语言传统代码模式自定义前后端服务逻辑，满足复杂业务场景需求</p></div>",
                 "x-category": "基础属性",
                 "x-index": 1,
-                "description": "更改富文本的展示内容，支持使用html语言进行富文本内容的编辑"
+                "description": "更改富文本的展示内容，支持使用 HTML 语言进行富文本内容的编辑"
             }
         }
     },
@@ -19,9 +19,8 @@
         "category": "展示",
         "categoryOrder": 400,
         "componentOrder": 300,
-        "icon": "../icons/RichTextView.svg"
-    },
-    "configMeta": {
+        "figureIcon": "../figureIcons/RichTextView.svg",
+        "icon": "../icons/RichTextView.svg",
         "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/RichTextView",
         "shortcut": {
             "props": ["value"]

package/dist/configs/components/scrollVeiw.json

@@ -268,6 +268,7 @@
         "category": "布局",
         "categoryOrder": 200,
         "componentOrder": 110,
+        "figureIcon": "../figureIcons/ScrollView.svg",
         "icon": "../icons/ScrollView.svg"
     },
     "configMeta": {

package/dist/configs/components/slot.json

@@ -5,14 +5,41 @@
             "name": {
                 "title": "插槽名称",
                 "type": "string",
-                "description": "类似小程序Slot的name属性"
+                "description": "类似小程序Slot的name属性",
+                "default": "default",
+                "display": false
             }
         }
     },
+    "classes": [
+        {
+            "name": "根元素",
+            "selector": ".wd-slot",
+            "description": "组件根元素"
+        },
+        {
+            "name": "PC 端根元素",
+            "selector": ".wd-pc-slot",
+            "description": "可以为 PC 端的编写样式"
+        },
+        {
+            "name": "H5 端根元素",
+            "selector": ".wd-h5-slot",
+            "description": "可以为 H5 端的编写样式"
+        },
+        {
+            "name": "小程序 端根元素",
+            "selector": ".wd-mp-slot",
+            "description": "可以为 小程序 端的编写样式"
+        }
+    ],
     "meta": {
-        "title": "插槽",
-        "description": "插槽视图容器",
+        "title": "页面插槽",
+        "description": "页面插槽视图容器",
         "category": "布局容器",
-        "visible": []
+        "visible": [],
+        "keyWords": ["页面插槽", "插槽", "slot"],
+        "figureIcon": "../figureIcons/Slot.svg",
+        "icon": "../icons/Container.svg"
     }
 }

package/dist/configs/components/swiper.json

@@ -3,7 +3,7 @@
     "data": {
         "properties": {
             "interval": {
-                "title": "自动切换时间间隔",
+                "title": "自动切换时间间隔（毫秒）",
                 "default": 5000,
                 "type": "number",
                 "x-index": 1,
@@ -90,10 +90,11 @@
         "category": "布局",
         "categoryOrder": 200,
         "componentOrder": 90,
+        "figureIcon": "../figureIcons/Swiper.svg",
         "icon": "../icons/Swiper.svg"
     },
     "configMeta": {
-        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Swiper"
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/Swiper"
     },
     "isContainer": true,
     "mpOrigin": "swiper"

package/dist/configs/components/table.json

@@ -725,7 +725,7 @@
         "title": "数据表格(旧)",
         "componentName": "Table",
         "description": "表格可以清晰地展示二维数据",
-        "icon": "https://imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/ModelTable.svg",
+        "icon": "../icons/ModelTable.svg",
         "category": "数据容器",
         "categoryOrder": 100,
         "componentOrder": 40,

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

@@ -1,4 +1,3 @@
-/// <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>;
@@ -23,17 +22,21 @@ declare const config: {
     readonly events: readonly [{
         readonly name: "change";
         readonly title: "选项卡切换";
+        readonly description: "通过事件可以获取到选中的选项卡信息，在该事件的处理方法中可以通过 event.detail.value 来获取选中的标签值";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TString;
+        }>;
     }];
     readonly meta: {
         readonly name: "Tabs";
-        readonly title: "顶部选项卡";
+        readonly title: "顶部选项卡(旧)";
         readonly description: "用于提供顶部的选项卡布局，支持切换多个选项标签。";
         readonly category: "导航";
         readonly icon: "../icons/Tabs.svg";
         readonly categoryOrder: 200;
         readonly componentOrder: 190;
-    };
-    readonly configMeta: {
+        readonly visible: readonly [];
+        readonly propertyPanelTips: "推荐使用新的 顶部选项卡 组件，支持标准化样式 API，易用性更强";
         readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/navmenu/Tabs";
     };
 };

package/dist/configs/components/tabs.js

@@ -2,6 +2,7 @@ import { defineConfig, Type } from '../type-utils';
 const data = Type.Object({
     isMultipleSlot: Type.Optional(Type.Boolean({
         title: '启用多个插槽',
+        'x-helper-text': '启用多个插槽后，不支持给标签列表绑定动态数据',
         default: true,
         'x-index': 10,
         'x-props': {
@@ -101,18 +102,25 @@ const config = defineConfig({
         {
             name: 'change',
             title: '选项卡切换',
+            description: '通过事件可以获取到选中的选项卡信息，在该事件的处理方法中可以通过 event.detail.value 来获取选中的标签值',
+            detail: Type.Object({
+                value: Type.String({
+                    title: '选中的标签值',
+                    'x-index': 1,
+                }),
+            }),
         },
     ],
     meta: {
         name: 'Tabs',
-        title: '顶部选项卡',
+        title: '顶部选项卡(旧)',
         description: '用于提供顶部的选项卡布局，支持切换多个选项标签。',
         category: '导航',
         icon: '../icons/Tabs.svg',
         categoryOrder: 200,
         componentOrder: 190,
-    },
-    configMeta: {
+        visible: [],
+        propertyPanelTips: '推荐使用新的 顶部选项卡 组件，支持标准化样式 API，易用性更强',
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/navmenu/Tabs',
     },
 });

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

@@ -34,7 +34,7 @@ declare const _default: {
         readonly category: "展示";
         readonly categoryOrder: 400;
         readonly componentOrder: 210;
-        readonly icon: "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Text.svg";
+        readonly icon: "../icons/Text.svg";
         readonly visible: readonly [];
         readonly deprecated: true;
         readonly renderMode: readonly [{

package/dist/configs/components/text.js

@@ -93,7 +93,7 @@ export default defineConfig({
         category: '展示',
         categoryOrder: 400,
         componentOrder: 210,
-        icon: '//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Text.svg',
+        icon: '../icons/Text.svg',
         visible: [],
         deprecated: true,
         renderMode: [

package/dist/configs/components/wd-ad.d.ts

@@ -0,0 +1,67 @@
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const data: import("@sinclair/typebox").TObject<{
+    adType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    unitId: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    adTheme: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    adIntervals: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+    gridCount: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<number>>;
+}>;
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        adType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        unitId: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        adTheme: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        adIntervals: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+        gridCount: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<number>>;
+    }>;
+    readonly classes: readonly [{
+        readonly name: "根元素";
+        readonly selector: ".wd-ad";
+        readonly description: "广告组件根元素";
+    }, {
+        readonly name: "小程序端广告根元素";
+        readonly selector: ".wd-mp-ad";
+        readonly description: "可以为小程序端的广告编写样式";
+    }];
+    readonly methods: readonly [];
+    readonly events: readonly [{
+        readonly name: "load";
+        readonly title: "广告加载成功";
+    }, {
+        readonly name: "error";
+        readonly title: "广告加载失败";
+    }, {
+        readonly name: "close";
+        readonly title: "广告被关闭";
+    }];
+    readonly meta: {
+        readonly title: "小程序广告";
+        readonly name: "WdAd";
+        readonly componentName: "Ad";
+        readonly figureIcon: "../figureIcons/WdAd.svg";
+        readonly icon: "../icons/wdAd.svg";
+        readonly category: "小程序";
+        readonly categoryOrder: 700;
+        readonly componentOrder: 600;
+        readonly platform: readonly ["MP"];
+        readonly visible: readonly ["APP"];
+        readonly inlineStyleForm: any;
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/wxOpen/WdAd";
+        readonly group: {
+            readonly 通用: {
+                readonly 'x-index': 1;
+                readonly expand: true;
+            };
+        };
+        readonly shortcut: {
+            readonly props: readonly ["adType", "unitId"];
+        };
+        readonly description: "用于在小程序中展示微信广告，使推荐广告获得曝光与点击，从而小程序获取盈利。";
+        readonly propertyPanelTips: "1.仅支持在小程序端使用，PC/H5中将自动隐藏，请注意页面布局。\n \n2.该组件必须在小程序真实环境使用才能够看到实际效果。\n \n3.请遵循微信广告组件应用规范，否则可能导致小程序审核失败。[查看指引](https://ad.weixin.qq.com/pdf.html?id=rynYA8o3f)";
+        readonly stylePanelTips: "1.该组件不允许直接设置样式属性，默认宽度为100%（width: 100%），高度会自动等比例计算；\n \n2.[Banner 广告](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/banner-ad.html)外层组件的宽度不允许小于300px；\n \n3.[格子广告](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/grid-ad.html)有最小尺寸限制，5个的形态为331px，8个的形态为294px；\n \n4.[视频广告](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/video-feeds-ad.html)外层组件的宽度不允许小于屏幕宽度90%。";
+    };
+};
+export type DataType = Simplify<Static<typeof data>>;
+export default config;