@cloudbase/weda-ui 3.5.3 → 3.6.1

package/dist/configs/components/wd-menu-list.js

@@ -0,0 +1,216 @@
+import { defineConfig, Type, Tuple } from '../type-utils';
+export const menu = {
+    isMultiTerminal: false,
+    menuData: [
+        {
+            title: '菜单一',
+            key: '1',
+            iconUrl: '',
+            children: [
+                {
+                    title: '链接跳转',
+                    iconUrl: '',
+                    key: '1-1',
+                    children: [
+                        {
+                            title: '外部链接',
+                            iconUrl: '',
+                            key: '1-1-1',
+                            type: 'link',
+                            linkTargetBlank: true,
+                            linkUrl: 'https://weda.cloud.tencent.com/index/',
+                        },
+                        {
+                            title: '内部链接',
+                            key: '1-1-2',
+                            iconUrl: '',
+                            type: 'route',
+                            path: '/index',
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            title: '菜单二',
+            iconUrl: '',
+            key: '2',
+        },
+        {
+            title: '菜单三',
+            iconUrl: '',
+            key: '3',
+        },
+        {
+            title: '菜单四',
+            iconUrl: '',
+            key: '4',
+        },
+    ],
+    mobileMenuData: [],
+};
+export const Node = Type.Recursive((Node) => Type.Object({
+    title: Type.String({ title: '名称' }),
+    key: Type.String({ title: 'key值' }),
+    iconUrl: Type.Optional(Type.String({ title: '图标' })),
+    iconPath: Type.Optional(Type.String({ title: '自定义未选中图标' })),
+    selectedIconPath: Type.Optional(Type.String({ title: '自定义选中图标' })),
+    disabled: Type.Boolean({ title: '禁用菜单' }),
+    visible: Type.Boolean({ title: '显示菜单' }),
+    type: Type.Optional(Type.StringEnum({
+        title: '链接类型',
+        enum: [
+            {
+                label: '外部链接',
+                value: 'link',
+            },
+            {
+                label: '内部链接',
+                value: 'route',
+            },
+        ],
+    })),
+    path: Type.Optional(Type.String({ title: '跳转内部链接' })),
+    linkUrl: Type.Optional(Type.String({ title: '跳转外部链接' })),
+    linkTargetBlank: Type.Optional(Type.Boolean({ title: '跳转开启新窗口' })),
+    children: Type.Optional(Type.Array(Node)),
+    subPackageName: Type.Optional(Type.String({ title: '子包名称' })),
+}), {
+    $id: 'Node',
+});
+// 属性类型定义
+const data = Type.Object({
+    menu: Type.Object({
+        isMultiTerminal: Type.Boolean({
+            title: '是否开启多端独立菜单',
+            default: false,
+        }),
+        menuData: Type.Array(Node, {
+            title: 'PC 端菜单',
+            default: [],
+        }),
+        mobileMenuData: Type.Array(Node, {
+            title: '移动端菜单',
+            default: [],
+        }),
+    }, {
+        title: '菜单',
+        description: '菜单',
+        default: menu,
+        'x-index': 10,
+        'x-component': 'menu-config',
+        'x-component-props': {
+            maxDepth: 3,
+            enableNavigateToSubPackage: true,
+            enableConfigSelectedIcon: true,
+        },
+        'x-category': '基础属性',
+    }),
+    template: Type.StringEnum({
+        title: '菜单类型',
+        type: 'string',
+        default: 'vertical',
+        'x-index': 20,
+        enum: Tuple([
+            {
+                label: '侧导航',
+                value: 'vertical',
+            },
+            {
+                label: '顶导航',
+                value: 'horizontal',
+            },
+            {
+                label: '厂字导航',
+                value: 'plant',
+            },
+        ]),
+        'x-category': '基础属性',
+    }),
+    defaultOpened: Type.Boolean({
+        title: '菜单展开',
+        description: 'PC端左侧菜单和移动端侧边栏菜单是否默认展开',
+        default: true,
+        'x-index': 30,
+        'x-category': '基础属性',
+    }),
+});
+// 组件对外暴露的只读属性
+// 未来可通过 widget API 开放，应用可以获取到组件的实例属性
+// 组件对外先规范定义，暂时不对外开放
+const properties = Type.Pick(data, []);
+// 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-menulist',
+            description: '组件根元素',
+        },
+        {
+            name: 'PC 端根元素',
+            selector: '.wd-pc-menulist',
+            description: '可以为 PC 端的组件编写样式',
+        },
+        {
+            name: 'H5 端根元素',
+            selector: '.wd-h5-menulist',
+            description: '可以为 H5 端的组件编写样式',
+        },
+        {
+            name: '小程序端根元素',
+            selector: '.wd-mp-menulist',
+            description: '可以为小程序端的组件编写样式',
+        },
+    ],
+    // 组件方法
+    methods: [
+        {
+            name: 'setSelectedInfo',
+            label: '设置选中菜单项',
+            'x-platforms': ['MOBILEWEB', 'PCWEB'],
+            description: '设置选中菜单项',
+            params: Type.Object({
+                params: Type.Object({
+                    key: Type.Optional(Type.String({ title: '选中菜单key值' })),
+                    item: Type.Optional(Object.assign({}, Node, { title: '选中菜单项' })),
+                }, { title: '选中项信息' }),
+                isNavigate: Type.Boolean({ title: '设置项为跳转类型时是否跳转' }),
+            }),
+        },
+    ],
+    // 组件对外暴露事件
+    events: [
+        {
+            title: '点击菜单项',
+            name: 'menuClick',
+            description: '用户点击菜单选项',
+            detail: Type.Object({
+                item: Object.assign({}, Node, { title: '选中菜单项' }),
+            }),
+        },
+    ],
+    // 组件元信息
+    meta: {
+        name: 'WdMenuList',
+        // 组件别名，用于生成组件 id，例如 Icon1
+        componentName: 'MenuList',
+        title: '布局导航菜单',
+        description: '布局导航菜单',
+        icon: '../icons/MenuLayout.svg',
+        category: '展示',
+        categoryOrder: 400,
+        componentOrder: 210,
+        visible: [],
+        // componentType: 'layout',
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdMenuList',
+    },
+    configMeta: {},
+});
+export default config;

