@dt-frames/ui 2.0.23 → 3.0.1

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

@@ -1,38 +1,60 @@
-import { Recordable } from "@dt-frames/core";
-import { ComputedRef, ExtractPropTypes, Ref, VNode } from "vue";
+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 { TooltipProps } from "ant-design-vue/es/tooltip/Tooltip";
-import { BasicProps } from "../props";
+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 declare type ButtonFlag = 'OK' | 'CANCEL';
-export declare type Rule = RuleObject & {
+export type ButtonFlag = 'OK' | 'CANCEL';
+export type Rule = RuleObject & {
     trigger?: 'blur' | 'change' | ['change', 'blur'];
 };
-export declare type FormProps = Partial<ExtractPropTypes<typeof BasicProps>>;
-export declare 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' | 'Upload';
-export declare 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 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;
 };
-declare type Schema<ComponentType, T> = {
+type Schema<ComponentType, T> = {
     t?: string;
-    name?: string | string[];
-    changeEvent?: string;
-    valueField?: string;
+    component?: ComponentType;
     label?: string;
     subLabel?: string;
     labelWidth?: string | number;
     enLabelWidth?: string | number;
     toolTip?: boolean | ((model: Recordable) => boolean);
     toolTipProps?: TooltipProps;
-    component?: ComponentType;
+    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);
@@ -58,14 +80,14 @@ declare type Schema<ComponentType, T> = {
     extraName?: string[];
     description?: String;
 };
-export declare 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', {
+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 declare type ButtonProps = {
+export type ButtonProps = {
     t?: string;
     label: string;
-    color?: 'error' | 'warning' | 'success' | '';
+    color?: string;
     type?: 'primary' | 'ghost' | 'dashed' | 'link' | 'text' | 'default' | undefined;
     class?: string;
     disabled?: boolean;
@@ -77,4 +99,15 @@ export declare type ButtonProps = {
     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 {};

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

@@ -1,10 +1,10 @@
 import { UploadFile } from '../../../upload';
-import { DtEvent, Recordable, SelectOptions } from "@dt-frames/core";
-import { UploadRequestOption } from "ant-design-vue/es/vc-upload/interface";
-import dayjs from "dayjs";
-import { Ref, Slot, VNode, CSSProperties, ComputedRef } from "vue";
-declare type StrOrDynamicStr = string | Ref<string> | ComputedRef<string>;
-declare type BaseInput = {
+import { DtEvent, Recordable, SelectOptions } from '@dt-frames/core';
+import { UploadRequestOption } from 'ant-design-vue/es/vc-upload/interface';
+import dayjs from 'dayjs';
+import { Ref, Slot, VNode, CSSProperties, ComputedRef } from 'vue';
+type StrOrDynamicStr = string | Ref<string> | ComputedRef<string>;
+type BaseInput = {
     placeholder?: StrOrDynamicStr;
     addonAfter?: string | VNode;
     addonBefore?: string | VNode;
@@ -20,33 +20,33 @@ declare type BaseInput = {
     suffix?: string | VNode;
     [key: string]: any;
 };
-export declare type Input = BaseInput & {
+export type Input = BaseInput & {
     onChange?: (e: DtEvent, model: Recordable) => void;
     onPressEnter?: (e: DtEvent, model: Recordable) => void;
 };
-export declare type InputGroup = {
+export type InputGroup = {
     defaultValue?: any[];
     compact?: boolean;
     size?: 'large' | 'default' | 'small';
     [key: string]: any;
 };
-export declare type InputPassword = Input & {
+export type InputPassword = Input & {
     visibilityToggle?: boolean;
     onChange?: (e: DtEvent, model: Recordable) => void;
 };
-export declare type InputSearch = Input & {
+export type InputSearch = Input & {
     enterButton?: boolean | VNode;
     loading?: boolean | Ref<boolean>;
     onSearch?: (searchValue: string) => void;
     onChange?: (e: DtEvent, model: Recordable) => void;
 };
-export declare type InputTextArea = Input & {
+export type InputTextArea = Input & {
     autosize?: boolean | object;
     rows?: number;
     onPressEnter?: (e: DtEvent, model: Recordable) => void;
     onChange?: (e: DtEvent, model: Recordable) => void;
 };
-export declare type InputNumber = {
+export type InputNumber = {
     addonAfter?: string | VNode;
     addonBefore?: string | VNode;
     autofocus?: boolean;
@@ -76,7 +76,7 @@ export declare type InputNumber = {
     }, model: Recordable) => void;
     [key: string]: any;
 };
-export declare type Select = {
+export type Select = {
     allowClear?: boolean;
     autoClearSearchValue?: boolean;
     autofocus?: boolean;
@@ -85,7 +85,7 @@ export declare type Select = {
     defaultActiveFirstOption?: boolean;
     defaultOpen?: boolean;
     disabled?: boolean | Ref<boolean>;
-    dropdownClassName?: string;
+    popupClassName?: string;
     dropdownMatchSelectWidth?: boolean | number;
     dropdownMenuStyle?: CSSProperties;
     dropdownRender?: ({ menuNode, props }: {
@@ -130,7 +130,7 @@ export declare type Select = {
     onSelect?: (value: string | number | boolean, option: SelectOptions, model: Recordable) => void;
     [key: string]: any;
 };
-declare type TreeNode = {
+type TreeNode = {
     checkable?: boolean;
     disableCheckbox?: boolean;
     disabled?: boolean;
@@ -142,7 +142,7 @@ declare type TreeNode = {
     children?: TreeNode[];
     [key: string]: any;
 };
-export declare type TreeSelect = {
+export type TreeSelect = {
     allowClear?: boolean;
     defaultValue?: string | string[];
     disabled?: boolean | Ref<boolean>;
@@ -170,7 +170,7 @@ export declare type TreeSelect = {
     size?: 'large' | 'default' | 'small';
     treeCheckable?: boolean;
     treeCheckStrictly?: boolean;
-    treeData?: TreeNode[];
+    treeData?: TreeNode[] | Ref<TreeNode[]> | ComputedRef<TreeNode[]>;
     treeDataSimpleMode?: boolean;
     treeDefaultExpandAll?: boolean;
     treeDefaultExpandedKeys?: string[] | number[];
@@ -187,14 +187,14 @@ export declare type TreeSelect = {
     onTreeExpand?: (expandedKeys: (string | number)[], model: Recordable) => void;
     [key: string]: any;
 };
-export declare type Radio = {
+export type Radio = {
     autofocus?: boolean;
     defaultValue?: string | number;
     disabled?: boolean | Ref<boolean>;
     value?: string | number;
     [key: string]: any;
 };
-export declare type RadioGroup = {
+export type RadioGroup = {
     buttonStyle?: 'outline' | 'solid';
     disabled?: boolean;
     name?: string;
@@ -204,7 +204,7 @@ export declare type RadioGroup = {
     defaultValue?: string | number | boolean;
     [key: string]: any;
 };
-export declare type Checkbox = {
+export type Checkbox = {
     autofocus?: boolean;
     defaultValue?: string | number | boolean;
     disabled?: boolean;
@@ -213,7 +213,7 @@ export declare type Checkbox = {
     onChange?: (e: Event, model: Recordable) => void;
     [key: string]: any;
 };
-export declare type CheckboxGroup = {
+export type CheckboxGroup = {
     defaultValue?: (string | number | boolean)[];
     disabled?: boolean;
     name?: string;
@@ -227,7 +227,7 @@ export declare type CheckboxGroup = {
     onChange?: (checkedValue: (string | number | boolean)[], model: Recordable) => void;
     [key: string]: any;
 };
-declare type CascaderOption = {
+type CascaderOption = {
     value?: string | number;
     label?: any;
     disabled?: boolean;
@@ -235,7 +235,7 @@ declare type CascaderOption = {
     children?: CascaderOption[];
     [key: string]: any;
 };
-export declare type Cascader = {
+export type Cascader = {
     allowClear?: boolean;
     autofocus?: boolean;
     bordered?: boolean;
@@ -274,7 +274,7 @@ export declare type Cascader = {
     onSearch?: (val: string | number, model: Recordable) => void;
     [key: string]: any;
 };
-declare type BaseDatepicker = {
+type BaseDatepicker = {
     allowClear?: boolean;
     autofocus?: boolean;
     bordered?: boolean;
@@ -292,7 +292,7 @@ declare type BaseDatepicker = {
     onOpenChange?: (status: boolean, model: Recordable) => void;
     onPanelChange?: (val: any, mode: any, model: Recordable) => void;
 };
-export declare type DatePicker = BaseDatepicker & {
+export type DatePicker = BaseDatepicker & {
     defaultPickerValue?: dayjs.Dayjs;
     disabledTime?: (date: dayjs.Dayjs) => boolean;
     format?: string | ((value: dayjs.Dayjs) => string) | (string | ((value: dayjs.Dayjs) => string))[];
@@ -305,7 +305,7 @@ export declare type DatePicker = BaseDatepicker & {
     onOk?: (date: dayjs.Dayjs | string, model: Recordable) => void;
     [key: string]: any;
 };
-export declare type RangePicker = BaseDatepicker & {
+export type RangePicker = BaseDatepicker & {
     allowEmpty?: [boolean, boolean];
     defaultPickerValue?: dayjs.Dayjs[];
     disabled?: [boolean, boolean];
@@ -321,7 +321,7 @@ export declare type RangePicker = BaseDatepicker & {
     onOk?: (date: [dayjs.Dayjs, dayjs.Dayjs] | [string, string], model: Recordable) => void;
     [key: string]: any;
 };
-export declare type TimePicker = {
+export type TimePicker = {
     allowClear?: boolean;
     autofocus?: boolean;
     defaultPickerValue?: string | dayjs.Dayjs;
@@ -345,7 +345,7 @@ export declare type TimePicker = {
     onOpenChange?: (open: boolean) => void;
     [key: string]: any;
 };
-export declare type Switch = {
+export type Switch = {
     autofocus?: boolean;
     checkedChildren?: string | VNode;
     defaultPickerValue?: boolean | string | number;
@@ -359,7 +359,7 @@ export declare type Switch = {
     onClick?: (checked: boolean | string | number, event: Event, model: Recordable) => void;
     [key: string]: any;
 };
-export declare type Rate = {
+export type Rate = {
     allowClear?: boolean;
     allowHalf?: boolean;
     autofocus?: boolean;
@@ -372,7 +372,7 @@ export declare type Rate = {
     onChange?: (value: number) => void;
     [key: string]: any;
 };
-export declare type Divider = {
+export type Divider = {
     dashed?: boolean;
     orientation?: boolean;
     orientationMargin?: string | number;
@@ -380,17 +380,17 @@ export declare type Divider = {
     type?: 'horizontal' | 'vertical';
     [key: string]: any;
 };
-export declare type InputWithDialog = Input & {
+export type InputWithDialog = Input & {
     openDialog?: (model: Recordable) => void;
 };
-export declare type FieldNames = {
+export type FieldNames = {
     fileId?: string;
     fileName?: string;
     filePath?: string;
     fileSize?: string;
     fileType?: string;
 };
-export declare type Upload = {
+export type Upload = {
     uploadUrl?: string;
     downloadUrl?: string;
     buttonText?: string;

package/es/components/form/src/{hooks → utils}/helper.d.ts

@@ -12,3 +12,10 @@ export declare const DATE_MODE_TYPE: {
 export declare function createPlaceholder(component: ComponentType): string;
 export declare function setComponentRuleType(rule: Rule, component: ComponentType, valueFormat: string): void;
 export declare function handleInputNumberValue(component?: ComponentType, val?: any): any;
+export declare const SEARCH_BTN_NAME = "UI.SEARCH";
+export declare const RESET_BTN_NAME = "UI.RESET";
+export declare const SEARCH_BTNS: {
+    label: string;
+    preIcon: string;
+    type: string;
+}[];