@ticatec/uniface-flexi-module 0.0.2

package/dist/flexi-form/components/CellFieldBuilder.js

@@ -0,0 +1,178 @@
+import ComponentBuilder, {} from "../lib/ComponentBuilder";
+import TextField from "./TextField.svelte";
+import OptionsSelectField from "./OptionsSelectField.svelte";
+import DateField from "./DateField.svelte";
+import DateTimeField from "./DateTimeField.svelte";
+import MemoField from "./MemoField.svelte";
+import NumberField from "./NumberField.svelte";
+import UnitNumberField from "./UnitNumberField.svelte";
+import CascadeOptionSelectField from "./CascadeOptionSelectField.svelte";
+import InputOptionSelectField from "./InputOptionSelectField.svelte";
+import OptionsMultiSelectField from "./OptionsMultiSelectField.svelte";
+import UnknownTypeField from "./UnknownTypeField.svelte";
+import BreakLine from "./BreakLine.svelte";
+/**
+ * 构造一个文字输入框
+ * @param schema
+ * @param dictLoader
+ */
+const buildTextEditor = (schema, dictLoader) => {
+    const props = schema.props;
+    return {
+        component: TextField,
+        props
+    };
+};
+/**
+ * 构造下拉选择框
+ * @param schema
+ * @param dictLoader
+ */
+const buildOptionsSelector = (schema, dictLoader) => {
+    const props = schema.props;
+    if (schema.dictName) {
+        props.options = dictLoader(schema.dictName);
+    }
+    return {
+        component: OptionsSelectField,
+        props
+    };
+};
+/**
+ * 构造日期选择框
+ * @param schema
+ * @param dictLoader
+ */
+const buildDateField = (schema, dictLoader) => {
+    const props = schema.props;
+    return {
+        component: DateField,
+        props
+    };
+};
+/**
+ *
+ * @param schema
+ * @param dictLoader
+ */
+const buildMemoEditor = (schema, dictLoader) => {
+    const props = schema.props;
+    return {
+        component: MemoField,
+        props
+    };
+};
+/**
+ * 构造日期时间选择框
+ * @param schema
+ * @param dictLoader
+ */
+const buildDateTimeField = (schema, dictLoader) => {
+    const props = schema.props;
+    return {
+        component: DateTimeField,
+        props
+    };
+};
+/**
+ * 构造数字输入框
+ * @param schema
+ * @param dictLoader
+ */
+const buildNumberField = (schema, dictLoader) => {
+    const props = schema.props;
+    return {
+        component: NumberField,
+        props
+    };
+};
+/**
+ * 构造带单位的数字输入框
+ * @param schema
+ * @param dictLoader
+ */
+const buildUnitNumberField = (schema, dictLoader) => {
+    const props = schema.props;
+    return {
+        component: UnitNumberField,
+        props
+    };
+};
+/**
+ * 构造级联选择框
+ * @param schema
+ * @param dictLoader
+ */
+const buildCascadeOptionSelect = (schema, dictLoader) => {
+    const props = schema.props;
+    if (schema.dictName) {
+        props.options = dictLoader(schema.dictName);
+    }
+    return {
+        component: CascadeOptionSelectField,
+        props
+    };
+};
+/**
+ * 构造带输入的选择框
+ * @param schema
+ * @param dictLoader
+ */
+const buildInputOptionSelect = (schema, dictLoader) => {
+    const props = schema.props;
+    if (schema.dictName) {
+        props.options = dictLoader(schema.dictName);
+    }
+    return {
+        component: InputOptionSelectField,
+        props
+    };
+};
+/**
+ * 构造多选框
+ * @param schema
+ * @param dictLoader
+ */
+const buildOptionsMultiSelect = (schema, dictLoader) => {
+    const props = schema.props;
+    if (schema.dictName) {
+        props.options = dictLoader(schema.dictName);
+    }
+    return {
+        component: OptionsMultiSelectField,
+        props
+    };
+};
+const buildBreakLineField = (schema, dictLoader) => {
+    const props = schema.props;
+    return {
+        component: BreakLine,
+        props
+    };
+};
+/**
+ * 构造未知类型字段
+ * @param schema
+ * @param dictLoader
+ */
+const buildUnknownTypeField = (schema, dictLoader) => {
+    const props = schema.props;
+    return {
+        component: UnknownTypeField,
+        props
+    };
+};
+export const registerFormFieldBuilder = () => {
+    const componentBuilder = ComponentBuilder.getInstance();
+    componentBuilder.register('text-editor', buildTextEditor);
+    componentBuilder.register('memo-editor', buildMemoEditor);
+    componentBuilder.register('options-selector', buildOptionsSelector);
+    componentBuilder.register('date-picker', buildDateField);
+    componentBuilder.register('datetime-picker', buildDateTimeField);
+    componentBuilder.register('number-editor', buildNumberField);
+    componentBuilder.register('unit-number-editor', buildUnitNumberField);
+    componentBuilder.register('cascade-options-selector', buildCascadeOptionSelect);
+    componentBuilder.register('input-options-selector', buildInputOptionSelect);
+    componentBuilder.register('options-multi-selector', buildOptionsMultiSelect);
+    componentBuilder.register('-', buildBreakLineField);
+};

