@cloudbase/weda-ui 3.5.2 → 3.6.0

package/README.md

@@ -218,6 +218,14 @@ tcb lowcode publish
 
 如果在组件中使用低码应用运行时框架提供的工具方法或者数据源相关能力的时候，可参考 [API 列表](https://docs.cloudbase.net/lowcode/api/api-referrence)
 
+### 更新图标库版本
+
+- 确定引用的 TDesign 图标库版本，并将设计提供的图标库放于 `src/style/components/icon/wd-design-icons.css`
+- 运行 [图标库部署流水线](https://zhiyan.woa.com/qci/6389/pipeline/#/pipeline/detail/10872923/build/current)
+- 运行 `npm run sync-icon`，同步小程序样式
+- 更新图标库配置文件 `src/iconConfig.json`
+- 发布组件库版本
+
 ### 其他
 
 - [腾讯云微搭低代码](https://cloud.tencent.com/product/weda)

package/dist/configs/actions/showMessage.json

@@ -14,19 +14,23 @@
                 "x-component": "radio",
                 "enum": [
                     {
-                        "label": "success",
+                        "label": "成功",
                         "value": "success"
                     },
                     {
-                        "label": "loading",
-                        "value": "loading"
+                        "label": "告警",
+                        "value": "warning"
                     },
                     {
-                        "label": "error",
+                        "label": "错误",
                         "value": "error"
                     },
                     {
-                        "label": "none",
+                        "label": "加载中",
+                        "value": "loading"
+                    },
+                    {
+                        "label": "无",
                         "value": "none"
                     }
                 ]

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Static } from '../type-utils';
 import type { Simplify } from 'type-fest';
 declare const data: import("@sinclair/typebox").TObject<{
@@ -66,7 +65,7 @@ declare const config: {
         readonly name: "Button";
         readonly title: "按钮";
         readonly description: "按钮组件";
-        readonly icon: "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Button.svg";
+        readonly icon: "../icons/Form.svg";
         readonly category: "展示";
         readonly categoryOrder: 1;
         readonly componentOrder: 1;

package/dist/configs/components/button.js

@@ -230,7 +230,7 @@ const config = defineConfig({
         name: 'Button',
         title: '按钮',
         description: '按钮组件',
-        icon: '//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Button.svg',
+        icon: '../icons/Form.svg',
         category: '展示',
         categoryOrder: 1,
         componentOrder: 1,

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

@@ -12,12 +12,23 @@ declare const config: {
     readonly events: readonly [];
     readonly meta: {
         readonly name: "Calendar";
-        readonly title: "日历";
+        readonly title: "日历[旧]";
         readonly description: "用于日历展示，例如考勤数据展示、日程展示。";
         readonly category: "展示";
         readonly icon: "../icons/Calendar.svg";
         readonly categoryOrder: 400;
         readonly componentOrder: 340;
+        readonly visible: readonly [];
+        readonly disableUpgradeAll: true;
+        readonly deprecated: true;
+        readonly renderMode: readonly [{
+            readonly component: "WdCalendar";
+            readonly renderType: "update";
+            readonly props: {
+                readonly 'data.initValue': "data.initMonth";
+            };
+            readonly description: "- 新增属性：选中日期；\n        - 新增事件：选中日期/年月切换；\n        - 新增方法：更新选中日期/切换年月；\n        - 暴露属性API。";
+        }];
     };
     readonly configMeta: {
         readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Calendar";

package/dist/configs/components/calendar.js

@@ -66,12 +66,26 @@ const config = defineConfig({
     events: [],
     meta: {
         name: 'Calendar',
-        title: '日历',
+        title: '日历[旧]',
         description: '用于日历展示，例如考勤数据展示、日程展示。',
         category: '展示',
         icon: '../icons/Calendar.svg',
         categoryOrder: 400,
         componentOrder: 340,
+        visible: [],
+        disableUpgradeAll: true,
+        deprecated: true,
+        renderMode: [
+            {
+                component: 'WdCalendar',
+                renderType: 'update',
+                props: { 'data.initValue': 'data.initMonth' },
+                description: `- 新增属性：选中日期；
+        - 新增事件：选中日期/年月切换；
+        - 新增方法：更新选中日期/切换年月；
+        - 暴露属性API。`,
+            },
+        ],
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Calendar',

package/dist/configs/components/carousel.json

@@ -75,6 +75,7 @@
                         "tapMode": {
                             "type": "string",
                             "title": "点击时",
+                            "description": "配置点击时的行为, 可选值：无行为(tap)/打开页面(inside)/外部链接(outer)",
                             "default": "tap",
                             "x-index": 70,
                             "enum": [
@@ -119,7 +120,7 @@
                                 },
                                 {
                                     "type": "value:visible",
-                                    "target": "*(dataForm.widthParams)",
+                                    "target": "*(dataForm.withParams)",
                                     "condition": "{{$self.value=='inside'}}"
                                 },
                                 {
@@ -129,6 +130,26 @@
                                 }
                             ]
                         },
+                        "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",
@@ -149,6 +170,22 @@
                                     "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)"
                                 }
                             ]
                         },
@@ -162,10 +199,12 @@
                         "newPage": {
                             "title": "打开新页面",
                             "default": false,
+                            "description": "是否打开新页面，只有在打开外部页面时有效",
                             "type": "boolean"
                         },
-                        "widthParams": {
+                        "withParams": {
                             "title": "携带参数",
+                            "description": "是否携带页面参数，布尔值，只有在打开内部页面时有效",
                             "default": false,
                             "type": "boolean",
                             "x-linkages": [
@@ -179,6 +218,7 @@
                         "params": {
                             "type": "array",
                             "title": "参数",
+                            "description": "数组对象格式，[{key: params1, value: value1}, {key: params2, value: value2}]",
                             "pageId": "",
                             "default": [],
                             "x-component": "page-params"
@@ -216,7 +256,7 @@
                 "x-component": "list"
             },
             "interval": {
-                "title": "自动切换时间间隔",
+                "title": "自动切换时间间隔（毫秒）",
                 "default": 5000,
                 "type": "number",
                 "x-index": 2,
@@ -303,8 +343,9 @@
         "category": "展示",
         "categoryOrder": 400,
         "componentOrder": 260,
+        "figureIcon": "../figureIcons/Carousel.svg",
         "icon": "../icons/Carousel.svg",
-        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/Swiper"
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Swiper"
     },
     "mpOrigin": "swiper"
 }

package/dist/configs/components/chart/bar.json

@@ -1096,11 +1096,47 @@
     "meta": {
         "title": "柱状图",
         "description": "用于报表场景下展示数据之间大小的对比。",
+        "figureIcon": "../../figureIcons/Bar.svg",
         "icon": "../../icons/Bar.svg",
         "category": "图表",
         "categoryOrder": 600,
         "componentOrder": 550,
-        "visible": ["APP"]
+        "visible": ["APP"],
+        "inlineStyleForm": {
+            "fontSize": {
+                "visible": false
+            },
+            "color": {
+                "visible": false
+            },
+            "fontWeight": {
+                "visible": false
+            },
+            "lineHeight": {
+                "visible": false
+            },
+            "justifyContent": {
+                "visible": false
+            },
+            "flexDirection": {
+                "visible": false
+            },
+            "border": {
+                "visible": false
+            },
+            "background": {
+                "visible": false
+            },
+            "boxShadow": {
+                "visible": false
+            },
+            "opacity": {
+                "visible": false
+            },
+            "alignItems": {
+                "visible": false
+            }
+        }
     },
     "configMeta": {
         "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/chart/Bar"

package/dist/configs/components/chart/line.d.ts

@@ -86,11 +86,47 @@ declare const config: {
     readonly meta: {
         readonly title: "折线图";
         readonly description: "用于报表场景下展示数据随时间变化产生的趋势。";
+        readonly figureIcon: "../../figureIcons/Line.svg";
         readonly icon: "../../icons/Line.svg";
         readonly category: "图表";
         readonly categoryOrder: 600;
         readonly componentOrder: 540;
         readonly visible: readonly ["APP"];
+        readonly inlineStyleForm: {
+            readonly fontSize: {
+                readonly visible: false;
+            };
+            readonly color: {
+                readonly visible: false;
+            };
+            readonly fontWeight: {
+                readonly visible: false;
+            };
+            readonly lineHeight: {
+                readonly visible: false;
+            };
+            readonly justifyContent: {
+                readonly visible: false;
+            };
+            readonly flexDirection: {
+                readonly visible: false;
+            };
+            readonly border: {
+                readonly visible: false;
+            };
+            readonly background: {
+                readonly visible: false;
+            };
+            readonly boxShadow: {
+                readonly visible: false;
+            };
+            readonly opacity: {
+                readonly visible: false;
+            };
+            readonly alignItems: {
+                readonly visible: false;
+            };
+        };
     };
     readonly configMeta: {
         readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/chart/Line";

package/dist/configs/components/chart/line.js

@@ -964,11 +964,47 @@ const config = defineConfig({
     meta: {
         title: '折线图',
         description: '用于报表场景下展示数据随时间变化产生的趋势。',
+        figureIcon: '../../figureIcons/Line.svg',
         icon: '../../icons/Line.svg',
         category: '图表',
         categoryOrder: 600,
         componentOrder: 540,
         visible: ['APP'],
+        inlineStyleForm: {
+            fontSize: {
+                visible: false,
+            },
+            color: {
+                visible: false,
+            },
+            fontWeight: {
+                visible: false,
+            },
+            lineHeight: {
+                visible: false,
+            },
+            justifyContent: {
+                visible: false,
+            },
+            flexDirection: {
+                visible: false,
+            },
+            border: {
+                visible: false,
+            },
+            background: {
+                visible: false,
+            },
+            boxShadow: {
+                visible: false,
+            },
+            opacity: {
+                visible: false,
+            },
+            alignItems: {
+                visible: false,
+            },
+        },
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/chart/Line',

package/dist/configs/components/chart/pie.json

@@ -786,11 +786,47 @@
     "meta": {
         "title": "饼图",
         "description": "用于报表场景下表示数据在总体中的占比。",
+        "figureIcon": "../../figureIcons/Pie.svg",
         "icon": "../../icons/Pie.svg",
         "category": "图表",
         "categoryOrder": 600,
         "componentOrder": 560,
-        "visible": ["APP"]
+        "visible": ["APP"],
+        "inlineStyleForm": {
+            "fontSize": {
+                "visible": false
+            },
+            "color": {
+                "visible": false
+            },
+            "fontWeight": {
+                "visible": false
+            },
+            "lineHeight": {
+                "visible": false
+            },
+            "justifyContent": {
+                "visible": false
+            },
+            "flexDirection": {
+                "visible": false
+            },
+            "border": {
+                "visible": false
+            },
+            "background": {
+                "visible": false
+            },
+            "boxShadow": {
+                "visible": false
+            },
+            "opacity": {
+                "visible": false
+            },
+            "alignItems": {
+                "visible": false
+            }
+        }
     },
     "configMeta": {
         "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/chart/Pie"

package/dist/configs/components/chart/statisticsCard.json

@@ -423,10 +423,46 @@
     "meta": {
         "title": "统计卡片",
         "description": "提供报表场景下的指标数据统计并展示功能。",
+        "figureIcon": "../../figureIcons/StatisticsCard.svg",
         "icon": "../../icons/StatisticsCard.svg",
         "category": "图表",
         "categoryOrder": 600,
-        "componentOrder": 530
+        "componentOrder": 530,
+        "inlineStyleForm": {
+            "fontSize": {
+                "visible": false
+            },
+            "color": {
+                "visible": false
+            },
+            "fontWeight": {
+                "visible": false
+            },
+            "lineHeight": {
+                "visible": false
+            },
+            "justifyContent": {
+                "visible": false
+            },
+            "flexDirection": {
+                "visible": false
+            },
+            "border": {
+                "visible": false
+            },
+            "background": {
+                "visible": false
+            },
+            "boxShadow": {
+                "visible": false
+            },
+            "opacity": {
+                "visible": false
+            },
+            "alignItems": {
+                "visible": false
+            }
+        }
     },
     "configMeta": {
         "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/chart/statisticsCard"

package/dist/configs/components/common/init-name-with-id.d.ts

@@ -0,0 +1,5 @@
+export declare const templateInitNameWithId: {
+    readonly when: "$attached";
+    readonly body: "\n  [attributes]\n  name = \"{{$self.id}}\"\n  ";
+    readonly __k: "init-name-with-id";
+};

package/dist/configs/components/common/init-name-with-id.js

@@ -0,0 +1,8 @@
+export const templateInitNameWithId = {
+    when: '$attached',
+    body: `
+  [attributes]
+  name = "{{$self.id}}"
+  `,
+    __k: 'init-name-with-id',
+};

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

@@ -1,7 +1,17 @@
+import { Simplify, Static } from '../type-utils';
+declare const data: import("@sinclair/typebox").TObject<{
+    title: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    data: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TRecord<import("@sinclair/typebox").TString, import("@sinclair/typebox").TUnknown>>;
+}>;
+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<{
-        title: import("@sinclair/typebox").TString;
+        title: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        data: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TRecord<import("@sinclair/typebox").TString, import("@sinclair/typebox").TUnknown>>;
+    }>;
+    readonly properties: import("@sinclair/typebox").TObject<{
+        data: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TRecord<import("@sinclair/typebox").TString, import("@sinclair/typebox").TUnknown>>;
     }>;
     readonly events: readonly [{
         readonly name: "tap";
@@ -29,6 +39,7 @@ declare const config: {
         readonly description: "可放入多个组件，常用于对组件布局进行管理控制。";
         readonly categoryOrder: 200;
         readonly componentOrder: 50;
+        readonly figureIcon: "../figureIcons/Container.svg";
         readonly icon: "../icons/Container.svg";
     };
     readonly configMeta: {

package/dist/configs/components/container.js

@@ -1,13 +1,23 @@
 import { defineConfig, Type } from '../type-utils';
+const data = Type.Object({
+    title: Type.Optional(Type.String({
+        title: '容器备注',
+        description: '鼠标 hover 后的提示',
+        'x-platforms': ['PCWEB'],
+    })),
+    data: Type.Optional(Type.Record(Type.String(), Type.Unknown(), {
+        title: '数据',
+        description: '可通过 $w.<id>.data 引用到',
+        default: {},
+        'x-props': {
+            'data-hidebind': true,
+        },
+    })),
+});
 const config = defineConfig({
     $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
-    data: Type.Object({
-        title: Type.String({
-            title: '容器备注',
-            description: '鼠标 hover 后的提示',
-            'x-platforms': ['PCWEB'],
-        }),
-    }),
+    data,
+    properties: Type.Pick(data, ['data']),
     events: [
         {
             name: 'tap',
@@ -41,6 +51,7 @@ const config = defineConfig({
         description: '可放入多个组件，常用于对组件布局进行管理控制。',
         categoryOrder: 200,
         componentOrder: 50,
+        figureIcon: '../figureIcons/Container.svg',
         icon: '../icons/Container.svg',
     },
     configMeta: {

package/dist/configs/components/customer-service.d.ts

@@ -34,12 +34,24 @@ declare const config: {
         readonly name: "CustomerService";
         readonly componentName: "CustomerService";
         readonly description: "用于在小程序中打开客服对话页面。";
-        readonly icon: "../../icons/customerService.svg";
+        readonly figureIcon: "../figureIcons/CustomerService.svg";
+        readonly icon: "../icons/customerService.svg";
         readonly category: "小程序";
         readonly categoryOrder: 700;
         readonly componentOrder: 590;
         readonly platform: readonly ["MP"];
         readonly visible: readonly ["APP"];
+        readonly inlineStyleForm: {
+            readonly justifyContent: {
+                readonly visible: false;
+            };
+            readonly flexDirection: {
+                readonly visible: false;
+            };
+            readonly alignItems: {
+                readonly visible: false;
+            };
+        };
         readonly templates: readonly [{
             readonly when: "$attached";
             readonly to: "$children";