@zhsz/cool-design-crud
Version:
184 lines (183 loc) • 7.23 kB
TypeScript
import { PropType } from 'vue';
interface ResponsiveValue {
xxl?: number;
xl?: number;
lg?: number;
md?: number;
sm?: number;
xs?: number;
}
declare const _default: import("vue").DefineComponent<{
inner: BooleanConstructor;
inline: BooleanConstructor;
/**
* @zh 表单的布局方式，包括水平、垂直、多列
* @en The layout of the form, including horizontal, vertical, and multi-column
* @values 'horizontal', 'vertical', 'inline'
*/
layout: {
type: PropType<"vertical" | "horizontal" | "inline">;
default: string;
};
/**
* @zh 标签元素布局选项。参数同 `<col>` 组件一致
* @en Label element layout options. The parameters are the same as the `<col>` component
*/
labelColProps: {
type: ObjectConstructor;
};
/**
* @zh 表单控件布局选项。参数同 `<col>` 组件一致
* @en Form control layout options. The parameters are the same as the `<col>` component
*/
wrapperColProps: {
type: ObjectConstructor;
};
labelColStyle: ObjectConstructor;
wrapperColStyle: ObjectConstructor;
/**
* @zh 标签的对齐方向
* @en Alignment direction of the label
* @values 'left', 'right'
*/
labelAlign: {
type: PropType<"left" | "right">;
default: string;
};
/**
* @zh 是否开启自动标签宽度，仅在 `layout="horizontal"` 下生效。
* @en Whether to enable automatic label width, it only takes effect under `layout="horizontal"`.
* @version 2.13.0
*/
autoLabelWidth: {
type: BooleanConstructor;
default: boolean;
};
customClass: StringConstructor;
/** 副作用逻辑，用于实现各种联动逻辑 */
formEffects: PropType<(form: ClForm.Form) => void>;
formRow: {
type: PropType<{
class?: string | undefined;
style?: string | {
[key: string]: string;
} | undefined;
/** 栅格间隔，单位是px 栅格间隔。可传入响应式对象写法 { xs: 4, sm: 6, md: 12}，传入数组 [ 水平间距， 垂直间距 ] 来设置两个方向 */
gutter?: number | ResponsiveValue | [number | ResponsiveValue, number | ResponsiveValue] | undefined;
/** 水平对齐方式 (justify-content) */
justify?: "space-around" | "space-between" | "center" | "end" | "start" | undefined;
/** 竖直对齐方式 ( align-items ) */
align?: "stretch" | "center" | "end" | "start" | undefined;
/** 开启这个选项Row和Col都会被当作div而不会附带任何Grid相关的类和样式 */
div?: boolean | undefined;
/** Col 是否支持换行 */
wrap?: boolean | undefined;
}>;
default: () => {
style: string;
gutter: number[];
justify: string;
align: string;
div: boolean;
wrap: boolean;
};
};
}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
inner: BooleanConstructor;
inline: BooleanConstructor;
/**
* @zh 表单的布局方式，包括水平、垂直、多列
* @en The layout of the form, including horizontal, vertical, and multi-column
* @values 'horizontal', 'vertical', 'inline'
*/
layout: {
type: PropType<"vertical" | "horizontal" | "inline">;
default: string;
};
/**
* @zh 标签元素布局选项。参数同 `<col>` 组件一致
* @en Label element layout options. The parameters are the same as the `<col>` component
*/
labelColProps: {
type: ObjectConstructor;
};
/**
* @zh 表单控件布局选项。参数同 `<col>` 组件一致
* @en Form control layout options. The parameters are the same as the `<col>` component
*/
wrapperColProps: {
type: ObjectConstructor;
};
labelColStyle: ObjectConstructor;
wrapperColStyle: ObjectConstructor;
/**
* @zh 标签的对齐方向
* @en Alignment direction of the label
* @values 'left', 'right'
*/
labelAlign: {
type: PropType<"left" | "right">;
default: string;
};
/**
* @zh 是否开启自动标签宽度，仅在 `layout="horizontal"` 下生效。
* @en Whether to enable automatic label width, it only takes effect under `layout="horizontal"`.
* @version 2.13.0
*/
autoLabelWidth: {
type: BooleanConstructor;
default: boolean;
};
customClass: StringConstructor;
/** 副作用逻辑，用于实现各种联动逻辑 */
formEffects: PropType<(form: ClForm.Form) => void>;
formRow: {
type: PropType<{
class?: string | undefined;
style?: string | {
[key: string]: string;
} | undefined;
/** 栅格间隔，单位是px 栅格间隔。可传入响应式对象写法 { xs: 4, sm: 6, md: 12}，传入数组 [ 水平间距， 垂直间距 ] 来设置两个方向 */
gutter?: number | ResponsiveValue | [number | ResponsiveValue, number | ResponsiveValue] | undefined;
/** 水平对齐方式 (justify-content) */
justify?: "space-around" | "space-between" | "center" | "end" | "start" | undefined;
/** 竖直对齐方式 ( align-items ) */
align?: "stretch" | "center" | "end" | "start" | undefined;
/** 开启这个选项Row和Col都会被当作div而不会附带任何Grid相关的类和样式 */
div?: boolean | undefined;
/** Col 是否支持换行 */
wrap?: boolean | undefined;
}>;
default: () => {
style: string;
gutter: number[];
justify: string;
align: string;
div: boolean;
wrap: boolean;
};
};
}>>, {
layout: "vertical" | "horizontal" | "inline";
inline: boolean;
labelAlign: "left" | "right";
autoLabelWidth: boolean;
inner: boolean;
formRow: {
class?: string | undefined;
style?: string | {
[key: string]: string;
} | undefined;
/** 栅格间隔，单位是px 栅格间隔。可传入响应式对象写法 { xs: 4, sm: 6, md: 12}，传入数组 [ 水平间距， 垂直间距 ] 来设置两个方向 */
gutter?: number | ResponsiveValue | [number | ResponsiveValue, number | ResponsiveValue] | undefined;
/** 水平对齐方式 (justify-content) */
justify?: "space-around" | "space-between" | "center" | "end" | "start" | undefined;
/** 竖直对齐方式 ( align-items ) */
align?: "stretch" | "center" | "end" | "start" | undefined;
/** 开启这个选项Row和Col都会被当作div而不会附带任何Grid相关的类和样式 */
div?: boolean | undefined;
/** Col 是否支持换行 */
wrap?: boolean | undefined;
};
}, {}>;
export default _default;