package/dist/flexi-form/components/DateField.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">import DatePicker from "@ticatec/uniface-element/DatePicker";
+export let field;
+export let readonly;
+export let disabled;
+export let variant;
+$: props = field.props;
+$: data = field.data;
+$: events = field.events;
+</script>
+
+<DatePicker bind:value={data[field.keyField]} variant={variant??field.variant} readonly={readonly || field.isReadonly}
+            disabled={disabled || field.disabled} {...props} {...events}/>

package/dist/flexi-form/components/DateField.svelte.d.ts

@@ -0,0 +1,24 @@
+import type FlexiField from "../flexi_field/FlexiField";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const DateField: $$__sveltets_2_IsomorphicComponent<{
+    field: FlexiField;
+    readonly: boolean;
+    disabled: boolean;
+    variant: "" | "outlined" | "filled";
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type DateField = InstanceType<typeof DateField>;
+export default DateField;

package/dist/flexi-form/components/DateTimeField.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">import DateTimePicker from "@ticatec/uniface-element/DateTimePicker";
+export let field;
+export let readonly;
+export let disabled;
+export let variant;
+$: props = field.props;
+$: data = field.data;
+$: events = field.events;
+</script>
+
+
+<DateTimePicker bind:value={data[field.keyField]} variant={variant??field.variant} readonly={readonly || field.isReadonly}
+                disabled={disabled || field.disabled} {...props} {...events}/>

package/dist/flexi-form/components/DateTimeField.svelte.d.ts

@@ -0,0 +1,24 @@
+import type FlexiField from "../flexi_field/FlexiField";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const DateTimeField: $$__sveltets_2_IsomorphicComponent<{
+    field: FlexiField;
+    readonly: boolean;
+    disabled: boolean;
+    variant: "" | "outlined" | "filled";
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type DateTimeField = InstanceType<typeof DateTimeField>;
+export default DateTimeField;

package/dist/flexi-form/components/InputOptionSelectField.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">import InputOptionSelect from "@ticatec/uniface-element/InputOptionsSelect";
+import FlexiField from "../flexi_field/FlexiField";
+export let field;
+export let readonly;
+export let disabled;
+export let variant;
+$: props = field.props;
+$: data = field.data;
+$: events = field.events;
+</script>
+
+<InputOptionSelect bind:value={data[field.keyField]} variant={variant??field.variant} readonly={readonly || field.isReadonly}
+                   disabled={disabled || field.disabled} {...props} {...events}/>

package/dist/flexi-form/components/InputOptionSelectField.svelte.d.ts

@@ -0,0 +1,24 @@
+import FlexiField from "../flexi_field/FlexiField";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const InputOptionSelectField: $$__sveltets_2_IsomorphicComponent<{
+    field: FlexiField;
+    readonly: boolean;
+    disabled: boolean;
+    variant: "" | "outlined" | "filled";
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputOptionSelectField = InstanceType<typeof InputOptionSelectField>;
+export default InputOptionSelectField;

package/dist/flexi-form/components/MemoField.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">import MemoEditor from "@ticatec/uniface-element/MemoEditor";
+export let field;
+export let readonly;
+export let disabled;
+export let variant;
+$: props = field.props;
+$: data = field.data;
+$: events = field.events;
+</script>
+
+<MemoEditor bind:value={data[field.keyField]} variant={variant??field.variant} readonly={readonly || field.isReadonly}
+            disabled={disabled || field.disabled} {...props} {...events}/>

package/dist/flexi-form/components/MemoField.svelte.d.ts

@@ -0,0 +1,24 @@
+import type FlexiField from "../flexi_field/FlexiField";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const MemoField: $$__sveltets_2_IsomorphicComponent<{
+    field: FlexiField;
+    readonly: boolean;
+    disabled: boolean;
+    variant: "" | "outlined" | "filled";
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type MemoField = InstanceType<typeof MemoField>;
+export default MemoField;

package/dist/flexi-form/components/NumberField.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">import NumberEditor from "@ticatec/uniface-element/NumberEditor";
+export let field;
+export let readonly;
+export let disabled;
+export let variant;
+$: props = field.props;
+$: data = field.data;
+$: events = field.events;
+</script>
+
+<NumberEditor bind:value={data[field.keyField]} variant={variant??field.variant} readonly={readonly || field.isReadonly}
+              disabled={disabled || field.disabled} {...props} {...events}/>

package/dist/flexi-form/components/NumberField.svelte.d.ts

@@ -0,0 +1,24 @@
+import type FlexiField from "../flexi_field/FlexiField";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const NumberField: $$__sveltets_2_IsomorphicComponent<{
+    field: FlexiField;
+    readonly: boolean;
+    disabled: boolean;
+    variant: "" | "outlined" | "filled";
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type NumberField = InstanceType<typeof NumberField>;
+export default NumberField;

package/dist/flexi-form/components/OptionsMultiSelectField.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">import OptionMultiSelect from "@ticatec/uniface-element/OptionsMultiSelect";
+import FlexiField from "../flexi_field/FlexiField";
+export let field;
+export let readonly;
+export let disabled;
+export let variant;
+$: props = field.props;
+$: data = field.data;
+$: events = field.events;
+</script>
+
+<OptionMultiSelect bind:value={data[field.keyField]} variant={variant??field.variant} readonly={readonly || field.isReadonly}
+                   disabled={disabled || field.disabled} {...props} {...events}/>

package/dist/flexi-form/components/OptionsMultiSelectField.svelte.d.ts

@@ -0,0 +1,24 @@
+import FlexiField from "../flexi_field/FlexiField";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const OptionsMultiSelectField: $$__sveltets_2_IsomorphicComponent<{
+    field: FlexiField;
+    readonly: boolean;
+    disabled: boolean;
+    variant: "" | "outlined" | "filled";
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type OptionsMultiSelectField = InstanceType<typeof OptionsMultiSelectField>;
+export default OptionsMultiSelectField;

package/dist/flexi-form/components/OptionsSelectField.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">import OptionSelect from "@ticatec/uniface-element/OptionsSelect";
+import FlexiField from "../flexi_field/FlexiField";
+export let field;
+export let readonly;
+export let disabled;
+export let variant;
+$: props = field.props;
+$: data = field.data;
+$: events = field.events;
+</script>
+
+<OptionSelect bind:value={data[field.keyField]} variant={variant??field.variant} readonly={readonly || field.isReadonly}
+              disabled={disabled || field.disabled} {...props} {...events}/>

package/dist/flexi-form/components/OptionsSelectField.svelte.d.ts

@@ -0,0 +1,24 @@
+import FlexiField from "../flexi_field/FlexiField";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const OptionsSelectField: $$__sveltets_2_IsomorphicComponent<{
+    field: FlexiField;
+    readonly: boolean;
+    disabled: boolean;
+    variant: "" | "outlined" | "filled";
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type OptionsSelectField = InstanceType<typeof OptionsSelectField>;
+export default OptionsSelectField;

package/dist/flexi-form/components/TextField.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">import TextEditor from "@ticatec/uniface-element/TextEditor";
+export let field;
+export let readonly;
+export let disabled;
+export let variant;
+$: props = field.props;
+$: data = field.data;
+$: events = field.events;
+</script>
+
+<TextEditor bind:value={data[field.keyField]} variant={variant??field.variant} readonly={readonly || field.isReadonly}
+            disabled={disabled || field.disabled} {...props} {...events}/>

package/dist/flexi-form/components/TextField.svelte.d.ts

@@ -0,0 +1,24 @@
+import type FlexiField from "../flexi_field/FlexiField";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const TextField: $$__sveltets_2_IsomorphicComponent<{
+    field: FlexiField;
+    readonly: boolean;
+    disabled: boolean;
+    variant: "" | "outlined" | "filled";
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type TextField = InstanceType<typeof TextField>;
+export default TextField;

package/dist/flexi-form/components/UnitNumberField.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">import UnitNumberEditor from "@ticatec/uniface-element/UnitNumberEditor";
+export let field;
+export let readonly;
+export let disabled;
+export let variant;
+$: props = field.props;
+$: data = field.data;
+$: events = field.events;
+</script>
+
+<UnitNumberEditor bind:value={data[field.keyField]} variant={variant??field.variant} readonly={readonly || field.isReadonly}
+              disabled={disabled || field.disabled} {...props} {...events}/>

package/dist/flexi-form/components/UnitNumberField.svelte.d.ts

@@ -0,0 +1,24 @@
+import type FlexiField from "../flexi_field/FlexiField";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const UnitNumberField: $$__sveltets_2_IsomorphicComponent<{
+    field: FlexiField;
+    readonly: boolean;
+    disabled: boolean;
+    variant: "" | "outlined" | "filled";
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type UnitNumberField = InstanceType<typeof UnitNumberField>;
+export default UnitNumberField;

package/dist/flexi-form/components/UnknownTypeField.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">"use strict";
+</script>
+<div>
+
+</div>

package/dist/flexi-form/components/UnknownTypeField.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const UnknownTypeField: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type UnknownTypeField = InstanceType<typeof UnknownTypeField>;
+export default UnknownTypeField;

package/dist/flexi-form/containers/FlexiPanel.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">import FlexForm from "@ticatec/uniface-element/FlexForm";
+import GridForm from "@ticatec/uniface-element/GridForm";
+export let arrangement = "vertical";
+export let mode;
+export let props = {};
+export let style = '';
+let FormContainer;
+$: FormContainer = mode === "grid" ? GridForm : FlexForm;
+</script>
+
+<svelte:component this={FormContainer} {style} fieldLayout={arrangement} {...props}>
+    <slot/>
+</svelte:component>

package/dist/flexi-form/containers/FlexiPanel.svelte.d.ts

@@ -0,0 +1,33 @@
+import type { LayoutMode } from "../lib";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const FlexiPanel: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    arrangement?: "vertical" | "horizontal";
+    mode: LayoutMode;
+    props?: any;
+    style?: string;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type FlexiPanel = InstanceType<typeof FlexiPanel>;
+export default FlexiPanel;

package/dist/flexi-form/flexi_card/FlexiCard.d.ts

@@ -0,0 +1,64 @@
+import { type LayoutMode } from "../lib";
+import type { Arrangement } from "../lib/types";
+import type { FlexiFieldSchema } from "../flexi_field/FlexiField";
+import FlexField from "../flexi_field/FlexiField";
+import FlexiField from "../flexi_field/FlexiField";
+import type { FlexiCompositeFieldSchema, FlexiCompositeSchema } from "../flexi_composite/FlexiComposite";
+import FlexiComposite from "../flexi_composite/FlexiComposite";
+import FlexiForm from "../flexi_form/FlexiForm";
+import FlexiCompound from "../FlexiCompound";
+export interface ActionSchema {
+    icon: string;
+    handler: string;
+}
+export interface FlexiCardSchema {
+    /** 所在的block，如果为空，就是在主block */
+    block?: string;
+    /** 卡片的标题 */
+    title?: string;
+    /** 布局方式，flex 或者 grid */
+    mode?: LayoutMode;
+    /** 布局的属性，对于grid，需要确定列的数量 */
+    props?: any;
+    /** 字段标题的布局方式，横向或者纵向*/
+    arrangement?: Arrangement;
+    /** 所有字段标题的格式 */
+    label$style?: string;
+    /** 在Form表单中所在单元格的属性，表单的flex布局和grid布局对应的属性也不一样 */
+    attrs?: any;
+    /** 卡片中的字段 */
+    fields: Array<FlexiFieldSchema | FlexiCompositeFieldSchema>;
+    /** 卡片是否只读 */
+    readonly?: boolean;
+    /** 卡片是否禁用 */
+    disabled?: boolean;
+    /** 字段的样式 */
+    variant?: 'filled' | 'outlined' | '';
+    /** 卡片是否支持折叠 */
+    foldable?: boolean;
+    /** 卡片对应的动作 */
+    actions?: Array<ActionSchema>;
+}
+export interface CardAction {
+    icon: string;
+    handler: () => void;
+}
+export default class FlexiCard extends FlexiCompound<FlexField | FlexiComposite | Array<FlexiComposite>> {
+    #private;
+    readonly block?: string;
+    readonly form: FlexiForm;
+    readonly arrangement: Arrangement;
+    composite: {
+        [key: string]: FlexiComposite | Array<FlexiComposite>;
+    };
+    readonly foldable: boolean;
+    protected constructor(form: FlexiForm, schema: FlexiCardSchema, data: any);
+    /**
+     * 从schema构建卡片
+     * @protected
+     */
+    protected createFromSchema(): void;
+    protected createComposite(schema: FlexiCompositeFieldSchema): FlexiComposite | Array<FlexiComposite>;
+    protected createFlexiField(fieldSchema: FlexiFieldSchema): FlexiField;
+    getCompositeSchema(name: string): FlexiCompositeSchema;
+}