@dt-frames/ui 2.0.1 → 2.0.3

package/es/components/form/index.less

@@ -0,0 +1,141 @@
+.basic-form{
+	&__search{
+		padding: 0 10px;
+		& > div{
+			border-bottom: 1px dashed #e7e7e7;
+		}
+
+		&.basic-form__compact .ant-form-item {
+			margin-bottom: 14px;
+		}
+	}
+
+	&__dialog {
+		.ant-form-item {
+			margin-bottom: 20px;
+		}
+	}
+
+	&__compact {
+		.ant-form-item-control-input-content .ant-form-item {
+			margin-bottom: 0;
+		}
+
+		.ant-form-item-has-error.ant-form-item.small{
+			margin-bottom: 0;
+		}
+	}
+
+	.ant-form-item.small {
+		line-height: 30px;
+		font-size: 12px;
+
+		.ant-form-item-label label {
+			font-size: 12px;
+			height: 30px;
+		}
+
+		.ant-input-affix-wrapper-sm{
+			line-height: 30px;
+			height: 30px;
+
+			.ant-input-sm{
+				height: 28px;
+				font-size: 12px;
+			}
+		}
+
+		.ant-input-prefix, .ant-input-suffix{
+			font-size: 12px;
+		}
+
+		.prefix, .suffix {
+			height: 30px;
+		}
+
+		.ant-form-item-explain{
+			height: 16px;
+			min-height: 16px;
+		}
+		.ant-form-item-explain-error{
+			font-size: 12px;
+			line-height: 16px;
+		}
+
+		.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input,
+		.ant-select-multiple.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
+			height: 30px;
+			line-height: 28px;
+		}
+
+		.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{
+			height: 30px;
+		}
+
+		.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
+		.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
+		.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder{
+			line-height: 28px;
+			font-size: 12px;
+		}
+
+		.ant-select-multiple.ant-select-sm {
+			font-size: 12px;
+			.ant-select-selector{
+				min-height: 30px;
+				input{
+					height: 16px !important;
+					line-height: 16px !important;
+				}
+			}
+			.anticon {
+				display: flex;
+			}
+		}
+
+		.ant-radio-group-small label, .ant-checkbox-group-item {
+			font-size: 12px;
+			line-height: 30px;
+			height: 30px;
+		}
+
+		.ant-picker{
+			width: 100%;
+			height: 100%;
+			&-input input{
+				font-size: 12px;
+			}
+		}
+	}
+
+	.ant-input-number {
+		width: 100%;
+		height: 100%;
+		&.ant-input-number-sm{
+			line-height: 28px;
+    		font-size: 12px;
+		}
+	}
+
+	.anticon-swap-right{
+		display: block;
+	}
+}
+
+.ant-select-dropdown.small .ant-select-item.ant-select-item-option {
+	font-size: 12px;
+    line-height: 20px;
+    min-height: 30px;
+}
+
+.ant-picker-dropdown.small {
+	font-size: 12px;
+}
+
+.dt-form-btns {
+	.ant-form-item-control-input-content{
+		display: flex;
+		gap: 12px;
+	}
+}
+

package/es/components/form/src/components/FormButtons.d.ts

