@cloudbase/weda-ui 3.5.0 → 3.5.1

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

@@ -0,0 +1,147 @@
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const data: import("@sinclair/typebox").TObject<{
+    text: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+    theme: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    variant: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    block: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    loading: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    iconType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    iconSource: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    icon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    iconSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+    iconPosition: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    formType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    openType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"" | "contact" | "share" | "launchApp" | "openSetting" | "feedback">>;
+    sessionFrom: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+    sendMessageTitle: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+    sendMessagePath: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+    sendMessageImg: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+    showMessageCard: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    appParameter: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+}>;
+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").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+        theme: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        variant: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        block: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        loading: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        iconType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        iconSource: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        icon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        iconSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+        iconPosition: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        formType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        openType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"" | "contact" | "share" | "launchApp" | "openSetting" | "feedback">>;
+        sessionFrom: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+        sendMessageTitle: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+        sendMessagePath: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+        sendMessageImg: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+        showMessageCard: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        appParameter: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+    }>;
+    readonly properties: import("@sinclair/typebox").TPick<import("@sinclair/typebox").TObject<{
+        text: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+        theme: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        variant: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        block: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        loading: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        iconType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        iconSource: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        icon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        iconSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+        iconPosition: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        formType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        openType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"" | "contact" | "share" | "launchApp" | "openSetting" | "feedback">>;
+        sessionFrom: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+        sendMessageTitle: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+        sendMessagePath: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+        sendMessageImg: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+        showMessageCard: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        appParameter: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">>;
+    }>, ["text", "theme", "variant", "size", "block", "disabled", "formType", "openType"]>;
+    readonly classes: readonly [{
+        readonly name: "根元素";
+        readonly selector: ".wd-btn";
+        readonly description: "按钮组件根元素";
+    }, {
+        readonly name: "图标";
+        readonly selector: ".wd-btn__icon";
+        readonly description: "按钮的图标元素（共享样式）";
+    }, {
+        readonly name: "前置图标";
+        readonly selector: ".wd-btn__before-icon";
+        readonly description: "按钮内的前置图标";
+    }, {
+        readonly name: "后置图标";
+        readonly selector: ".wd-btn__after-icon";
+        readonly description: "按钮内的后置图标";
+    }, {
+        readonly name: "禁用状态";
+        readonly selector: ".wd-btn.is-disabled";
+        readonly description: "按钮禁用状态";
+    }, {
+        readonly name: "文本";
+        readonly selector: ".wd-btn__text";
+        readonly description: "按钮内显示的文本";
+    }, {
+        readonly name: "PC 端按钮根元素";
+        readonly selector: ".wd-pc-btn";
+        readonly description: "可以为 PC 端的按钮编写样式";
+    }, {
+        readonly name: "H5 端按钮根元素";
+        readonly selector: ".wd-h5-btn";
+        readonly description: "可以为 H5 端的按钮编写样式";
+    }, {
+        readonly name: "小程序端按钮根元素";
+        readonly selector: ".wd-mp-btn";
+        readonly description: "可以为小程序端的按钮编写样式";
+    }];
+    readonly methods: readonly [];
+    readonly events: readonly [{
+        readonly title: "点击";
+        readonly name: "tap";
+    }, {
+        readonly title: "客服会话";
+        readonly name: "contact";
+        readonly 'x-platforms': readonly ["MP"];
+        readonly detail: import("@sinclair/typebox").TObject<{
+            errMsg: import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+            path: import("@sinclair/typebox").TString<"string" | "boolean" | "object" | "function" | "tel" | "x-long-text" | "phone" | "datetime" | "array" | "url" | "x-image" | "x-rtf" | "x-enum" | "x-location" | "x-file" | "x-autonumber" | "x-area-code" | "related" | "father-son" | "many-many">;
+            query: import("@sinclair/typebox").TObject<{}>;
+        }>;
+    }, {
+        readonly title: "打开App";
+        readonly name: "launchApp";
+        readonly 'x-platforms': readonly ["MP"];
+    }, {
+        readonly title: "打开授权设置";
+        readonly name: "openSetting";
+        readonly 'x-platforms': readonly ["MP"];
+    }];
+    readonly meta: {
+        readonly name: "WdButton";
+        readonly componentName: "Button";
+        readonly title: "按钮";
+        readonly description: "用于需要用户点击触发特定事件的场景，如信息提交、页面跳转等。";
+        readonly icon: "../../icons/Button.svg";
+        readonly category: "展示";
+        readonly categoryOrder: 400;
+        readonly componentOrder: 240;
+        readonly visible: readonly ["APP"];
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdButton";
+        readonly shortcut: {
+            readonly props: readonly ["text", "theme", "size"];
+        };
+    };
+};
+export default config;

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