package/dist/configs/components/wd-menu-nav-layout.d.ts

@@ -0,0 +1,27 @@
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{}>;
+    readonly events: readonly [];
+    readonly isContainer: true;
+    readonly meta: {
+        readonly name: "WdMenuNavLayout";
+        readonly componentName: "MenuNavLayout";
+        readonly title: "导航栏布局";
+        readonly category: "布局";
+        readonly description: "常用于实现H5/小程序页面顶部导航效果，预置主页与返回按钮。小程序使用时，需在页面设置-页面样式中将导航栏样式切换为自定义样式，否则会显示双重导航和空白间距";
+        readonly previewImageUrl: "https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/e3c6f190-e101-4f23-bb2c-2c73326ea2e0.png";
+        readonly categoryOrder: 200;
+        readonly componentOrder: 60;
+        readonly figureIcon: "../figureIcons/WdMenuNavLayout.svg";
+        readonly icon: "../icons/WdMenuNavLayout.svg";
+        readonly componentType: "layout";
+        readonly templates: readonly [{
+            readonly when: "$attached";
+            readonly to: "$children";
+            readonly body: string;
+        }];
+    };
+    readonly configMeta: {};
+    readonly items: any;
+};
+export default config;

package/dist/configs/components/wd-menu-nav-layout.js

@@ -0,0 +1,31 @@
+import { defineConfig, Type } from '../type-utils';
+import { getChildrenTemplate, getItems } from '../utils/layout';
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data: Type.Object({}),
+    events: [],
+    isContainer: true,
+    meta: {
+        name: 'WdMenuNavLayout',
+        componentName: 'MenuNavLayout',
+        title: '导航栏布局',
+        category: '布局',
+        description: '常用于实现H5/小程序页面顶部导航效果，预置主页与返回按钮。小程序使用时，需在页面设置-页面样式中将导航栏样式切换为自定义样式，否则会显示双重导航和空白间距',
+        previewImageUrl: 'https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/e3c6f190-e101-4f23-bb2c-2c73326ea2e0.png',
+        categoryOrder: 200,
+        componentOrder: 60,
+        figureIcon: '../figureIcons/WdMenuNavLayout.svg',
+        icon: '../icons/WdMenuNavLayout.svg',
+        componentType: 'layout',
+        templates: [
+            {
+                when: '$attached',
+                to: '$children',
+                body: getChildrenTemplate('nav'),
+            },
+        ],
+    },
+    configMeta: {},
+    items: getItems('nav'),
+});
+export default config;

package/dist/configs/components/wd-menu-plant-layout.d.ts

