@cloudbase/weda-ui 3.5.0 → 3.5.2

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

@@ -0,0 +1,326 @@
+import { Static, StaticEventsType } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const WD_INPUT_DATA: {
+    clearable: import("@sinclair/typebox").TBoolean;
+    before: import("@sinclair/typebox").TString;
+    after: import("@sinclair/typebox").TString;
+    isUnionValue: import("@sinclair/typebox").TBoolean;
+    prefixType: import("@sinclair/typebox").TUnsafe<string>;
+    prefixIcon: import("@sinclair/typebox").TUnsafe<string>;
+    prefixSrc: import("@sinclair/typebox").TString;
+    suffixType: import("@sinclair/typebox").TUnsafe<string>;
+    suffixIcon: import("@sinclair/typebox").TUnsafe<string>;
+    suffixSrc: import("@sinclair/typebox").TString;
+    extra: import("@sinclair/typebox").TString;
+    password: import("@sinclair/typebox").TBoolean;
+    type: import("@sinclair/typebox").TUnsafe<string>;
+    counterVisible: import("@sinclair/typebox").TBoolean;
+    focus: import("@sinclair/typebox").TBoolean;
+    borderedH5: import("@sinclair/typebox").TBoolean;
+    borderedPc: import("@sinclair/typebox").TBoolean;
+    isNickNameType: import("@sinclair/typebox").TBoolean;
+    maxLength: import("@sinclair/typebox").TNumber;
+    rules: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+        format: import("@sinclair/typebox").TString;
+        message: import("@sinclair/typebox").TString;
+        pattern: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    }>>;
+    status: import("@sinclair/typebox").TUnsafe<string>;
+    required: import("@sinclair/typebox").TBoolean;
+    requiredFlag: import("@sinclair/typebox").TBoolean;
+    requiredMsg: import("@sinclair/typebox").TString;
+    label: import("@sinclair/typebox").TString;
+    layout: import("@sinclair/typebox").TUnsafe<string>;
+    labelVisible: import("@sinclair/typebox").TBoolean;
+    labelWidth: import("@sinclair/typebox").TString;
+    labelAlign: import("@sinclair/typebox").TUnsafe<string>;
+    labelWrap: import("@sinclair/typebox").TBoolean;
+    labelTips: import("@sinclair/typebox").TString;
+    name: import("@sinclair/typebox").TString;
+    inputValue: import("@sinclair/typebox").TString;
+    placeholder: import("@sinclair/typebox").TString;
+    size: import("@sinclair/typebox").TUnsafe<string>;
+    block: import("@sinclair/typebox").TBoolean;
+};
+declare const data: import("@sinclair/typebox").TObject<{
+    clearable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    isUnionValue: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    prefixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    prefixIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    prefixSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    suffixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    suffixIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    suffixSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    extra: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    password: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    type: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    counterVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    focus: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    borderedH5: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    borderedPc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    isNickNameType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    maxLength: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+    rules: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+        format: import("@sinclair/typebox").TString;
+        message: import("@sinclair/typebox").TString;
+        pattern: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    }>>>;
+    status: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    requiredFlag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    requiredMsg: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    layout: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    labelVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    labelWidth: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    labelAlign: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    labelWrap: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    labelTips: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    inputValue: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    block: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+}>;
+declare const events: [{
+    readonly name: "change";
+    readonly title: "值改变";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "focus";
+    readonly title: "聚焦";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "blur";
+    readonly title: "失焦";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "confirm";
+    readonly title: "确认";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "clear";
+    readonly title: "清除内容";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        originValue: import("@sinclair/typebox").TString;
+    }>;
+}];
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        clearable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        isUnionValue: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        prefixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        prefixIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        prefixSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        suffixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        suffixIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        suffixSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        extra: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        password: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        type: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        counterVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        focus: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        borderedH5: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        borderedPc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        isNickNameType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        maxLength: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+        rules: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+            format: import("@sinclair/typebox").TString;
+            message: import("@sinclair/typebox").TString;
+            pattern: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        }>>>;
+        status: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        requiredFlag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        requiredMsg: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        layout: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        labelVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        labelWidth: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        labelAlign: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        labelWrap: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        labelTips: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        inputValue: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        block: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    }>;
+    readonly properties: import("@sinclair/typebox").TObject<{
+        label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    }>;
+    readonly classes: {
+        name: string;
+        selector: string;
+        description: string;
+    }[];
+    readonly methods: readonly [{
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }];
+    readonly events: [{
+        readonly name: "change";
+        readonly title: "值改变";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TString;
+        }>;
+    }, {
+        readonly name: "focus";
+        readonly title: "聚焦";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TString;
+        }>;
+    }, {
+        readonly name: "blur";
+        readonly title: "失焦";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TString;
+        }>;
+    }, {
+        readonly name: "confirm";
+        readonly title: "确认";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TString;
+        }>;
+    }, {
+        readonly name: "clear";
+        readonly title: "清除内容";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            originValue: import("@sinclair/typebox").TString;
+        }>;
+    }];
+    readonly meta: {
+        readonly description: "用于单行内容的输入。";
+        readonly icon: "../../icons/Input.svg";
+        readonly title: "单行输入";
+        readonly name: "WdInput";
+        readonly componentName: "Input";
+        readonly categoryOrder: 500;
+        readonly componentOrder: 350;
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdInput";
+        readonly category: string;
+        readonly shortcut: {
+            props: string[];
+        };
+        readonly group: {
+            通用: {
+                'x-index': number;
+                expand: boolean;
+            };
+            标题: {
+                'x-index': number;
+                expand: boolean;
+            };
+            输入框: {
+                'x-index': number;
+                expand: boolean;
+            };
+            选择框: {
+                'x-index': number;
+                expand: boolean;
+            };
+            选项: {
+                'x-index': number;
+                expand: boolean;
+            };
+            开关按钮: {
+                'x-index': number;
+                expand: boolean;
+            };
+            小程序能力: {
+                'x-index': number;
+                expand: boolean;
+            };
+            '\u72B6\u6001/\u6821\u9A8C': {
+                'x-index': number;
+                expand: boolean;
+            };
+        };
+        readonly visible: any;
+    };
+    readonly compConfig: {
+        readonly componentType: "formField";
+    };
+};
+export type DataType = Simplify<Static<typeof data>>;
+export type EventsType = Simplify<StaticEventsType<typeof events>>;
+export default config;
+export { WD_INPUT_DATA };

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

