@4399ywkf/design 2.0.0 → 2.1.1

package/dist/FormDesigner/card/settings.d.ts

@@ -0,0 +1,1789 @@
+/**
+ * cardSettings — left sidebar widget catalog for card mode.
+ *
+ * Setting 字段统一用 dot-path 写法（如 `'props.title.content'`），不再用
+ * `props: { type:object, properties:{...} }` 这种 object 容器节点。
+ * 原因：FormDesigner 的 setting form 是用 form-render 渲染的；object 容器
+ * 节点会把整个 schema.props 当作一个 sub-form 的 data slice，**只读写
+ * 节点内列出的字段**。当跟 cardCommonSettings 的 `'props.textAlign'` 等
+ * dot-path 同时存在时，sub-form 在提交时会用它"不知道 textAlign 存在"的
+ * 快照覆盖 schema.props.textAlign（连带 title 等也回滚）。
+ *
+ * 改用扁平 dot-path 后，每个字段独立读写 schema 上对应的精确路径，互不
+ * 干扰。视觉分组可后续靠 form-render 的虚拟容器 ('theme:tile' 等) 补回，
+ * 但要保证容器节点不映射到 schema 上的实际路径。
+ */
+export declare const cardSettings: ({
+    title: string;
+    widgets: ({
+        text: string;
+        name: string;
+        schema: {
+            properties?: {} | undefined;
+            title: string;
+            type: "object" | "void";
+            widget: string;
+            props: {
+                showTitle: boolean;
+                title: {
+                    tag: string;
+                    content: string;
+                };
+                subtitle: {
+                    tag: string;
+                    content: string;
+                };
+                template: string;
+                icon: {
+                    tag: string;
+                    token: string;
+                };
+                padding: string;
+            };
+        };
+        setting: {
+            'props.title.content': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.subtitle.content': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.icon.token': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.height': {
+                title: string;
+                type: string;
+                widget: string;
+                description: string;
+                props: {
+                    placeholder: string;
+                };
+            };
+            'props.template': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            title: string;
+            type: string;
+            widget: string;
+            props: {
+                content: string;
+                textAlign: string;
+                textSize: string;
+                margin?: undefined;
+                text?: undefined;
+                src?: undefined;
+                alt?: undefined;
+                size?: undefined;
+                scaleType?: undefined;
+                cornerRadius?: undefined;
+                combinationMode?: undefined;
+                imgList?: undefined;
+                icon?: undefined;
+                color?: undefined;
+            };
+        };
+        setting: {
+            $id: {
+                title: string;
+                description: string;
+                type: string;
+                widget: string;
+                hidden: boolean;
+                require: boolean;
+                rules: {
+                    pattern: string;
+                    message: string;
+                }[];
+            };
+            title: {
+                title: string;
+                description: string;
+                type: string;
+                widget: string;
+                hidden: boolean;
+            };
+            default: {
+                title: string;
+                description: string;
+                type: string;
+                widget: string;
+                props: {
+                    autoSize: {
+                        minRows: number;
+                        maxRows: number;
+                    };
+                };
+            };
+            'props.text.content'?: undefined;
+            'props.text.text_size'?: undefined;
+            'props.text.text_align'?: undefined;
+            'props.text.text_color'?: undefined;
+            'props.src'?: undefined;
+            'props.imgKey'?: undefined;
+            'props.alt.content'?: undefined;
+            'props.size'?: undefined;
+            'props.scaleType'?: undefined;
+            'props.cornerRadius'?: undefined;
+            'props.transparent'?: undefined;
+            'props.combinationMode'?: undefined;
+            'props.imgList'?: undefined;
+            'props.combinationTransparent'?: undefined;
+            'props.icon.token'?: undefined;
+            'props.icon.color'?: undefined;
+            'props.color'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            props: {
+                margin: string;
+                content?: undefined;
+                textAlign?: undefined;
+                textSize?: undefined;
+                text?: undefined;
+                src?: undefined;
+                alt?: undefined;
+                size?: undefined;
+                scaleType?: undefined;
+                cornerRadius?: undefined;
+                combinationMode?: undefined;
+                imgList?: undefined;
+                icon?: undefined;
+                color?: undefined;
+            };
+            title?: undefined;
+        };
+        setting: {
+            $id?: undefined;
+            title?: undefined;
+            default?: undefined;
+            'props.text.content'?: undefined;
+            'props.text.text_size'?: undefined;
+            'props.text.text_align'?: undefined;
+            'props.text.text_color'?: undefined;
+            'props.src'?: undefined;
+            'props.imgKey'?: undefined;
+            'props.alt.content'?: undefined;
+            'props.size'?: undefined;
+            'props.scaleType'?: undefined;
+            'props.cornerRadius'?: undefined;
+            'props.transparent'?: undefined;
+            'props.combinationMode'?: undefined;
+            'props.imgList'?: undefined;
+            'props.combinationTransparent'?: undefined;
+            'props.icon.token'?: undefined;
+            'props.icon.color'?: undefined;
+            'props.color'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            props: {
+                text: {
+                    tag: string;
+                    content: string;
+                    text_size?: undefined;
+                    text_align?: undefined;
+                };
+                content?: undefined;
+                textAlign?: undefined;
+                textSize?: undefined;
+                margin?: undefined;
+                src?: undefined;
+                alt?: undefined;
+                size?: undefined;
+                scaleType?: undefined;
+                cornerRadius?: undefined;
+                combinationMode?: undefined;
+                imgList?: undefined;
+                icon?: undefined;
+                color?: undefined;
+            };
+            title?: undefined;
+        };
+        setting: {
+            'props.text.content': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.text.text_size': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.text.text_align': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.text.text_color': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                placeholder?: undefined;
+            };
+            $id?: undefined;
+            title?: undefined;
+            default?: undefined;
+            'props.src'?: undefined;
+            'props.imgKey'?: undefined;
+            'props.alt.content'?: undefined;
+            'props.size'?: undefined;
+            'props.scaleType'?: undefined;
+            'props.cornerRadius'?: undefined;
+            'props.transparent'?: undefined;
+            'props.combinationMode'?: undefined;
+            'props.imgList'?: undefined;
+            'props.combinationTransparent'?: undefined;
+            'props.icon.token'?: undefined;
+            'props.icon.color'?: undefined;
+            'props.color'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            props: {
+                src: string;
+                alt: {
+                    tag: string;
+                    content: string;
+                };
+                size: string;
+                scaleType: string;
+                cornerRadius: string;
+                content?: undefined;
+                textAlign?: undefined;
+                textSize?: undefined;
+                margin?: undefined;
+                text?: undefined;
+                combinationMode?: undefined;
+                imgList?: undefined;
+                icon?: undefined;
+                color?: undefined;
+            };
+            title?: undefined;
+        };
+        setting: {
+            'props.src': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.imgKey': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.alt.content': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.size': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.scaleType': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.cornerRadius': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.transparent': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            $id?: undefined;
+            title?: undefined;
+            default?: undefined;
+            'props.text.content'?: undefined;
+            'props.text.text_size'?: undefined;
+            'props.text.text_align'?: undefined;
+            'props.text.text_color'?: undefined;
+            'props.combinationMode'?: undefined;
+            'props.imgList'?: undefined;
+            'props.combinationTransparent'?: undefined;
+            'props.icon.token'?: undefined;
+            'props.icon.color'?: undefined;
+            'props.color'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            props: {
+                combinationMode: string;
+                imgList: {
+                    imgKey: string;
+                }[];
+                cornerRadius: string;
+                content?: undefined;
+                textAlign?: undefined;
+                textSize?: undefined;
+                margin?: undefined;
+                text?: undefined;
+                src?: undefined;
+                alt?: undefined;
+                size?: undefined;
+                scaleType?: undefined;
+                icon?: undefined;
+                color?: undefined;
+            };
+            title?: undefined;
+        };
+        setting: {
+            'props.combinationMode': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.imgList': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.cornerRadius': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.combinationTransparent': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            $id?: undefined;
+            title?: undefined;
+            default?: undefined;
+            'props.text.content'?: undefined;
+            'props.text.text_size'?: undefined;
+            'props.text.text_align'?: undefined;
+            'props.text.text_color'?: undefined;
+            'props.src'?: undefined;
+            'props.imgKey'?: undefined;
+            'props.alt.content'?: undefined;
+            'props.size'?: undefined;
+            'props.scaleType'?: undefined;
+            'props.transparent'?: undefined;
+            'props.icon.token'?: undefined;
+            'props.icon.color'?: undefined;
+            'props.color'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            props: {
+                icon: {
+                    tag: string;
+                    token: string;
+                };
+                content?: undefined;
+                textAlign?: undefined;
+                textSize?: undefined;
+                margin?: undefined;
+                text?: undefined;
+                src?: undefined;
+                alt?: undefined;
+                size?: undefined;
+                scaleType?: undefined;
+                cornerRadius?: undefined;
+                combinationMode?: undefined;
+                imgList?: undefined;
+                color?: undefined;
+            };
+            title?: undefined;
+        };
+        setting: {
+            'props.icon.token': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.icon.color': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            $id?: undefined;
+            title?: undefined;
+            default?: undefined;
+            'props.text.content'?: undefined;
+            'props.text.text_size'?: undefined;
+            'props.text.text_align'?: undefined;
+            'props.text.text_color'?: undefined;
+            'props.src'?: undefined;
+            'props.imgKey'?: undefined;
+            'props.alt.content'?: undefined;
+            'props.size'?: undefined;
+            'props.scaleType'?: undefined;
+            'props.cornerRadius'?: undefined;
+            'props.transparent'?: undefined;
+            'props.combinationMode'?: undefined;
+            'props.imgList'?: undefined;
+            'props.combinationTransparent'?: undefined;
+            'props.color'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            props: {
+                text: {
+                    tag: string;
+                    content: string;
+                    text_size?: undefined;
+                    text_align?: undefined;
+                };
+                color: string;
+                content?: undefined;
+                textAlign?: undefined;
+                textSize?: undefined;
+                margin?: undefined;
+                src?: undefined;
+                alt?: undefined;
+                size?: undefined;
+                scaleType?: undefined;
+                cornerRadius?: undefined;
+                combinationMode?: undefined;
+                imgList?: undefined;
+                icon?: undefined;
+            };
+            title?: undefined;
+        };
+        setting: {
+            'props.text.content': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.color': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            $id?: undefined;
+            title?: undefined;
+            default?: undefined;
+            'props.text.text_size'?: undefined;
+            'props.text.text_align'?: undefined;
+            'props.text.text_color'?: undefined;
+            'props.src'?: undefined;
+            'props.imgKey'?: undefined;
+            'props.alt.content'?: undefined;
+            'props.size'?: undefined;
+            'props.scaleType'?: undefined;
+            'props.cornerRadius'?: undefined;
+            'props.transparent'?: undefined;
+            'props.combinationMode'?: undefined;
+            'props.imgList'?: undefined;
+            'props.combinationTransparent'?: undefined;
+            'props.icon.token'?: undefined;
+            'props.icon.color'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            props: {
+                text: {
+                    tag: string;
+                    content: string;
+                    text_size: string;
+                    text_align: string;
+                };
+                content?: undefined;
+                textAlign?: undefined;
+                textSize?: undefined;
+                margin?: undefined;
+                src?: undefined;
+                alt?: undefined;
+                size?: undefined;
+                scaleType?: undefined;
+                cornerRadius?: undefined;
+                combinationMode?: undefined;
+                imgList?: undefined;
+                icon?: undefined;
+                color?: undefined;
+            };
+            title?: undefined;
+        };
+        setting: {
+            'props.text.content': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.text.text_size': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames?: undefined;
+            };
+            'props.text.text_align': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.text.text_color': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+                enum?: undefined;
+            };
+            $id?: undefined;
+            title?: undefined;
+            default?: undefined;
+            'props.src'?: undefined;
+            'props.imgKey'?: undefined;
+            'props.alt.content'?: undefined;
+            'props.size'?: undefined;
+            'props.scaleType'?: undefined;
+            'props.cornerRadius'?: undefined;
+            'props.transparent'?: undefined;
+            'props.combinationMode'?: undefined;
+            'props.imgList'?: undefined;
+            'props.combinationTransparent'?: undefined;
+            'props.icon.token'?: undefined;
+            'props.icon.color'?: undefined;
+            'props.color'?: undefined;
+        };
+    })[];
+    useCommon: boolean;
+} | {
+    title: string;
+    widgets: ({
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            props: {
+                flexMode: string;
+                horizontalSpacing: string;
+                horizontalAlign: string;
+                width?: undefined;
+                weight?: undefined;
+                direction?: undefined;
+                verticalSpacing?: undefined;
+                height?: undefined;
+                cornerRadius?: undefined;
+                hasBorder?: undefined;
+                backgroundStyle?: undefined;
+                padding?: undefined;
+                verticalAlign?: undefined;
+                behaviors?: undefined;
+                hoverTips?: undefined;
+                variable?: undefined;
+            };
+            properties: {};
+        };
+        setting: {
+            'props.direction': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.horizontalSpacing': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.verticalSpacing': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.horizontalAlign': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.verticalAlign': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.flexMode': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.variable'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            props: {
+                width: string;
+                weight: number;
+                direction: string;
+                verticalSpacing: string;
+                flexMode?: undefined;
+                horizontalSpacing?: undefined;
+                horizontalAlign?: undefined;
+                height?: undefined;
+                cornerRadius?: undefined;
+                hasBorder?: undefined;
+                backgroundStyle?: undefined;
+                padding?: undefined;
+                verticalAlign?: undefined;
+                behaviors?: undefined;
+                hoverTips?: undefined;
+                variable?: undefined;
+            };
+            properties: {};
+        };
+        setting: {
+            'props.direction': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.horizontalSpacing': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.verticalSpacing': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.horizontalAlign': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.verticalAlign': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.flexMode': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.width': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.weight': {
+                title: string;
+                type: string;
+                hidden: string;
+            };
+            'props.variable'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            props: {
+                width: string;
+                height: string;
+                cornerRadius: string;
+                hasBorder: boolean;
+                backgroundStyle: string;
+                padding: string;
+                direction: string;
+                verticalSpacing: string;
+                horizontalAlign: string;
+                verticalAlign: string;
+                behaviors: never[];
+                hoverTips: {
+                    tag: string;
+                    content: string;
+                };
+                flexMode?: undefined;
+                horizontalSpacing?: undefined;
+                weight?: undefined;
+                variable?: undefined;
+            };
+            properties: {};
+        };
+        setting: {
+            'props.direction': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.horizontalSpacing': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.verticalSpacing': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.horizontalAlign': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.verticalAlign': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.flexMode': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.backgroundStyle': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.hasBorder': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.borderColor': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+                hidden: string;
+            };
+            'props.cornerRadius': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.padding': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.hoverTips.content': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.lockForm': {
+                title: string;
+                type: string;
+                widget: string;
+                description: string;
+            };
+            'props.behaviors': {
+                title: string;
+                type: string;
+                widget: string;
+                description: string;
+            };
+            'props.variable'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            props: {
+                variable: string;
+                flexMode?: undefined;
+                horizontalSpacing?: undefined;
+                horizontalAlign?: undefined;
+                width?: undefined;
+                weight?: undefined;
+                direction?: undefined;
+                verticalSpacing?: undefined;
+                height?: undefined;
+                cornerRadius?: undefined;
+                hasBorder?: undefined;
+                backgroundStyle?: undefined;
+                padding?: undefined;
+                verticalAlign?: undefined;
+                behaviors?: undefined;
+                hoverTips?: undefined;
+            };
+            properties: {};
+        };
+        setting: {
+            'props.variable': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+        };
+    })[];
+    useCommon: boolean;
+} | {
+    title: string;
+    widgets: ({
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            props: {
+                direction: string;
+                verticalSpacing: string;
+                chartSpec?: undefined;
+                height?: undefined;
+                columns?: undefined;
+                rows?: undefined;
+                rowHeight?: undefined;
+            };
+            properties: {};
+        };
+        setting: {
+            'props.direction': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.horizontalSpacing': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.verticalSpacing': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.horizontalAlign': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.verticalAlign': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.flexMode': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.chartSpec.type'?: undefined;
+            'props.chartSpec.title.text'?: undefined;
+            'props.chartSpec.data.values'?: undefined;
+            'props.height'?: undefined;
+            'props.columns'?: undefined;
+            'props.rows'?: undefined;
+            'props.rowHeight'?: undefined;
+            'props.pageSize'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            props: {
+                chartSpec: {
+                    type: string;
+                    title: {
+                        text: string;
+                    };
+                    data: {
+                        values: {
+                            type: string;
+                            value: number;
+                        }[];
+                    };
+                };
+                height: string;
+                direction?: undefined;
+                verticalSpacing?: undefined;
+                columns?: undefined;
+                rows?: undefined;
+                rowHeight?: undefined;
+            };
+            properties?: undefined;
+        };
+        setting: {
+            'props.chartSpec.type': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.chartSpec.title.text': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.chartSpec.data.values': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.height': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.columns'?: undefined;
+            'props.rows'?: undefined;
+            'props.rowHeight'?: undefined;
+            'props.pageSize'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            props: {
+                columns: {
+                    dataType: string;
+                    name: string;
+                    displayName: string;
+                    horizontalAlign: string;
+                    width: string;
+                }[];
+                rows: {
+                    col1: string;
+                    col2: string;
+                }[];
+                rowHeight: string;
+                direction?: undefined;
+                verticalSpacing?: undefined;
+                chartSpec?: undefined;
+                height?: undefined;
+            };
+            properties?: undefined;
+        };
+        setting: {
+            'props.columns': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.rows': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.rowHeight': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.pageSize': {
+                title: string;
+                type: string;
+            };
+            'props.chartSpec.type'?: undefined;
+            'props.chartSpec.title.text'?: undefined;
+            'props.chartSpec.data.values'?: undefined;
+            'props.height'?: undefined;
+        };
+    })[];
+    useCommon: boolean;
+} | {
+    title: string;
+    widgets: ({
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            name: string;
+            props: {
+                direction: string;
+                verticalSpacing: string;
+                horizontalSpacing: string;
+                width?: undefined;
+                showTitle?: undefined;
+                titlePosition?: undefined;
+                maxLengthEnabled?: undefined;
+                text?: undefined;
+                type?: undefined;
+                size?: undefined;
+                icon?: undefined;
+                behaviors?: undefined;
+                placeholder?: undefined;
+                options?: undefined;
+                multiSelect?: undefined;
+                multi?: undefined;
+                persons?: undefined;
+                showAvatar?: undefined;
+                showName?: undefined;
+            };
+            properties: {};
+            title?: undefined;
+            default?: undefined;
+            placeholder?: undefined;
+            disabled?: undefined;
+            items?: undefined;
+        };
+        setting: {
+            'props.direction': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.horizontalSpacing': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.verticalSpacing': {
+                title: string;
+                type: string;
+                widget: string;
+                placeholder: string;
+            };
+            'props.horizontalAlign': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.verticalAlign': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.flexMode': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            name: {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'placeholder.content'?: undefined;
+            default?: undefined;
+            'props.width'?: undefined;
+            'props.showTitle'?: undefined;
+            title?: undefined;
+            'props.titlePosition'?: undefined;
+            'props.maxLengthEnabled'?: undefined;
+            maxLength?: undefined;
+            disabled?: undefined;
+            required?: undefined;
+            'props.text.content'?: undefined;
+            'props.icon.token'?: undefined;
+            'props.type'?: undefined;
+            'props.size'?: undefined;
+            'props.lockForm'?: undefined;
+            'props.behaviors'?: undefined;
+            'props.placeholder.content'?: undefined;
+            'props.multi'?: undefined;
+            'props.persons'?: undefined;
+            'props.showAvatar'?: undefined;
+            'props.showName'?: undefined;
+            'props.lines'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            name: string;
+            title: string;
+            default: string;
+            placeholder: {
+                tag: string;
+                content: string;
+            };
+            disabled: boolean;
+            props: {
+                width: string;
+                showTitle: boolean;
+                titlePosition: string;
+                maxLengthEnabled: boolean;
+                direction?: undefined;
+                verticalSpacing?: undefined;
+                horizontalSpacing?: undefined;
+                text?: undefined;
+                type?: undefined;
+                size?: undefined;
+                icon?: undefined;
+                behaviors?: undefined;
+                placeholder?: undefined;
+                options?: undefined;
+                multiSelect?: undefined;
+                multi?: undefined;
+                persons?: undefined;
+                showAvatar?: undefined;
+                showName?: undefined;
+            };
+            properties?: undefined;
+            items?: undefined;
+        };
+        setting: {
+            name: {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'placeholder.content': {
+                title: string;
+                type: string;
+                widget: string;
+                props: {
+                    autoSize: {
+                        minRows: number;
+                        maxRows: number;
+                    };
+                };
+            };
+            default: {
+                title: string;
+                type: string;
+                widget: string;
+                props: {
+                    autoSize: {
+                        minRows: number;
+                        maxRows: number;
+                    };
+                };
+            };
+            'props.width': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.showTitle': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            title: {
+                title: string;
+                type: string;
+                widget: string;
+                hidden: string;
+                props: {
+                    autoSize: {
+                        minRows: number;
+                        maxRows: number;
+                    };
+                };
+            };
+            'props.titlePosition': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+                hidden: string;
+            };
+            'props.maxLengthEnabled': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            maxLength: {
+                title: string;
+                type: string;
+                hidden: string;
+                props: {
+                    placeholder: string;
+                };
+            };
+            disabled: {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            required: {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.text.content'?: undefined;
+            'props.icon.token'?: undefined;
+            'props.type'?: undefined;
+            'props.size'?: undefined;
+            'props.lockForm'?: undefined;
+            'props.behaviors'?: undefined;
+            'props.placeholder.content'?: undefined;
+            'props.multi'?: undefined;
+            'props.persons'?: undefined;
+            'props.showAvatar'?: undefined;
+            'props.showName'?: undefined;
+            'props.lines'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            name: string;
+            props: {
+                text: {
+                    tag: string;
+                    content: string;
+                };
+                type: string;
+                size: string;
+                width: string;
+                icon: {
+                    tag: string;
+                    token: string;
+                };
+                behaviors: never[];
+                direction?: undefined;
+                verticalSpacing?: undefined;
+                horizontalSpacing?: undefined;
+                showTitle?: undefined;
+                titlePosition?: undefined;
+                maxLengthEnabled?: undefined;
+                placeholder?: undefined;
+                options?: undefined;
+                multiSelect?: undefined;
+                multi?: undefined;
+                persons?: undefined;
+                showAvatar?: undefined;
+                showName?: undefined;
+            };
+            properties?: undefined;
+            title?: undefined;
+            default?: undefined;
+            placeholder?: undefined;
+            disabled?: undefined;
+            items?: undefined;
+        };
+        setting: {
+            name: {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.text.content': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.icon.token': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.type': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.size': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.width': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.lockForm': {
+                title: string;
+                type: string;
+                widget: string;
+                description: string;
+            };
+            'props.behaviors': {
+                title: string;
+                type: string;
+                widget: string;
+                description: string;
+            };
+            'placeholder.content'?: undefined;
+            default?: undefined;
+            'props.showTitle'?: undefined;
+            title?: undefined;
+            'props.titlePosition'?: undefined;
+            'props.maxLengthEnabled'?: undefined;
+            maxLength?: undefined;
+            disabled?: undefined;
+            required?: undefined;
+            'props.placeholder.content'?: undefined;
+            'props.multi'?: undefined;
+            'props.persons'?: undefined;
+            'props.showAvatar'?: undefined;
+            'props.showName'?: undefined;
+            'props.lines'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            name: string;
+            props: {
+                placeholder: {
+                    tag: string;
+                    content: string;
+                };
+                options: {
+                    value: string;
+                    text: {
+                        tag: string;
+                        content: string;
+                    };
+                }[];
+                multiSelect: boolean;
+                direction?: undefined;
+                verticalSpacing?: undefined;
+                horizontalSpacing?: undefined;
+                width?: undefined;
+                showTitle?: undefined;
+                titlePosition?: undefined;
+                maxLengthEnabled?: undefined;
+                text?: undefined;
+                type?: undefined;
+                size?: undefined;
+                icon?: undefined;
+                behaviors?: undefined;
+                multi?: undefined;
+                persons?: undefined;
+                showAvatar?: undefined;
+                showName?: undefined;
+            };
+            properties?: undefined;
+            title?: undefined;
+            default?: undefined;
+            placeholder?: undefined;
+            disabled?: undefined;
+            items?: undefined;
+        };
+        setting: {
+            name: {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.placeholder.content': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.width': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.options': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            name: string;
+            default: never[];
+            items: {
+                type: string;
+            };
+            props: {
+                placeholder: {
+                    tag: string;
+                    content: string;
+                };
+                options: {
+                    value: string;
+                    text: {
+                        tag: string;
+                        content: string;
+                    };
+                }[];
+                multiSelect: boolean;
+                direction?: undefined;
+                verticalSpacing?: undefined;
+                horizontalSpacing?: undefined;
+                width?: undefined;
+                showTitle?: undefined;
+                titlePosition?: undefined;
+                maxLengthEnabled?: undefined;
+                text?: undefined;
+                type?: undefined;
+                size?: undefined;
+                icon?: undefined;
+                behaviors?: undefined;
+                multi?: undefined;
+                persons?: undefined;
+                showAvatar?: undefined;
+                showName?: undefined;
+            };
+            properties?: undefined;
+            title?: undefined;
+            placeholder?: undefined;
+            disabled?: undefined;
+        };
+        setting: {
+            default: {
+                title: string;
+                type: string;
+                widget: string;
+                props?: undefined;
+            };
+            name: {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.placeholder.content': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.width': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.options': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'placeholder.content'?: undefined;
+            'props.showTitle'?: undefined;
+            title?: undefined;
+            'props.titlePosition'?: undefined;
+            'props.maxLengthEnabled'?: undefined;
+            maxLength?: undefined;
+            disabled?: undefined;
+            required?: undefined;
+            'props.text.content'?: undefined;
+            'props.icon.token'?: undefined;
+            'props.type'?: undefined;
+            'props.size'?: undefined;
+            'props.lockForm'?: undefined;
+            'props.behaviors'?: undefined;
+            'props.multi'?: undefined;
+            'props.persons'?: undefined;
+            'props.showAvatar'?: undefined;
+            'props.showName'?: undefined;
+            'props.lines'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            name: string;
+            props: {
+                placeholder: {
+                    tag: string;
+                    content: string;
+                };
+                multi: boolean;
+                direction?: undefined;
+                verticalSpacing?: undefined;
+                horizontalSpacing?: undefined;
+                width?: undefined;
+                showTitle?: undefined;
+                titlePosition?: undefined;
+                maxLengthEnabled?: undefined;
+                text?: undefined;
+                type?: undefined;
+                size?: undefined;
+                icon?: undefined;
+                behaviors?: undefined;
+                options?: undefined;
+                multiSelect?: undefined;
+                persons?: undefined;
+                showAvatar?: undefined;
+                showName?: undefined;
+            };
+            properties?: undefined;
+            title?: undefined;
+            default?: undefined;
+            placeholder?: undefined;
+            disabled?: undefined;
+            items?: undefined;
+        };
+        setting: {
+            name: {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.placeholder.content': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.multi': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'placeholder.content'?: undefined;
+            default?: undefined;
+            'props.width'?: undefined;
+            'props.showTitle'?: undefined;
+            title?: undefined;
+            'props.titlePosition'?: undefined;
+            'props.maxLengthEnabled'?: undefined;
+            maxLength?: undefined;
+            disabled?: undefined;
+            required?: undefined;
+            'props.text.content'?: undefined;
+            'props.icon.token'?: undefined;
+            'props.type'?: undefined;
+            'props.size'?: undefined;
+            'props.lockForm'?: undefined;
+            'props.behaviors'?: undefined;
+            'props.persons'?: undefined;
+            'props.showAvatar'?: undefined;
+            'props.showName'?: undefined;
+            'props.lines'?: undefined;
+        };
+    } | {
+        text: string;
+        name: string;
+        schema: {
+            type: string;
+            widget: string;
+            props: {
+                persons: {
+                    id: string;
+                }[];
+                size: string;
+                showAvatar: boolean;
+                showName: boolean;
+                direction?: undefined;
+                verticalSpacing?: undefined;
+                horizontalSpacing?: undefined;
+                width?: undefined;
+                showTitle?: undefined;
+                titlePosition?: undefined;
+                maxLengthEnabled?: undefined;
+                text?: undefined;
+                type?: undefined;
+                icon?: undefined;
+                behaviors?: undefined;
+                placeholder?: undefined;
+                options?: undefined;
+                multiSelect?: undefined;
+                multi?: undefined;
+            };
+            name?: undefined;
+            properties?: undefined;
+            title?: undefined;
+            default?: undefined;
+            placeholder?: undefined;
+            disabled?: undefined;
+            items?: undefined;
+        };
+        setting: {
+            'props.persons': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.size': {
+                title: string;
+                type: string;
+                widget: string;
+                enum: string[];
+                enumNames: string[];
+            };
+            'props.showAvatar': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.showName': {
+                title: string;
+                type: string;
+                widget: string;
+            };
+            'props.lines': {
+                title: string;
+                type: string;
+            };
+            name?: undefined;
+            'placeholder.content'?: undefined;
+            default?: undefined;
+            'props.width'?: undefined;
+            'props.showTitle'?: undefined;
+            title?: undefined;
+            'props.titlePosition'?: undefined;
+            'props.maxLengthEnabled'?: undefined;
+            maxLength?: undefined;
+            disabled?: undefined;
+            required?: undefined;
+            'props.text.content'?: undefined;
+            'props.icon.token'?: undefined;
+            'props.type'?: undefined;
+            'props.lockForm'?: undefined;
+            'props.behaviors'?: undefined;
+            'props.placeholder.content'?: undefined;
+            'props.multi'?: undefined;
+        };
+    })[];
+    useCommon: boolean;
+})[];
+/** Default canvas schema for a fresh card-mode FormDesigner. */
+export declare const defaultCardSchema: {
+    type: string;
+    widget: string;
+    props: {
+        template: string;
+        padding: string;
+        direction: string;
+        horizontalSpacing: string;
+        verticalSpacing: string;
+        updateMulti: boolean;
+        textSizeMode: string;
+    };
+    properties: {};
+};