@@ -0,0 +1,27 @@
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{}>;
+    readonly events: readonly [];
+    readonly isContainer: true;
+    readonly meta: {
+        readonly name: "WdMenuPlantLayout";
+        readonly componentName: "MenuPlantLayout";
+        readonly title: "厂字导航布局";
+        readonly category: "布局";
+        readonly description: "常用于展示多个分类和入口的应用场景";
+        readonly previewImageUrl: "https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/e5b701af-4bd2-4443-8008-61675b0b69ca.png";
+        readonly categoryOrder: 200;
+        readonly componentOrder: 30;
+        readonly figureIcon: "../figureIcons/WdMenPlantLayout.svg";
+        readonly icon: "../icons/WdMenuPlantLayout.svg";
+        readonly componentType: "layout";
+        readonly templates: readonly [{
+            readonly when: "$attached";
+            readonly to: "$children";
+            readonly body: string;
+        }];
+    };
+    readonly configMeta: {};
+    readonly items: any;
+};
+export default config;

package/dist/configs/components/wd-menu-plant-layout.js

@@ -0,0 +1,31 @@
+import { defineConfig, Type } from '../type-utils';
+import { getChildrenTemplate, getItems } from '../utils/layout';
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data: Type.Object({}),
+    events: [],
+    isContainer: true,
+    meta: {
+        name: 'WdMenuPlantLayout',
+        componentName: 'MenuPlantLayout',
+        title: '厂字导航布局',
+        category: '布局',
+        description: '常用于展示多个分类和入口的应用场景',
+        previewImageUrl: 'https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/e5b701af-4bd2-4443-8008-61675b0b69ca.png',
+        categoryOrder: 200,
+        componentOrder: 30,
+        figureIcon: '../figureIcons/WdMenPlantLayout.svg',
+        icon: '../icons/WdMenuPlantLayout.svg',
+        componentType: 'layout',
+        templates: [
+            {
+                when: '$attached',
+                to: '$children',
+                body: getChildrenTemplate('plant'),
+            },
+        ],
+    },
+    configMeta: {},
+    items: getItems('plant'),
+});
+export default config;

package/dist/configs/components/wd-menu-tab-layout.d.ts

@@ -0,0 +1,27 @@
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{}>;
+    readonly events: readonly [];
+    readonly isContainer: true;
+    readonly meta: {
+        readonly name: "WdMenuTabLayout";
+        readonly componentName: "MenuTabLayout";
+        readonly title: "Tab栏导航布局";
+        readonly category: "布局";
+        readonly description: "Tab栏导航布局适用于切换内容较为简单的场景";
+        readonly previewImageUrl: "https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/a13ef709-7176-4b92-b381-e4c6f66292bb.png";
+        readonly categoryOrder: 200;
+        readonly componentOrder: 50;
+        readonly figureIcon: "../figureIcons/WdMenuTabLayout.svg";
+        readonly icon: "../icons/WdMenuTabLayout.svg";
+        readonly componentType: "layout";
+        readonly templates: readonly [{
+            readonly when: "$attached";
+            readonly to: "$children";
+            readonly body: string;
+        }];
+    };
+    readonly configMeta: {};
+    readonly items: any;
+};
+export default config;

package/dist/configs/components/wd-menu-tab-layout.js

@@ -0,0 +1,31 @@
+import { defineConfig, Type } from '../type-utils';
+import { getChildrenTemplate, getItems } from '../utils/layout';
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data: Type.Object({}),
+    events: [],
+    isContainer: true,
+    meta: {
+        name: 'WdMenuTabLayout',
+        componentName: 'MenuTabLayout',
+        title: 'Tab栏导航布局',
+        category: '布局',
+        description: 'Tab栏导航布局适用于切换内容较为简单的场景',
+        previewImageUrl: 'https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/a13ef709-7176-4b92-b381-e4c6f66292bb.png',
+        categoryOrder: 200,
+        componentOrder: 50,
+        figureIcon: '../figureIcons/WdMenuTabLayout.svg',
+        icon: '../icons/WdMenuTabLayout.svg',
+        componentType: 'layout',
+        templates: [
+            {
+                when: '$attached',
+                to: '$children',
+                body: getChildrenTemplate('tab'),
+            },
+        ],
+    },
+    configMeta: {},
+    items: getItems('tab'),
+});
+export default config;

package/dist/configs/components/wd-menu-vertical-layout.d.ts