@@ -1,4 +1,4 @@
-import { defineConfig, Type } from '../type-utils';
+import { defineConfig, Type, Tuple, } from '../type-utils';
 import { FORM_ITEM_DATA, FORM_ITEM_DATA_TITLE, FORM_ITEM_EVENTS, FORM_ITEM_METHODS, FORM_ITEM_META, getFormItemClasses, ItemData, } from '../type-utils/type-form';
 // 属性类型定义，同时提供给 url/phone/email 三个组件使用
 const WD_INPUT_DATA = {
@@ -14,6 +14,7 @@ const WD_INPUT_DATA = {
     clearable: FORM_ITEM_DATA.clearable,
     before: FORM_ITEM_DATA.before,
     after: FORM_ITEM_DATA.after,
+    isUnionValue: FORM_ITEM_DATA.isUnionValue,
     prefixType: FORM_ITEM_DATA.prefixType,
     prefixIcon: FORM_ITEM_DATA.prefixIcon,
     prefixSrc: FORM_ITEM_DATA.prefixSrc,
@@ -38,6 +39,13 @@ const WD_INPUT_DATA = {
     requiredMsg: FORM_ITEM_DATA.requiredMsg,
 };
 const data = Type.Partial(Type.Object(WD_INPUT_DATA));
+const events = Tuple([
+    FORM_ITEM_EVENTS.change,
+    FORM_ITEM_EVENTS.focus,
+    FORM_ITEM_EVENTS.blur,
+    FORM_ITEM_EVENTS.confirm,
+    FORM_ITEM_EVENTS.clear,
+]);
 const properties = Type.Pick(ItemData, [
     'name',
     'label',
@@ -65,13 +73,7 @@ const config = defineConfig({
         FORM_ITEM_METHODS.handleValidate,
         FORM_ITEM_METHODS.clearValidate,
     ],
-    events: [
-        FORM_ITEM_EVENTS.change,
-        FORM_ITEM_EVENTS.focus,
-        FORM_ITEM_EVENTS.blur,
-        FORM_ITEM_EVENTS.confirm,
-        FORM_ITEM_EVENTS.clear,
-    ],
+    events,
     meta: {
         description: '用于单行内容的输入。',
         icon: '../../icons/Input.svg',

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

@@ -0,0 +1,91 @@
+/// <reference types="react" />
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const data: import("@sinclair/typebox").TObject<{
+    headerLeftSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    headerRightSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    contentSlot: 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<{
+        headerLeftSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+        headerRightSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+        contentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    }>;
+    readonly properties: import("@sinclair/typebox").TObject<{}>;
+    readonly classes: readonly [{
+        readonly name: "根元素";
+        readonly selector: ".wd-layout-root";
+        readonly description: "布局组件根元素";
+    }, {
+        readonly name: "PC 端布局组件根元素";
+        readonly selector: ".wd-pc-layout-root";
+        readonly description: "可以为 PC 端的布局组件编写样式";
+    }, {
+        readonly name: "H5 端布局组件根元素";
+        readonly selector: ".wd-h5-layout-root";
+        readonly description: "可以为 H5 端的布局组件编写样式";
+    }, {
+        readonly name: "布局顶部元素";
+        readonly selector: ".wd-layout__header";
+        readonly description: "可以为布局组件顶部编写样式";
+    }, {
+        readonly name: "布局内容元素";
+        readonly selector: ".wd-layout__body";
+        readonly description: "可以为布局组件内容编写样式";
+    }];
+    readonly methods: readonly [];
+    readonly events: readonly [];
+    readonly meta: {
+        readonly name: "WdLayout";
+        readonly title: "布局组件";
+        readonly componentName: "Layout";
+        readonly description: "用于构建带有顶部导航的页面布局";
+        readonly icon: "../../icons/LayoutContainer.svg";
+        readonly category: "布局";
+        readonly categoryOrder: 200;
+        readonly componentOrder: 101;
+        readonly platform: readonly ["MOBILEWEB", "PCWEB"];
+        readonly visible: readonly ["APP"];
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/WdLayout";
+        readonly templates: readonly [{
+            readonly to: "headerLeftSlot";
+            readonly when: "$attached";
+            readonly body: "\n        [[template]]\n          component = \"WdIcon\"\n        [template.attributes]\n          type = \"inner\"\n          name = \"chevronleft\"\n          size = \"sm\"\n        [[template.listeners]]\n          eventName = \"tap\"\n          type = \"platform\"\n        [template.listeners.handler]\n          name = \"navigateBack\"\n          module = \"platform\"\n\n        [[template]]\n          component = \"WdText\"\n        [template.attributes]\n          text = \"页面标题\"\n        [template.extra.commonStyle.self]\n          fontSize = \"20px\"\n          fontWeight = \"600\"\n\n        [[template]]\n          component = \"WdText\"\n        [template.attributes]\n          text = \"页面描述\"\n          level= \"body-default\"\n        [template.extra.commonStyle.self]\n          fontSize = \"14px\"\n          marginLeft = \"5px\"\n        ";
+        }, {
+            readonly to: "headerRightSlot";
+            readonly when: "$attached";
+            readonly body: "\n        [[template]]\n          component = \"WdLink\"\n        [template.attributes]\n          content = \"帮助文档\"\n        [template.extra.commonStyle.self]\n          fontSize = \"14px\"\n        ";
+        }];
+        readonly group: {};
+        readonly inlineStyleForm: {
+            readonly textAlign: {
+                readonly visible: false;
+            };
+            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 alignItems: {
+                readonly visible: false;
+            };
+        };
+    };
+};
+export default config;

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

@@ -0,0 +1,142 @@
+import { defineConfig, Type } from '../type-utils';
+// 属性类型定义
+const data = Type.Object({
+    headerLeftSlot: Type.Optional(Type.Slot({ title: '头部左侧', 'x-index': 10, 'x-group': '基础属性' })),
+    headerRightSlot: Type.Optional(Type.Slot({ title: '头部右侧', 'x-index': 20, 'x-group': '基础属性' })),
+    contentSlot: Type.Optional(Type.Slot({ title: '布局内容', 'x-index': 30, 'x-group': '基础属性' })),
+});
+// 组件对外暴露的只读属性
+// 未来可通过 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-layout-root',
+            description: '布局组件根元素',
+        },
+        {
+            name: 'PC 端布局组件根元素',
+            selector: '.wd-pc-layout-root',
+            description: '可以为 PC 端的布局组件编写样式',
+        },
+        {
+            name: 'H5 端布局组件根元素',
+            selector: '.wd-h5-layout-root',
+            description: '可以为 H5 端的布局组件编写样式',
+        },
+        {
+            name: '布局顶部元素',
+            selector: '.wd-layout__header',
+            description: '可以为布局组件顶部编写样式',
+        },
+        {
+            name: '布局内容元素',
+            selector: '.wd-layout__body',
+            description: '可以为布局组件内容编写样式',
+        },
+    ],
+    // 组件方法
+    methods: [],
+    // 组件对外暴露事件
+    events: [],
+    // 组件元信息
+    meta: {
+        name: 'WdLayout',
+        title: '布局组件',
+        componentName: 'Layout',
+        description: '用于构建带有顶部导航的页面布局',
+        icon: '../../icons/LayoutContainer.svg',
+        category: '布局',
+        categoryOrder: 200,
+        componentOrder: 101,
+        platform: ['MOBILEWEB', 'PCWEB'],
+        visible: ['APP'],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/WdLayout',
+        templates: [
+            {
+                to: 'headerLeftSlot',
+                when: '$attached',
+                body: `
+        [[template]]
+          component = "WdIcon"
+        [template.attributes]
+          type = "inner"
+          name = "chevronleft"
+          size = "sm"
+        [[template.listeners]]
+          eventName = "tap"
+          type = "platform"
+        [template.listeners.handler]
+          name = "navigateBack"
+          module = "platform"
+
+        [[template]]
+          component = "WdText"
+        [template.attributes]
+          text = "页面标题"
+        [template.extra.commonStyle.self]
+          fontSize = "20px"
+          fontWeight = "600"
+
+        [[template]]
+          component = "WdText"
+        [template.attributes]
+          text = "页面描述"
+          level= "body-default"
+        [template.extra.commonStyle.self]
+          fontSize = "14px"
+          marginLeft = "5px"
+        `,
+            },
+            {
+                to: 'headerRightSlot',
+                when: '$attached',
+                body: `
+        [[template]]
+          component = "WdLink"
+        [template.attributes]
+          content = "帮助文档"
+        [template.extra.commonStyle.self]
+          fontSize = "14px"
+        `,
+            },
+        ],
+        group: {},
+        inlineStyleForm: {
+            textAlign: {
+                visible: false,
+            },
+            fontSize: {
+                visible: false,
+            },
+            color: {
+                visible: false,
+            },
+            fontWeight: {
+                visible: false,
+            },
+            lineHeight: {
+                visible: false,
+            },
+            justifyContent: {
+                visible: false,
+            },
+            flexDirection: {
+                visible: false,
+            },
+            alignItems: {
+                visible: false,
+            },
+        },
+    },
+});
+export default config;