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

@cloudbase/weda-ui 3.5.3 → 3.6.0

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-input-number.d.ts CHANGED Viewed

@@ -14,9 +14,6 @@ declare const data: import("@sinclair/typebox").TObject<{
     size: import("@sinclair/typebox").TUnsafe<string> & {
         'x-index': number;
     };
-    block: import("@sinclair/typebox").TBoolean & {
-        'x-index': number;
-    };
     /** 标题 */
     label: import("@sinclair/typebox").TString & {
         'x-index': number;
@@ -102,6 +99,22 @@ declare const data: import("@sinclair/typebox").TObject<{
         'x-index': number;
     };
 }>;
+declare const 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").TNumber;
+    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>;
+    readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    format: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    min: import("@sinclair/typebox").TNumber;
+    max: import("@sinclair/typebox").TNumber;
+    step: import("@sinclair/typebox").TNumber;
+}>;
+export type PropertiesType = Simplify<Static<typeof properties>>;
 declare const config: {
     readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
     readonly data: import("@sinclair/typebox").TObject<{
@@ -118,9 +131,6 @@ declare const config: {
         size: import("@sinclair/typebox").TUnsafe<string> & {
             'x-index': number;
         };
-        block: import("@sinclair/typebox").TBoolean & {
-            'x-index': number;
-        };
         /** 标题 */
         label: import("@sinclair/typebox").TString & {
             'x-index': number;
@@ -207,19 +217,19 @@ declare const config: {
         };
     }>;
     readonly properties: import("@sinclair/typebox").TObject<{
-        value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
         name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        format: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        value: import("@sinclair/typebox").TNumber;
         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>;
+        readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        format: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
         min: import("@sinclair/typebox").TNumber;
         max: import("@sinclair/typebox").TNumber;
-        readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
         step: import("@sinclair/typebox").TNumber;
-        before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     }>;
     readonly classes: {
         name: string;
@@ -298,19 +308,20 @@ declare const config: {
         description: string;
     }];
     readonly events: readonly [{
-        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;
     } & {
         detail: {
             value: import("@sinclair/typebox").TNumber;
         };
     }, {
-        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;
         }>;
     } & {
@@ -318,9 +329,9 @@ declare const config: {
             value: import("@sinclair/typebox").TNumber;
         };
     }, {
-        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;
         }>;
     } & {
@@ -328,9 +339,9 @@ declare const config: {
             value: import("@sinclair/typebox").TNumber;
         };
     }, {
-        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;
         }>;
     } & {
@@ -340,7 +351,8 @@ declare const config: {
     }];
     readonly meta: {
         readonly description: "";
-        readonly icon: "../../icons/InputNumber.svg";
+        readonly figureIcon: "../figureIcons/WdInputNumber.svg";
+        readonly icon: "../icons/InputNumber.svg";
         readonly title: "数字输入";
         readonly name: "WdInputNumber";
         readonly componentName: "InputNumber";
@@ -352,11 +364,15 @@ declare const config: {
             props: string[];
         };
         readonly group: {
+            标签项: {
+                'x-index': number;
+                expand: boolean;
+            };
             通用: {
                 'x-index': number;
                 expand: boolean;
             };
-            标题: {
+            标题风格: {
                 'x-index': number;
                 expand: boolean;
             };
@@ -364,11 +380,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;
             };
@@ -386,6 +418,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-number.js CHANGED Viewed

@@ -1,6 +1,8 @@
 import { defineConfig, Type, Tuple } from '../type-utils';
-import { getFormItemClasses, FORM_ITEM_DATA, FORM_ITEM_META, FORM_ITEM_METHODS, FORM_ITEM_EVENTS, X_CATEGORY, } from '../type-utils/type-form';
+import { FORM_ITEM_DATA, FORM_ITEM_META, FORM_ITEM_METHODS, FORM_ITEM_EVENTS, X_CATEGORY, } from '../type-utils/type-form';
 import wdInputConfig from './wd-input';
+import { getClasses } from '../type-utils/classes';
+import { templateInitNameWithId } from './common/init-name-with-id';
 // 属性类型定义
 const data = Type.Object({
     /** 通用 */
@@ -23,16 +25,8 @@ const data = Type.Object({
         'x-category': X_CATEGORY.COMMON,
         'x-index': 40,
         'x-helper-text': '右侧调整仅在PC端生效，移动端将显示为普通的输入框',
-        'x-linkages': [
-            {
-                type: 'value:visible',
-                target: '*(block)',
-                condition: "{{ $self.value === 'right' }}",
-            },
-        ],
     })),
     size: Object.assign({}, FORM_ITEM_DATA.size, { 'x-index': 50 }),
-    block: Object.assign({}, FORM_ITEM_DATA.block, { 'x-index': 60 }),
     /** 标题 */
     label: Object.assign({}, FORM_ITEM_DATA.label, { 'x-index': 70 }),
     labelVisible: Object.assign({}, FORM_ITEM_DATA.labelVisible, {
@@ -120,11 +114,54 @@ const data = Type.Object({
         'x-index': 357,
     }),
 });
-const classes = getFormItemClasses('input-number');
+const CLASSES = getClasses('input-number');
+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,
+    {
+        name: '数字输入左侧减按钮',
+        selector: `.wd-input-number-btn__before`,
+        description: '数字输入左侧减按钮',
+    },
+    {
+        name: '数字输入右侧加按钮',
+        selector: `.wd-input-number-btn__after`,
+        description: '数字输入右侧加按钮',
+    },
+    {
+        name: '数字输入右侧数字加按钮',
+        selector: `.wd-input-number__increase`,
+        description: '数字输入右侧数字加按钮',
+    },
+    {
+        name: '数字输入右侧数字减按钮',
+        selector: `.wd-input-number__decrease`,
+        description: '数字输入右侧数字减按钮',
+    },
+];
 const properties = Type.Composite([
-    Object.assign({}, wdInputConfig.properties),
     Type.Pick(data, ['min', 'max', 'step', 'format']),
+    Type.Object({
+        ...wdInputConfig.properties.properties,
+        value: Type.Number({
+            title: '输入值',
+        }),
+    }),
 ]);
+//           ^?
 // export default
 const config = defineConfig({
     $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
@@ -166,7 +203,8 @@ const config = defineConfig({
     ],
     meta: {
         description: '',
-        icon: '../../icons/InputNumber.svg',
+        figureIcon: '../figureIcons/WdInputNumber.svg',
+        icon: '../icons/InputNumber.svg',
         title: '数字输入',
         name: 'WdInputNumber',
         componentName: 'InputNumber',
@@ -177,6 +215,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',

package/dist/configs/components/wd-input-phone.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>;
@@ -15,29 +16,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";
@@ -45,6 +47,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>;
@@ -54,29 +57,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>;
@@ -86,8 +90,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;
@@ -156,39 +160,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/PhoneCode.svg";
+        readonly figureIcon: "../figureIcons/WdInputPhone.svg";
+        readonly icon: "../icons/PhoneCode.svg";
         readonly title: "电话输入";
         readonly name: "WdInputPhone";
         readonly componentName: "InputPhone";
@@ -200,11 +206,15 @@ declare const config: {
             props: string[];
         };
         readonly group: {
+            标签项: {
+                'x-index': number;
+                expand: boolean;
+            };
             通用: {
                 'x-index': number;
                 expand: boolean;
             };
-            标题: {
+            标题风格: {
                 'x-index': number;
                 expand: boolean;
             };
@@ -212,11 +222,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;
             };
@@ -234,6 +260,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-phone.js CHANGED Viewed

@@ -1,6 +1,8 @@
 import { defineConfig, Type } from '../type-utils';
-import { getFormItemClasses, omit, 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',
@@ -15,7 +17,24 @@ const data = Type.Partial(Type.Object(Object.assign({}, omit(WD_INPUT_DATA, [
         default: '请输入手机号',
     }),
 })));
-const classes = getFormItemClasses('input-phone');
+const CLASSES = getClasses('input-phone');
+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',
@@ -26,7 +45,8 @@ const config = defineConfig({
     events: wdInputConfig.events,
     meta: {
         description: '用于输入电话号码，会强制校验输入内容是否符合电话格式。',
-        icon: '../../icons/PhoneCode.svg',
+        figureIcon: '../figureIcons/WdInputPhone.svg',
+        icon: '../icons/PhoneCode.svg',
         title: '电话输入',
         name: 'WdInputPhone',
         componentName: 'InputPhone',
@@ -37,6 +57,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',