@@ -0,0 +1,27 @@
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{}>;
+    readonly events: readonly [];
+    readonly isContainer: true;
+    readonly meta: {
+        readonly name: "WdMenuVerticalLayout";
+        readonly componentName: "MenuVerticalLayout";
+        readonly title: "左侧导航布局";
+        readonly category: "布局";
+        readonly description: "常用于展示各种分类和菜单的应用场景";
+        readonly previewImageUrl: "https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/1e614c64-c9d8-4122-b9da-7c2fd0806b3d.png";
+        readonly categoryOrder: 200;
+        readonly componentOrder: 40;
+        readonly figureIcon: "../figureIcons/WdMenuVerticalLayout.svg";
+        readonly icon: "../icons/WdMenuVerticalLayout.svg";
+        readonly componentType: "layout";
+        readonly templates: readonly [{
+            readonly when: "$attached";
+            readonly to: "$children";
+            readonly body: string;
+        }];
+    };
+    readonly configMeta: {};
+    readonly items: any;
+};
+export default config;

package/dist/configs/components/wd-menu-vertical-layout.js

@@ -0,0 +1,31 @@
+import { defineConfig, Type } from '../type-utils';
+import { getChildrenTemplate, getItems } from '../utils/layout';
+const config = defineConfig({
+    $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
+    data: Type.Object({}),
+    events: [],
+    isContainer: true,
+    meta: {
+        name: 'WdMenuVerticalLayout',
+        componentName: 'MenuVerticalLayout',
+        title: '左侧导航布局',
+        category: '布局',
+        description: '常用于展示各种分类和菜单的应用场景',
+        previewImageUrl: 'https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/1e614c64-c9d8-4122-b9da-7c2fd0806b3d.png',
+        categoryOrder: 200,
+        componentOrder: 40,
+        figureIcon: '../figureIcons/WdMenuVerticalLayout.svg',
+        icon: '../icons/WdMenuVerticalLayout.svg',
+        componentType: 'layout',
+        templates: [
+            {
+                when: '$attached',
+                to: '$children',
+                body: getChildrenTemplate('vertical'),
+            },
+        ],
+    },
+    configMeta: {},
+    items: getItems('vertical'),
+});
+export default config;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import { Static } from '../type-utils';
 import type { Simplify } from 'type-fest';
 declare const data: import("@sinclair/typebox").TObject<{
     defaultShow: import("@sinclair/typebox").TBoolean;
+    template: import("@sinclair/typebox").TString;
     position: import("@sinclair/typebox").TString;
     closeType: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>;
     defaultMaskShow: import("@sinclair/typebox").TBoolean;
@@ -21,6 +21,7 @@ declare const config: {
     readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
     readonly data: import("@sinclair/typebox").TObject<{
         defaultShow: import("@sinclair/typebox").TBoolean;
+        template: import("@sinclair/typebox").TString;
         position: import("@sinclair/typebox").TString;
         closeType: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>;
         defaultMaskShow: import("@sinclair/typebox").TBoolean;
@@ -73,15 +74,15 @@ declare const config: {
     readonly methods: readonly [{
         readonly name: "open";
         readonly label: "打开弹窗";
-        readonly params: import("@sinclair/typebox").TObject<{
+        readonly params: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
             info: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnknown>;
-        }>;
+        }>>;
     }, {
         readonly name: "close";
         readonly label: "关闭弹窗";
-        readonly params: import("@sinclair/typebox").TObject<{
+        readonly params: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
             info: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnknown>;
-        }>;
+        }>>;
     }];
     readonly events: readonly [{
         readonly title: "弹窗打开时";
@@ -102,7 +103,8 @@ declare const config: {
         readonly title: "弹窗";
         readonly description: "用于实现基础的弹窗（对话框）展示效果。";
         readonly propertyPanelTips: "在小程序中使用时，不建议嵌套在其他容器/组件中，以免弹窗被遮盖";
-        readonly icon: "../../icons/Modal.svg";
+        readonly figureIcon: "../figureIcons/WdModal.svg";
+        readonly icon: "../icons/Modal.svg";
         readonly category: "布局";
         readonly categoryOrder: 200;
         readonly componentOrder: 140;
@@ -126,7 +128,34 @@ declare const config: {
             readonly when: "$attached";
             readonly to: "footerSlot";
             readonly body: string;
+        }, {
+            readonly when: "$attached";
+            readonly to: "contentSlot";
+            readonly body: string;
+        }, {
+            readonly when: "template,position";
+            readonly to: "headerSlot";
+            readonly body: string;
+        }, {
+            readonly when: "template,position";
+            readonly to: "footerSlot";
+            readonly body: string;
+        }, {
+            readonly when: "template,position";
+            readonly to: "contentSlot";
+            readonly body: string;
         }];
+        readonly inlineStyleForm: {
+            readonly justifyContent: {
+                readonly visible: false;
+            };
+            readonly flexDirection: {
+                readonly visible: false;
+            };
+            readonly alignItems: {
+                readonly visible: false;
+            };
+        };
     };
 };
 export default config;