@@ -13,7 +13,7 @@ const data = Type.Object({
     theme: Type.Optional(Type.StringEnum({
         title: '颜色',
         'x-index': 20,
-        default: 'primary',
+        'x-runtime-default': 'primary',
         enum: Tuple(WD_BUTTON_THEME),
         'x-category': '基础属性',
         description: '设置按钮的颜色',
@@ -23,7 +23,7 @@ const data = Type.Object({
         title: '类型',
         type: 'string',
         'x-index': 30,
-        default: 'base',
+        'x-runtime-default': 'base',
         enum: Tuple(WD_BUTTON_VARIANT),
         description: '设置按钮的类型',
         'x-category': '基础属性',
@@ -31,7 +31,7 @@ const data = Type.Object({
     size: Type.Optional(Type.StringEnum({
         title: '尺寸',
         type: 'string',
-        default: 'md',
+        'x-runtime-default': 'md',
         enum: Tuple(WD_BUTTON_SIZE),
         'x-category': '基础属性',
         description: '设置按钮的尺寸大小',
@@ -40,7 +40,7 @@ const data = Type.Object({
     // 规范化新增,是否通栏
     block: Type.Optional(Type.Boolean({
         title: '是否通栏',
-        default: false,
+        'x-runtime-default': false,
         'x-category': '基础属性',
         'x-index': 50,
         description: '开启后按钮将撑满父容器',
@@ -48,7 +48,7 @@ const data = Type.Object({
     loading: Type.Optional(Type.Boolean({
         title: '加载中',
         type: 'boolean',
-        default: false,
+        'x-runtime-default': false,
         'x-category': '高级属性',
         'x-index': 60,
         'x-linkages': [
@@ -96,7 +96,7 @@ const data = Type.Object({
     iconType: Type.Optional(Type.StringEnum({
         title: '展示图标',
         'x-index': 70,
-        default: 'none',
+        'x-runtime-default': 'none',
         enum: Tuple(WD_BUTTON_ICON_TYPE),
         'x-linkages': [
             {
@@ -122,7 +122,7 @@ const data = Type.Object({
     iconSource: Type.Optional(Type.StringEnum({
         enum: Tuple(WD_ICON_TYPE),
         title: '图标类型',
-        default: 'inner',
+        'x-runtime-default': 'inner',
         description: '选择图标的类型',
         'x-index': 80,
         'x-linkages': [
@@ -159,7 +159,7 @@ const data = Type.Object({
             },
         ],
         title: '自定义图标',
-        default: '',
+        'x-runtime-default': '',
         description: '设置自定义图标地址',
         'x-index': 100,
         'x-category': '高级属性',
@@ -168,7 +168,7 @@ const data = Type.Object({
     iconPosition: Type.Optional(Type.StringEnum({
         title: '图标位置',
         'x-index': 110,
-        default: 'before',
+        'x-runtime-default': 'before',
         enum: Tuple(WD_BUTTON_ICON_POSITION),
         description: '设置图标位置',
         'x-category': '高级属性',
@@ -176,7 +176,7 @@ const data = Type.Object({
     disabled: Type.Optional(Type.Boolean({
         type: 'boolean',
         title: '是否禁用',
-        default: false,
+        'x-runtime-default': false,
         description: '开启后按钮将无法进行点击',
         'x-category': '高级属性',
         'x-index': 120,
@@ -184,7 +184,7 @@ const data = Type.Object({
     formType: Type.Optional(Type.StringEnum({
         title: '表单类型',
         type: 'string',
-        default: 'button',
+        'x-runtime-default': 'button',
         'x-index': 130,
         enum: Tuple(WD_BUTTON_TYPE),
         description: ' 按钮: 适用于常见的按钮点击使用场景，可在事件配置区中对按钮组件配置点击事件并触发相应的执行动作;重置: 需配合表单容器组件使用，将按钮放置在表单容器中，点击后即可重置表单容器中表单组件的输入信息;提交: 需配合表单容器组件使用，将按钮放置在表单容器中，点击后即可对表单容器中的数据进行提交',
@@ -193,7 +193,6 @@ const data = Type.Object({
     openType: Type.Optional(Type.StringEnum({
         title: '微信开放能力',
         type: 'string',
-        default: '',
         'x-linkages': [
             {
                 type: 'value:visible',
@@ -245,21 +244,18 @@ const data = Type.Object({
     sessionFrom: Type.Optional(Type.String({
         'x-index': 150,
         title: '会话来源',
-        default: '',
         'x-platforms': ['MP'],
         'x-category': '高级属性',
     })),
     sendMessageTitle: Type.Optional(Type.String({
         'x-index': 160,
         title: '会话内消息卡片标题',
-        default: '',
         'x-platforms': ['MP'],
         'x-category': '高级属性',
     })),
     sendMessagePath: Type.Optional(Type.String({
         'x-index': 170,
         title: '会话内消息卡片点击跳转小程序路径',
-        default: '',
         'x-platforms': ['MP'],
         'x-category': '高级属性',
     })),
@@ -273,21 +269,19 @@ const data = Type.Object({
                 pattern: '^(((https?)://)|/resources/)[^\\s]+$',
             },
         ],
-        default: '',
         'x-platforms': ['MP'],
         'x-category': '高级属性',
     })),
     showMessageCard: Type.Optional(Type.Boolean({
         'x-index': 190,
         title: '是否显示会话内消息卡片',
-        default: false,
+        'x-runtime-default': false,
         'x-platforms': ['MP'],
         'x-category': '高级属性',
     })),
     appParameter: Type.Optional(Type.String({
         'x-index': 200,
         title: '打开APP时,向APP传递的参数',
-        default: '',
         'x-platforms': ['MP'],
         'x-category': '高级属性',
     })),
@@ -372,7 +366,7 @@ const config = defineConfig({
             title: '客服会话',
             name: 'contact',
             'x-platforms': ['MP'],
-            detail: {
+            detail: Type.Object({
                 errMsg: Type.String({
                     title: '错误信息',
                     description: '错误信息',
@@ -385,7 +379,7 @@ const config = defineConfig({
                     title: '小程序消息指定的查询参数',
                     description: '小程序消息指定的查询参数',
                 }),
-            },
+            }),
         },
         {
             title: '打开App',
@@ -409,13 +403,6 @@ const config = defineConfig({
         categoryOrder: 400,
         componentOrder: 240,
         visible: ['APP'],
-        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdButton',
-        // 快捷编辑时展示在编辑区的属性
-        shortcut: {
-            props: ['text', 'theme', 'variant', 'size'],
-        },
-    },
-    configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdButton',
         // 快捷编辑时展示在编辑区的属性
         shortcut: {

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

@@ -0,0 +1,119 @@
+/// <reference types="react" />
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const data: import("@sinclair/typebox").TObject<{
+    showHeader: import("@sinclair/typebox").TBoolean;
+    showContent: import("@sinclair/typebox").TBoolean;
+    showFooter: import("@sinclair/typebox").TBoolean;
+    showDivider: import("@sinclair/typebox").TBoolean;
+    headerSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    contentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    footerSlot: 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<{
+        showHeader: import("@sinclair/typebox").TBoolean;
+        showContent: import("@sinclair/typebox").TBoolean;
+        showFooter: import("@sinclair/typebox").TBoolean;
+        showDivider: import("@sinclair/typebox").TBoolean;
+        headerSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+        contentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+        footerSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    }>;
+    readonly properties: import("@sinclair/typebox").TPick<import("@sinclair/typebox").TObject<{
+        showHeader: import("@sinclair/typebox").TBoolean;
+        showContent: import("@sinclair/typebox").TBoolean;
+        showFooter: import("@sinclair/typebox").TBoolean;
+        showDivider: import("@sinclair/typebox").TBoolean;
+        headerSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+        contentSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+        footerSlot: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    }>, ["showHeader", "showContent", "showFooter", "showDivider"]>;
+    readonly classes: readonly [{
+        readonly name: "根元素";
+        readonly selector: ".wd-card-root";
+        readonly description: "卡片组件根元素";
+    }, {
+        readonly name: "PC 端卡片组件根元素";
+        readonly selector: ".wd-pc-card-root";
+        readonly description: "可以为 PC 端的卡片组件编写样式";
+    }, {
+        readonly name: "H5 端卡片组件根元素";
+        readonly selector: ".wd-h5-card-root";
+        readonly description: "可以为 H5 端的卡片组件编写样式";
+    }, {
+        readonly name: "卡片顶部根元素";
+        readonly selector: ".wd-card__header";
+        readonly description: "可以为卡片组件顶部编写样式";
+    }, {
+        readonly name: "卡片内容根元素";
+        readonly selector: ".wd-card__body";
+        readonly description: "可以为卡片组件内容编写样式";
+    }, {
+        readonly name: "卡片底部根元素";
+        readonly selector: ".wd-card__footer";
+        readonly description: "可以为卡片组件底部编写样式";
+    }];
+    readonly methods: readonly [];
+    readonly events: readonly [{
+        readonly name: "tap";
+        readonly title: "点击";
+    }];
+    readonly meta: {
+        readonly name: "WdCard";
+        readonly title: "卡片";
+        readonly componentName: "Card";
+        readonly description: "卡片容器，可承载文字、按钮、图片等";
+        readonly icon: "../../icons/GraphicCard.svg";
+        readonly category: "展示";
+        readonly categoryOrder: 400;
+        readonly componentOrder: 266;
+        readonly platform: readonly ["MOBILEWEB", "PCWEB"];
+        readonly visible: readonly ["APP"];
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdCard";
+        readonly templates: readonly [{
+            readonly to: "headerSlot";
+            readonly when: "$attached";
+            readonly body: "\n        [[template]]\n          component = \"WdText\"\n          label = \"标题\"\n        [template.attributes]\n          text = \"标题\"\n        [template.extra.commonStyle.self]\n          fontSize = \"14px\"\n          fontWeight = \"600\"\n        ";
+        }];
+        readonly group: {
+            readonly 基础属性: {
+                readonly 'x-index': 1;
+                readonly expand: true;
+            };
+            readonly 高级属性: {
+                readonly 'x-index': 2;
+                readonly expand: true;
+            };
+        };
+        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-card.js

@@ -0,0 +1,165 @@
+import { defineConfig, Type } from '../type-utils';
+// 属性类型定义
+const data = Type.Object({
+    showHeader: Type.Boolean({
+        title: '显示卡片顶部',
+        'x-runtime-default': true,
+        type: 'boolean',
+        description: '显示卡片顶部',
+        'x-group': '基础属性',
+        'x-index': 10,
+    }),
+    showContent: Type.Boolean({
+        title: '显示卡片内容',
+        'x-runtime-default': true,
+        type: 'boolean',
+        description: '显示卡片内容',
+        'x-group': '基础属性',
+        'x-index': 20,
+    }),
+    showFooter: Type.Boolean({
+        title: '显示卡片底部',
+        'x-runtime-default': false,
+        type: 'boolean',
+        description: '显示卡片底部',
+        'x-group': '基础属性',
+        'x-index': 30,
+    }),
+    showDivider: Type.Boolean({
+        title: '显示分割线',
+        'x-runtime-default': true,
+        type: 'boolean',
+        description: '显示分割线',
+        'x-group': '高级属性',
+        'x-index': 40,
+    }),
+    headerSlot: Type.Optional(Type.Slot({ title: '卡片顶部', 'x-index': 50, 'x-group': '高级属性' })),
+    contentSlot: Type.Optional(Type.Slot({ title: '卡片内容', 'x-index': 60, 'x-group': '高级属性' })),
+    footerSlot: Type.Optional(Type.Slot({ title: '卡片底部', 'x-index': 70, 'x-group': '高级属性' })),
+});
+// 组件对外暴露的只读属性
+// 未来可通过 widget API 开放，应用可以获取到组件的实例属性
+// 组件对外先规范定义，暂时不对外开放
+const properties = Type.Pick(data, [
+    'showHeader',
+    'showContent',
+    'showFooter',
+    'showDivider',
+]);
+// 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-card-root',
+            description: '卡片组件根元素',
+        },
+        {
+            name: 'PC 端卡片组件根元素',
+            selector: '.wd-pc-card-root',
+            description: '可以为 PC 端的卡片组件编写样式',
+        },
+        {
+            name: 'H5 端卡片组件根元素',
+            selector: '.wd-h5-card-root',
+            description: '可以为 H5 端的卡片组件编写样式',
+        },
+        {
+            name: '卡片顶部根元素',
+            selector: '.wd-card__header',
+            description: '可以为卡片组件顶部编写样式',
+        },
+        {
+            name: '卡片内容根元素',
+            selector: '.wd-card__body',
+            description: '可以为卡片组件内容编写样式',
+        },
+        {
+            name: '卡片底部根元素',
+            selector: '.wd-card__footer',
+            description: '可以为卡片组件底部编写样式',
+        },
+    ],
+    // 组件方法
+    methods: [],
+    // 组件对外暴露事件
+    events: [
+        {
+            name: 'tap',
+            title: '点击',
+        },
+    ],
+    // 组件元信息
+    meta: {
+        name: 'WdCard',
+        title: '卡片',
+        componentName: 'Card',
+        description: '卡片容器，可承载文字、按钮、图片等',
+        icon: '../../icons/GraphicCard.svg',
+        category: '展示',
+        categoryOrder: 400,
+        componentOrder: 266,
+        platform: ['MOBILEWEB', 'PCWEB'],
+        visible: ['APP'],
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdCard',
+        templates: [
+            {
+                to: 'headerSlot',
+                when: '$attached',
+                body: `
+        [[template]]
+          component = "WdText"
+          label = "标题"
+        [template.attributes]
+          text = "标题"
+        [template.extra.commonStyle.self]
+          fontSize = "14px"
+          fontWeight = "600"
+        `,
+            },
+        ],
+        group: {
+            基础属性: {
+                'x-index': 1,
+                expand: true,
+            },
+            高级属性: {
+                'x-index': 2,
+                expand: true,
+            },
+        },
+        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;