@dt-frames/ui 2.0.0 → 2.0.2

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";
+    minShowColumn: number;
+    showAdvancedButton: boolean;
+    show: boolean;
+    isAdvanced: boolean;
+    buttonList: ButtonProps[];
+}>;
+export default _sfc_main;

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

@@ -0,0 +1,313 @@
+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: import("vue").DefineComponent<{
+    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: () => void;
+            };
+            wrapperCol: {
+                type: PropType<Partial<import("../types/form.type").ColEx>>;
+                default: () => void;
+            };
+            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: () => void;
+            };
+            colProps: {
+                type: PropType<Partial<import("../types/form.type").ColEx>>;
+                default: () => void;
+            };
+            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>;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    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: () => void;
+            };
+            wrapperCol: {
+                type: PropType<Partial<import("../types/form.type").ColEx>>;
+                default: () => void;
+            };
+            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: () => void;
+            };
+            colProps: {
+                type: PropType<Partial<import("../types/form.type").ColEx>>;
+                default: () => void;
+            };
+            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>;
+    };
+}>>, {
+    formModel: {};
+    schema: {};
+    formProps: {};
+    defaultValues: {};
+}>;
+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 };