@dt-frames/ui 3.0.1 → 4.0.1

package/es/components/form/src/index.scss

@@ -1,162 +0,0 @@
-@import '../../upload/src/index.scss';
-
-$textSmall: 12px;
-$textMiddle: 13px;
-$textLarge: 14px;
-
-.dt-form-btns {
-	.ant-btn-sm {
-		font-size: $textMiddle;
-        height: 30px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-	}
-}
-
-.basic-form {
-	@apply w-full;
-	
-	&__search{
-		& > div{
-			border-bottom: 1px dashed #e7e7e7;
-		}
-
-		&.basic-form__compact .ant-form-item {
-			margin-bottom: 14px;
-		}
-	}
-
-	.ant-btn {
-		@apply flex items-center justify-center;
-	}
-
-	.ant-btn,
-	.ant-input {
-		font-size: 13px;
-	}
-
-	.ant-btn.ant-btn-sm,
-	.ant-input-sm,
-	.ant-input-number-sm input,
-	.ant-picker-small {
-		font-size: $textSmall;
-	}
-
-	.ant-btn.ant-btn-lg {
-		font-size: 14px;
-		height: 34px;
-	}
-	.ant-input-lg{
-		font-size: 14px;
-	}
-
-	.ant-form-item .prefix, .suffix ,
-	.ant-input-affix-wrapper{
-		@apply flex items-center;
-	}
-
-	.ant-picker {
-		@apply w-full h-full;
-	}
-
-	.ant-form-item.small {
-		&,
-		label {
-			font-size: $textSmall;
-			line-height: 30px;
-		}
-
-		.ant-input-prefix, 
-		.ant-input-suffix,
-		.ant-input-sm,
-		.ant-picker-input input,
-		.prefix,
-		.suffix,
-		.ant-select-selector{
-			font-size: $textSmall;
-		}
-
-		.ant-form-item-explain-error {
-			font-size: $textSmall;
-			line-height: 16px;
-		}
-	}
-
-	.ant-form-item.middle {
-		&,
-		label {
-			font-size: $textMiddle;
-			line-height: 30px;
-		}
-
-		
-		.ant-input-prefix, 
-		.ant-input-suffix,
-		.ant-input,
-		.ant-picker-input input,
-		.prefix,
-		.suffix,
-		.ant-input-number input,
-		.ant-select-selector{
-			font-size: $textMiddle;
-		}
-
-		.ant-form-item-explain-error {
-			font-size: $textMiddle;
-			line-height: 20px;
-		}
-	}
-
-	.ant-form-item.large {
-		&,
-		label {
-			font-size: $textLarge;
-			line-height: 30px;
-		}
-
-		.ant-input-prefix, 
-		.ant-input-suffix,
-		.ant-input,
-		.ant-picker-input input,
-		.ant-input-number input,
-		.prefix,
-		.suffix,
-		.ant-select-selector{
-			font-size: $textLarge;
-		}
-
-		.ant-form-item-explain-error {
-			font-size: $textMiddle;
-			line-height: 20px;
-		}
-	}
-
-	.ant-select-multiple {
-		.ant-select-selector {
-			padding: 1px 4px;
-		}
-
-		.ant-select-selection-item {
-			height: 28px;
-			line-height: 26px;
-		}
-	}
-}
-
-.dt-form-btns {
-	.ant-form-item-control-input-content{
-		display: flex;
-		align-items: center;
-		gap: 12px;
-	}
-
-	.ant-btn:disabled .dt-icon {
-		color: rgba(51, 51, 51, 0.25) !important;
-	}
-}
-
-.ant-input-number,
-.ant-picker{
-	width: 100%;
-}

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