@@ -0,0 +1,88 @@
+import { Recordable } from '@dt-frames/core';
+import { PropType } from 'vue';
+import { ButtonProps } from '../types/form.type';
+declare const _sfc_main: import("vue").DefineComponent<{
+    mode: {
+        type: PropType<"search" | "dialog">;
+        default: string;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAdvancedButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    minShowColumn: {
+        type: NumberConstructor;
+        default: number;
+    };
+    buttonList: {
+        type: PropType<ButtonProps[]>;
+        default: any[];
+    };
+    isAdvanced: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    props: any;
+    emits: (event: "handle-method", ...args: any[]) => void;
+    t: {
+        (key: string): string;
+        (key: string, locale: string): string;
+        (key: string, locale: string, list: unknown[]): string;
+        (key: string, locale: string, named: Record<string, unknown>): string;
+        (key: string, list: unknown[]): string;
+        (key: string, named: Record<string, unknown>): string;
+    };
+    advancedRef: import("vue").Ref<{
+        valueOf: () => boolean;
+    }>;
+    key: number;
+    showAdvanceRef: import("vue").ComputedRef<boolean>;
+    colOpt: import("vue").ComputedRef<{
+        style: Recordable<any>;
+    }>;
+    getAdvanceClass: import("vue").ComputedRef<(string | {
+        'basic-arrow--active': boolean;
+    })[]>;
+    toggleAdvanced: () => void;
+    handleBtnClick: (button: ButtonProps) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "handle-method"[], "handle-method", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    mode: {
+        type: PropType<"search" | "dialog">;
+        default: string;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAdvancedButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    minShowColumn: {
+        type: NumberConstructor;
+        default: number;
+    };
+    buttonList: {
+        type: PropType<ButtonProps[]>;
+        default: any[];
+    };
+    isAdvanced: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onHandle-method"?: (...args: any[]) => any;
+}, {
+    mode: "search" | "dialog";
+    show: boolean;
+    showAdvancedButton: boolean;
+    minShowColumn: number;
+    buttonList: ButtonProps[];
+    isAdvanced: boolean;
+}>;
+export default _sfc_main;

package/es/components/form/src/components/FormItem.d.ts

@@ -0,0 +1,165 @@
+import { PropType, Ref } from 'vue';
+import { Recordable } from '@dt-frames/core';
+import { FormActionType } from '../types/actions.type';
+import { FormSchema } from '../types/form.type';
+declare const _sfc_main: {
+    name: string;
+    inheritAttrs: boolean;
+    props: {
+        schema: {
+            type: PropType<FormSchema>;
+            default: () => {};
+        };
+        formProps: {
+            type: PropType<Partial<import("vue").ExtractPropTypes<{
+                mode: {
+                    type: PropType<"search" | "dialog">;
+                    default: string;
+                };
+                autoFetch: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                model: {
+                    type: PropType<Recordable<any>>;
+                    default: () => {};
+                };
+                layout: {
+                    type: PropType<"vertical" | "horizontal" | "inline">;
+                    default: string;
+                };
+                labelWidth: {
+                    type: PropType<string | number>;
+                    default: number;
+                };
+                enLabelWidth: {
+                    type: PropType<string | number>;
+                    default: number;
+                };
+                labelAlign: {
+                    type: PropType<"left" | "right">;
+                    default: string;
+                };
+                labelCol: {
+                    type: PropType<Partial<import("../types/form.type").ColEx>>;
+                    default: () => {};
+                };
+                wrapperCol: {
+                    type: PropType<Partial<import("../types/form.type").ColEx>>;
+                    default: () => {};
+                };
+                rowProps: {
+                    type: PropType<Partial<import("vue").ExtractPropTypes<{
+                        align: PropType<"stretch" | "bottom" | "top" | "middle">;
+                        justify: PropType<"space-around" | "space-between" | "center" | "end" | "start">;
+                        prefixCls: StringConstructor;
+                        gutter: {
+                            type: PropType<import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter]>;
+                            default: import("ant-design-vue/lib/grid/Row").Gutter | [import("ant-design-vue/lib/grid/Row").Gutter, import("ant-design-vue/lib/grid/Row").Gutter];
+                        };
+                        wrap: {
+                            type: BooleanConstructor;
+                            default: any;
+                        };
+                    }>>>;
+                    default: () => {};
+                };
+                colProps: {
+                    type: PropType<Partial<import("../types/form.type").ColEx>>;
+                    default: () => {};
+                };
+                size: {
+                    type: PropType<"small" | "middle" | "large">;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                compact: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                schemas: {
+                    type: PropType<FormSchema[]>;
+                    default: () => any[];
+                };
+                autoSearchOnEnter: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                alwaysShowLines: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                minShowColumn: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                showAdvancedButton: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                allowClear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollToFirstError: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                colon: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: PropType<{
+                        [key: string]: Ref<boolean>;
+                    }>;
+                    default: () => {
+                        onSearch: Ref<boolean>;
+                        onReset: Ref<boolean>;
+                    };
+                };
+                onSearch: {
+                    type: PropType<(params: Recordable<any>) => void>;
+                    default: (params: Recordable<any>) => void;
+                };
+                onReset: {
+                    type: PropType<(params: Recordable<any>) => void>;
+                    default: (params: Recordable<any>) => void;
+                };
+                buttons: {
+                    type: PropType<boolean | import("../types/form.type").ButtonProps[]>;
+                    default: boolean;
+                };
+                resetFunc: {
+                    type: PropType<() => void>;
+                };
+                registerInstance: {
+                    type: PropType<(instance: FormActionType) => void>;
+                };
+            }>>>;
+            default: () => {};
+        };
+        defaultValues: {
+            type: PropType<Recordable<any>>;
+            default: () => {};
+        };
+        formModel: {
+            type: PropType<Recordable<any>>;
+            default: () => {};
+        };
+        setFormModel: {
+            type: PropType<(key: string, value: any) => void>;
+        };
+        formActionType: {
+            type: PropType<FormActionType>;
+        };
+    };
+    setup(props: any, { emit, slots }: {
+        emit: any;
+        slots: any;
+    }): () => JSX.Element;
+};
+export default _sfc_main;

package/es/components/form/src/components/componentMap.d.ts

@@ -0,0 +1,4 @@
+import { Component } from "vue";
+import { ComponentType } from "../types/form.type";
+declare const componentMap: Map<ComponentType, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+export { componentMap };