npm - @cloudbase/weda-ui - Versions diffs - 3.5.3 → 3.6.1 - Mend

@cloudbase/weda-ui 3.5.3 → 3.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (849) hide show

package/dist/configs/components/wd-icon.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ declare const data: import("@sinclair/typebox").TObject<{
     src: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
     color: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    sizeSelfAdaptive: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
 }>;
 export type DataType = Simplify<Static<typeof data>>;
 declare const config: {
@@ -16,6 +17,7 @@ declare const config: {
         src: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
         color: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        sizeSelfAdaptive: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     }>;
     readonly properties: import("@sinclair/typebox").TObject<{
         name: import("@sinclair/typebox").TUnsafe<string>;
@@ -50,7 +52,8 @@ declare const config: {
         readonly componentName: "Icon";
         readonly title: "图标";
         readonly description: "选择预置图标实现图标的展示效果，也支持用户上传自定义图标。";
-        readonly icon: "../../icons/Icon.svg";
+        readonly figureIcon: "../figureIcons/WdIcon.svg";
+        readonly icon: "../icons/Icon.svg";
         readonly category: "展示";
         readonly categoryOrder: 400;
         readonly componentOrder: 270;
@@ -59,6 +62,22 @@ declare const config: {
         readonly shortcut: {
             readonly props: readonly ["type", "name", "src", "size"];
         };
+        readonly inlineStyleForm: {
+            readonly flexDirection: {
+                readonly visible: false;
+            };
+            readonly justifyContent: {
+                readonly visible: false;
+            };
+            readonly alignItems: {
+                readonly visible: false;
+            };
+        };
+        readonly globalConfig: {
+            readonly css: string;
+            readonly json: string;
+            readonly searchable: true;
+        };
     };
     readonly configMeta: {
         readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdIcon";

package/dist/configs/components/wd-icon.js CHANGED Viewed

@@ -1,5 +1,7 @@
 import { defineConfig, Tuple, Type } from '../type-utils';
 import { WD_ICON_ENUM, WD_ICON_TYPE, WD_ICON_SIZE } from '../../enum';
+import { getUrlPath } from '../../web/utils/tool';
+import cfg from '../../iconConfig.json';
 // 属性类型定义
 const data = Type.Object({
     type: Type.Optional(Type.StringEnum({
@@ -60,6 +62,14 @@ const data = Type.Object({
         'x-index': 50,
         display: false,
     })),
+    // 尺寸自适应多端样式（H5比web大一档2px）
+    sizeSelfAdaptive: Type.Optional(Type.Boolean({
+        title: '多端自适应尺寸',
+        'x-runtime-default': false,
+        description: '设置是否开启多端自适应尺寸',
+        'x-index': 60,
+        display: false,
+    })),
 });
 // 组件对外暴露的只读属性
 // 未来可通过 widget API 开放，应用可以获取到组件的实例属性
@@ -111,7 +121,8 @@ const config = defineConfig({
         componentName: 'Icon',
         title: '图标',
         description: '选择预置图标实现图标的展示效果，也支持用户上传自定义图标。',
-        icon: '../../icons/Icon.svg',
+        figureIcon: '../figureIcons/WdIcon.svg',
+        icon: '../icons/Icon.svg',
         category: '展示',
         categoryOrder: 400,
         componentOrder: 270,
@@ -121,6 +132,17 @@ const config = defineConfig({
         shortcut: {
             props: ['type', 'name', 'src', 'size'],
         },
+        inlineStyleForm: {
+            flexDirection: { visible: false },
+            justifyContent: { visible: false },
+            alignItems: { visible: false },
+        },
+        // 全局配置，
+        globalConfig: {
+            css: getUrlPath(cfg.path, cfg.cssFile),
+            json: getUrlPath(cfg.path, cfg.jsonFile),
+            searchable: true,
+        },
     },
     configMeta: {
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdIcon',

package/dist/configs/components/wd-image.d.ts CHANGED Viewed

@@ -53,7 +53,7 @@ declare const config: {
         readonly selector: ".wd-mp-image";
         readonly description: "可以为小程序端的图片编写样式";
     }, {
-        readonly name: "预览弹窗根元素";
+        readonly name: "预览弹窗元素";
         readonly selector: ".wd-image-preview-container";
         readonly description: "点击预览图片时打开的预览弹窗";
     }, {
@@ -65,16 +65,35 @@ declare const config: {
         readonly selector: ".wd-image-mask__icon-close";
         readonly description: "点击预览图片时的右上角的关闭按钮";
     }];
+    readonly defaultStyles: {
+        readonly width: 320;
+        readonly height: 320;
+    };
     readonly meta: {
         readonly name: "WdImage";
         readonly componentName: "Image";
         readonly title: "图片";
         readonly description: "用于在页面进行图片的展示。";
         readonly category: "展示";
+        readonly figureIcon: "../figureIcons/WdImage.svg";
         readonly icon: "../icons/Image.svg";
         readonly categoryOrder: 400;
         readonly componentOrder: 230;
         readonly visible: readonly ["APP"];
+        readonly inlineStyleForm: {
+            readonly $text: {
+                readonly visible: false;
+            };
+            readonly justifyContent: {
+                readonly visible: false;
+            };
+            readonly flexDirection: {
+                readonly visible: false;
+            };
+            readonly alignItems: {
+                readonly visible: false;
+            };
+        };
         readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdImage";
         readonly shortcut: {
             readonly props: readonly ["src"];

package/dist/configs/components/wd-image.js CHANGED Viewed

@@ -77,13 +77,13 @@ const data = Type.Object({
         'x-index': 5,
     }),
     showMenuByLongpress: Type.Optional(Type.Boolean({
-        title: '长按展示功能菜单',
+        title: '小程序端长按展示功能菜单',
         type: 'boolean',
         'x-runtime-default': true,
-        description: '仅小程序端有效，长按图片显示发送给朋友、收藏、保存图片、搜一搜、识别码菜单。支持识别：小程序码、微信/企微个人码、微信群码、公众号二维码',
+        description: '仅小程序端有效',
+        'x-helper-text': '长按图片显示发送给朋友、收藏、保存图片、搜一搜、识别码菜单。支持识别：小程序码、微信/企微个人码、微信群码、公众号二维码',
         'x-category': '高级属性',
         'x-index': 6,
-        'x-platforms': ['MP'],
     })),
     lazyLoad: Type.Boolean({
         title: '懒加载',
@@ -135,7 +135,7 @@ const config = defineConfig({
             description: '可以为小程序端的图片编写样式',
         },
         {
-            name: '预览弹窗根元素',
+            name: '预览弹窗元素',
             selector: '.wd-image-preview-container',
             description: '点击预览图片时打开的预览弹窗',
         },
@@ -150,6 +150,11 @@ const config = defineConfig({
             description: '点击预览图片时的右上角的关闭按钮',
         },
     ],
+    defaultStyles: {
+        // https://developers.weixin.qq.com/miniprogram/dev/component/image.html#Bug-Tip
+        width: 320,
+        height: 320,
+    },
     meta: {
         name: 'WdImage',
         // 组件别名，用于生成组件 id，例如 Icon1
@@ -157,10 +162,25 @@ const config = defineConfig({
         title: '图片',
         description: '用于在页面进行图片的展示。',
         category: '展示',
+        figureIcon: '../figureIcons/WdImage.svg',
         icon: '../icons/Image.svg',
         categoryOrder: 400,
         componentOrder: 230,
         visible: ['APP'],
+        inlineStyleForm: {
+            $text: {
+                visible: false,
+            },
+            justifyContent: {
+                visible: false,
+            },
+            flexDirection: {
+                visible: false,
+            },
+            alignItems: {
+                visible: false,
+            },
+        },
         docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdImage',
         shortcut: {
             props: ['src'],

package/dist/configs/components/wd-input-email.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ declare const data: import("@sinclair/typebox").TObject<{
     label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
         default: string;
     }>;
+    template: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     extra: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
@@ -16,29 +17,30 @@ declare const data: import("@sinclair/typebox").TObject<{
     }>;
     status: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
     layout: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
-    block: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     focus: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-    requiredFlag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-    labelVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-    inputValue: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-    clearable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-    counterVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-    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>;
-    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>;
+    labelWidth: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    inputValue: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    labelVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    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>;
+    cursorSpacing: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+    clearable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    isUnionValue: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    counterVisible: 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>;
+    requiredFlag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     requiredMsg: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    isConvert: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
 }>;
 declare const config: {
     readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
@@ -46,6 +48,7 @@ declare const config: {
         label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
             default: string;
         }>;
+        template: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         extra: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
@@ -56,29 +59,30 @@ declare const config: {
         }>;
         status: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
         layout: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
-        block: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         focus: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        requiredFlag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        labelVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        inputValue: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        clearable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        counterVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        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>;
-        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>;
+        labelWidth: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        inputValue: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        labelVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        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>;
+        cursorSpacing: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+        clearable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        isUnionValue: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        counterVisible: 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>;
+        requiredFlag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         requiredMsg: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        isConvert: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     }>;
     readonly properties: import("@sinclair/typebox").TObject<{
         label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
@@ -88,8 +92,8 @@ declare const config: {
         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: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     }>;
     readonly classes: {
         name: string;
@@ -158,39 +162,41 @@ declare const config: {
         description: string;
     }];
     readonly events: [{
-        readonly name: "change";
-        readonly title: "值改变";
-        readonly detail: import("@sinclair/typebox").TObject<{
+        name: string;
+        title: string;
+        detail: import("@sinclair/typebox").TObject<{
             value: import("@sinclair/typebox").TString;
         }>;
+        description: string;
     }, {
-        readonly name: "focus";
-        readonly title: "聚焦";
-        readonly detail: import("@sinclair/typebox").TObject<{
+        name: string;
+        title: string;
+        detail: import("@sinclair/typebox").TObject<{
             value: import("@sinclair/typebox").TString;
         }>;
     }, {
-        readonly name: "blur";
-        readonly title: "失焦";
-        readonly detail: import("@sinclair/typebox").TObject<{
+        name: string;
+        title: string;
+        detail: import("@sinclair/typebox").TObject<{
             value: import("@sinclair/typebox").TString;
         }>;
     }, {
-        readonly name: "confirm";
-        readonly title: "确认";
-        readonly detail: import("@sinclair/typebox").TObject<{
+        name: string;
+        title: string;
+        detail: import("@sinclair/typebox").TObject<{
             value: import("@sinclair/typebox").TString;
         }>;
     }, {
-        readonly name: "clear";
-        readonly title: "清除内容";
-        readonly detail: import("@sinclair/typebox").TObject<{
+        name: string;
+        title: string;
+        detail: import("@sinclair/typebox").TObject<{
             originValue: import("@sinclair/typebox").TString;
         }>;
     }];
     readonly meta: {
         readonly description: "用于输入邮箱地址，会强制校验输入内容是否符合邮箱格式。";
-        readonly icon: "../../icons/OfficialAccount.svg";
+        readonly figureIcon: "../figureIcons/WdInputEmail.svg";
+        readonly icon: "../icons/OfficialAccount.svg";
         readonly title: "邮箱输入";
         readonly name: "WdInputEmail";
         readonly componentName: "InputEmail";
@@ -202,11 +208,15 @@ declare const config: {
             props: string[];
         };
         readonly group: {
+            标签项: {
+                'x-index': number;
+                expand: boolean;
+            };
             通用: {
                 'x-index': number;
                 expand: boolean;
             };
-            标题: {
+            标题风格: {
                 'x-index': number;
                 expand: boolean;
             };
@@ -214,11 +224,27 @@ declare const config: {
                 '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;
             };
@@ -236,6 +262,25 @@ declare const config: {
             };
         };
         readonly visible: any;
+        readonly inlineStyleForm: {
+            $text: {
+                visible: boolean;
+            };
+            justifyContent: {
+                visible: boolean;
+            };
+            flexDirection: {
+                visible: boolean;
+            };
+            alignItems: {
+                visible: boolean;
+            };
+        };
+        readonly templates: readonly [{
+            readonly when: "$attached";
+            readonly body: "\n  [attributes]\n  name = \"{{$self.id}}\"\n  ";
+            readonly __k: "init-name-with-id";
+        }];
     };
     readonly compConfig: {
         readonly componentType: "formField";

package/dist/configs/components/wd-input-email.js CHANGED Viewed

@@ -1,6 +1,8 @@
 import { defineConfig, Type } from '../type-utils';
-import { omit, getFormItemClasses, FORM_ITEM_META, } from '../type-utils/type-form';
+import { omit, FORM_ITEM_META } from '../type-utils/type-form';
 import wdInputConfig, { WD_INPUT_DATA, } from './wd-input';
+import { getClasses } from '../type-utils/classes';
+import { templateInitNameWithId } from './common/init-name-with-id';
 // 属性类型定义
 const data = Type.Partial(Type.Object(Object.assign({}, omit(WD_INPUT_DATA, ['password', 'type', 'isNickNameType', 'rules']), {
     name: WD_INPUT_DATA.name,
@@ -9,7 +11,24 @@ const data = Type.Partial(Type.Object(Object.assign({}, omit(WD_INPUT_DATA, ['pa
         default: '请输入邮箱',
     }),
 })));
-const classes = getFormItemClasses('input-email');
+const CLASSES = getClasses('input-email');
+const classes = [
+    CLASSES.root,
+    CLASSES.root_h5,
+    CLASSES.root_pc,
+    CLASSES.root_mp,
+    CLASSES.item_label,
+    CLASSES.item_control,
+    CLASSES.input_edit,
+    CLASSES.input_focus,
+    CLASSES.input_placeholder,
+    CLASSES.item_error,
+    CLASSES.item_help,
+    CLASSES.input_disabled,
+    CLASSES.item_readonly,
+    CLASSES.input_addon_left,
+    CLASSES.input_addon_right,
+];
 // export default
 const config = defineConfig({
     $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
@@ -20,7 +39,8 @@ const config = defineConfig({
     events: wdInputConfig.events,
     meta: {
         description: '用于输入邮箱地址，会强制校验输入内容是否符合邮箱格式。',
-        icon: '../../icons/OfficialAccount.svg',
+        figureIcon: '../figureIcons/WdInputEmail.svg',
+        icon: '../icons/OfficialAccount.svg',
         title: '邮箱输入',
         name: 'WdInputEmail',
         componentName: 'InputEmail',
@@ -31,6 +51,8 @@ const config = defineConfig({
         shortcut: FORM_ITEM_META.shortcut,
         group: FORM_ITEM_META.group,
         visible: FORM_ITEM_META.visible,
+        inlineStyleForm: FORM_ITEM_META.inlineStyleForm,
+        templates: [templateInitNameWithId],
     },
     compConfig: {
         componentType: 'formField',