@@ -1,165 +0,0 @@
-import { Recordable } from '@dt-frames/core';
-import { PropType, Ref } from 'vue';
-import { ButtonProps, ColEx, FormSchema } from './types/form.type';
-import type { FormActionType } from './types/actions.type';
-export declare const BasicProps: {
-    mode: {
-        type: PropType<"search" | "dialog">;
-        default: string;
-    };
-    autoFetch: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    model: {
-        type: PropType<Recordable>;
-        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<ColEx>>;
-        default: () => {};
-    };
-    wrapperCol: {
-        type: PropType<Partial<ColEx>>;
-        default: () => {};
-    };
-    rowProps: {
-        type: PropType<Partial<import("vue").ExtractPropTypes<{
-            align: {
-                type: PropType<"top" | "stretch" | "bottom" | "middle" | {
-                    xxl?: "top" | "stretch" | "bottom" | "middle";
-                    xl?: "top" | "stretch" | "bottom" | "middle";
-                    lg?: "top" | "stretch" | "bottom" | "middle";
-                    md?: "top" | "stretch" | "bottom" | "middle";
-                    sm?: "top" | "stretch" | "bottom" | "middle";
-                    xs?: "top" | "stretch" | "bottom" | "middle";
-                }>;
-                default: "top" | "stretch" | "bottom" | "middle" | {
-                    xxl?: "top" | "stretch" | "bottom" | "middle";
-                    xl?: "top" | "stretch" | "bottom" | "middle";
-                    lg?: "top" | "stretch" | "bottom" | "middle";
-                    md?: "top" | "stretch" | "bottom" | "middle";
-                    sm?: "top" | "stretch" | "bottom" | "middle";
-                    xs?: "top" | "stretch" | "bottom" | "middle";
-                };
-            };
-            justify: {
-                type: PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center" | {
-                    xxl?: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
-                    xl?: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
-                    lg?: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
-                    md?: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
-                    sm?: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
-                    xs?: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
-                }>;
-                default: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center" | {
-                    xxl?: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
-                    xl?: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
-                    lg?: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
-                    md?: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
-                    sm?: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
-                    xs?: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
-                };
-            };
-            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<ColEx>>;
-    };
-    span: {
-        type: NumberConstructor;
-    };
-    size: {
-        type: PropType<"small" | "large" | "middle">;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    compact: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    schemas: {
-        type: PropType<FormSchema[]>;
-        default: () => any[];
-    };
-    autoFetchOnEnter: {
-        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: {
-        type: PropType<(params: Recordable) => void>;
-        default: (params: Recordable) => void;
-    };
-    onReset: {
-        type: PropType<(params: Recordable) => void>;
-        default: (params: Recordable) => void;
-    };
-    buttons: {
-        type: PropType<boolean | ButtonProps[]>;
-        default: boolean;
-    };
-    modelChange: {
-        type: PropType<(params: Recordable, key?: string, value?: any) => void>;
-        default: (params: Recordable, key: string, value: any) => void;
-    };
-    resetFunc: {
-        type: PropType<() => void>;
-    };
-    registerInstance: {
-        type: PropType<(instance: FormActionType) => void>;
-    };
-};

package/es/components/form/src/types/actions.type.d.ts

@@ -1,15 +0,0 @@
-import { Recordable } from '@dt-frames/core';
-import { FormProps, FormSchema } from './form.type';
-export type FormActionType = {
-    setProps: (props: FormProps) => void;
-    updateSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => void;
-    resetSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => void;
-    clearValidate: (name?: string | string[]) => Promise<void>;
-    resetForms: () => void;
-    removeFormByName: (name: string | string[]) => void;
-    setFormValues: (values: Recordable) => Promise<void>;
-    appendFormItems: (schema: FormSchema[], prefixField: string | undefined, first?: boolean | undefined) => void;
-    validate: (nameList?: (string | number)[]) => Promise<any>;
-    validateFields: (nameList?: (string | number)[]) => Promise<any>;
-    getFormValues: () => Recordable;
-};

package/es/components/form/src/types/form.type.d.ts

@@ -1,113 +0,0 @@
-import { Ref, ComputedRef, VNode } from 'vue';
-import { Recordable } from '@dt-frames/core';
-import { TooltipProps } from 'ant-design-vue/es/tooltip/Tooltip';
-import type { RowProps } from 'ant-design-vue/es/grid/Row';
-import { RuleObject } from 'ant-design-vue/es/form/interface';
-import { FormActionType } from './actions.type';
-import type { Cascader, Checkbox, CheckboxGroup, DatePicker, Divider, Input, InputGroup, InputNumber, InputPassword, InputSearch, InputTextArea, InputWithDialog, Radio, RadioGroup, RangePicker, Rate, Select, Switch, TimePicker, TreeSelect, Upload } from "./items.type";
-export type ButtonFlag = 'OK' | 'CANCEL';
-export type Rule = RuleObject & {
-    trigger?: 'blur' | 'change' | ['change', 'blur'];
-};
-export type ComponentType = 'Input' | 'InputWithDialog' | 'InputGroup' | 'InputPassword' | 'InputSearch' | 'InputTextArea' | 'InputNumber' | 'Select' | 'TreeSelect' | 'Radio' | 'RadioButtonGroup' | 'RadioGroup' | 'Checkbox' | 'CheckboxGroup' | 'AutoComplete' | 'Cascader' | 'DatePicker' | 'MonthPicker' | 'RangePicker' | 'WeekPicker' | 'TimePicker' | 'Switch' | 'Upload' | 'Slider' | 'Rate' | 'Divider';
-export type FormProps = {
-    mode?: 'search' | 'dialog' | null;
-    model?: Recordable;
-    layout?: 'vertical' | 'inline' | 'horizontal';
-    allowClear?: boolean;
-    compact?: boolean;
-    labelWidth?: number | string;
-    enLabelWidth?: number | string;
-    labelAlign?: 'left' | 'right';
-    labelCol?: Partial<ColEx>;
-    wrapperCol?: Partial<ColEx>;
-    rowProps?: RowProps;
-    colProps?: ColEx;
-    span?: number;
-    size?: 'small' | 'middle' | 'large' | undefined;
-    disabled?: boolean;
-    schemas?: FormSchema[];
-    autoFeatchOnEnter?: boolean;
-    autoFetch?: Boolean;
-    minShowColumn?: number;
-    showAdvancedButton?: boolean;
-    scrollToFirstError?: boolean;
-    colon?: boolean;
-    onSearch?: (params: Recordable) => void;
-    onReset?: (params: Recordable) => void;
-    buttons?: ButtonProps[] | null | boolean;
-    loading?: {
-        [key: string]: Ref<boolean>;
-    };
-    modelChange?: (params: Recordable, key?: string, value?: any) => void;
-    resetFunc?: () => void;
-    registerInstance?: (instance: FormActionType) => void;
-};
-type Schema<ComponentType, T> = {
-    t?: string;
-    component?: ComponentType;
-    label?: string;
-    subLabel?: string;
-    labelWidth?: string | number;
-    enLabelWidth?: string | number;
-    toolTip?: boolean | ((model: Recordable) => boolean);
-    toolTipProps?: TooltipProps;
-    name?: string | string[];
-    changeEvent?: string;
-    valueField?: string;
-    props?: ((model: Recordable) => T) | T;
-    required?: boolean | ((model: Recordable) => boolean) | Ref<boolean> | ComputedRef<boolean>;
-    suffix?: string | number | VNode | ((model: Recordable) => VNode | VNode[] | string);
-    prefix?: string | number | VNode | ((model: Recordable) => VNode | VNode[] | string);
-    rules?: Rule[];
-    rulesMessageJoinLabel?: boolean;
-    validateTrigger?: string | string[] | false;
-    defaultValue?: any;
-    show?: boolean | ((model: Recordable) => boolean);
-    render?: (model: Recordable) => VNode | VNode[] | string;
-    renderCol?: (model: Recordable) => VNode | VNode[] | string;
-    colProps?: Partial<ColEx>;
-    span?: number;
-    renderComponent?: ((model: Recordable) => Recordable) | VNode | VNode[] | string;
-    slot?: string;
-    colSlot?: string;
-    disabled?: boolean | ((model: Recordable) => boolean);
-    dynamicRules?: (model: Recordable) => Rule[];
-    colon?: boolean;
-    labelCol?: Partial<ColEx>;
-    wrapperCol?: Partial<ColEx>;
-    isAdvanced?: boolean;
-    extraName?: string[];
-    description?: String;
-};
-export type FormSchema = Schema<'Input', Input> | Schema<'InputWithDialog', InputWithDialog> | Schema<'InputGroup', InputGroup> | Schema<'InputPassword', InputPassword> | Schema<'InputSearch', InputSearch> | Schema<'InputTextArea', InputTextArea> | Schema<'InputNumber', InputNumber> | Schema<'Select', Select> | Schema<'TreeSelect', TreeSelect> | Schema<'Radio', Radio> | Schema<'RadioButtonGroup', Radio> | Schema<'RadioGroup', RadioGroup> | Schema<'Checkbox', Checkbox> | Schema<'CheckboxGroup', CheckboxGroup> | Schema<'AutoComplete', Recordable> | Schema<'Cascader', Cascader> | Schema<'DatePicker', DatePicker> | Schema<'MonthPicker', DatePicker> | Schema<'RangePicker', RangePicker> | Schema<'WeekPicker', DatePicker> | Schema<'TimePicker', TimePicker> | Schema<'Switch', Switch> | Schema<'Slider', {
-    disabled?: boolean;
-    [key: string]: any;
-}> | Schema<'Rate', Rate> | Schema<'Divider', Divider> | Schema<'Upload', Upload>;
-export type ButtonProps = {
-    t?: string;
-    label: string;
-    color?: string;
-    type?: 'primary' | 'ghost' | 'dashed' | 'link' | 'text' | 'default' | undefined;
-    class?: string;
-    disabled?: boolean;
-    show?: boolean | Ref<boolean> | ComputedRef<boolean>;
-    preIcon?: string;
-    postIcon?: string;
-    auth?: string;
-    flag?: ButtonFlag;
-    loading?: Ref<boolean>;
-    onClick?: (args?: any) => any;
-};
-export type ColEx = {
-    style?: any;
-    span?: number | string;
-    pull?: number;
-    push?: number;
-    order?: number | string;
-    offset?: number | string;
-    md?: number | string;
-    xl?: number | string;
-    xxl?: number | string;
-};
-export {};