@dt-frames/ui 2.0.13 → 2.0.15

package/es/packages/ui/src/components/form/src/components/index.d.ts

@@ -0,0 +1,4 @@
+import { default as DtFormItem } from "./FormItem";
+import { default as DtFormButtons } from "./FormButtons";
+import { default as DtFormIcon } from "./formIcon";
+export { DtFormItem, DtFormButtons, DtFormIcon };

package/es/packages/ui/src/components/form/src/components/radioButton.d.ts

@@ -0,0 +1,34 @@
+import { PropType } from "vue";
+declare type OptionsItem = {
+    label: string;
+    value: string | number | boolean;
+    disabled?: boolean;
+};
+declare type RadioItem = string | OptionsItem;
+declare const _sfc_main: import("vue").DefineComponent<{
+    value: {
+        type: PropType<string | number | boolean>;
+    };
+    options: {
+        type: PropType<RadioItem[]>;
+        default: () => any[];
+    };
+}, {
+    props: any;
+    attrs: {
+        [x: string]: unknown;
+    };
+    state: any;
+    getOptions: import("vue").ComputedRef<OptionsItem[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: PropType<string | number | boolean>;
+    };
+    options: {
+        type: PropType<RadioItem[]>;
+        default: () => any[];
+    };
+}>>, {
+    options: RadioItem[];
+}>;
+export default _sfc_main;

package/es/packages/ui/src/components/form/src/enums/index.d.ts

@@ -0,0 +1,7 @@
+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;
+}[];

package/es/packages/ui/src/components/form/src/hooks/helper.d.ts

@@ -0,0 +1,14 @@
+import { Rule } from 'ant-design-vue/lib/form/interface';
+import { ComponentType } from "../types/form.type";
+export declare const SINGLE_DATA_TYPE: string[];
+export declare const MULTIFY_DATA_TYPE: string[];
+export declare const DATE_PICKER_TYPES: string[];
+export declare const DATE_MODE_TYPE: {
+    time: string;
+    date: string;
+    month: string;
+    year: string;
+};
+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;

package/es/packages/ui/src/components/form/src/hooks/useForm.d.ts

@@ -0,0 +1,6 @@
+import { FormActionType } from '../types/actions.type';
+import { FormProps } from "../types/form.type";
+declare type RegisterFn = (formInstance: FormActionType) => void;
+declare type UseFormReturnType = [RegisterFn, FormActionType];
+export declare function useForm(props: FormProps): UseFormReturnType;
+export {};

package/es/packages/ui/src/components/form/src/hooks/useFormActions.d.ts

@@ -0,0 +1,12 @@
+import { Recordable } from "@dt-frames/core";
+import { ComputedRef, Ref } from "vue";
+import { ButtonProps, FormProps, FormSchema } from "../types/form.type";
+declare type FormOpt = {
+    updateSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => void;
+    getProps: ComputedRef<FormProps>;
+    defaultValue: Ref<Recordable>;
+    getFormValues: () => Recordable;
+    setFormValues: (values: Recordable) => Promise<void>;
+};
+export declare function useFormActions(opt: FormOpt): ((params: boolean | ButtonProps) => void)[];
+export {};

package/es/packages/ui/src/components/form/src/hooks/useFormEvent.d.ts

@@ -0,0 +1,25 @@
+import { Recordable } from "@dt-frames/core";
+import { ComputedRef, Ref } from "vue";
+import { FormActionType } from "../types/actions.type";
+import { FormProps, FormSchema } from "../types/form.type";
+export declare function useFormEvents({ emits, getSchema, formModel, defaultValue, formElRef, schemaRef, getProps, handleFormValues }: {
+    emits: (event: string, ...args: any[]) => void;
+    getSchema: ComputedRef<FormSchema[]>;
+    formModel: Recordable;
+    defaultValue: Ref<Recordable>;
+    formElRef: Ref<FormActionType>;
+    schemaRef: Ref<FormSchema[]>;
+    getProps: ComputedRef<FormProps>;
+    handleFormValues: (model: Recordable) => Recordable;
+}): {
+    getFormValues: () => Recordable<any>;
+    updateSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => void;
+    resetSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => void;
+    clearValidate: (name?: string | string[]) => Promise<void>;
+    resetForms: () => void;
+    removeFormByName: (names: string | string[]) => void;
+    validateFields: (nameList: (string | number)[]) => Promise<any>;
+    setFormValues: (values: Recordable | null) => Promise<void>;
+    validate: (nameList: (string | number)[]) => Promise<any>;
+    appendFormItems: (schema: FormSchema[], prefixName?: string, first?: boolean) => void;
+};

package/es/packages/ui/src/components/form/src/hooks/useFormValue.d.ts

@@ -0,0 +1,3 @@
+import { Recordable } from "@dt-frames/core";
+import { Ref } from "vue";
+export declare function useFormValue<T extends Recordable>(props: T, key?: keyof T, changeEvent?: string, emitData?: Ref<any[]>): any[];

package/es/packages/ui/src/components/form/src/hooks/useFormValues.d.ts

@@ -0,0 +1,11 @@
+import { Recordable } from "@dt-frames/core";
+import { ComputedRef, Ref } from "vue";
+import { FormSchema } from '../types/form.type';
+export declare function useFormValues({ defaultValue, getSchema, formModel }: {
+    defaultValue: Ref<any>;
+    getSchema: ComputedRef<FormSchema[]>;
+    formModel: Recordable;
+}): {
+    initDefault: () => void;
+    handleFormValues: (model: Recordable) => Recordable<any>;
+};

package/es/packages/ui/src/components/form/src/hooks/useLabelWidth.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from "vue";
+import { FormProps, FormSchema } from "../types/form.type";
+export declare function useLabelWidth(schemaItemRef: Ref<FormSchema>, propsRef: Ref<FormProps>): import("vue").ComputedRef<{
+    labelCol: any;
+    wrapperCol: any;
+}>;

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

@@ -0,0 +1,127 @@
+import { Recordable } from "@dt-frames/core";
+import { PropType, Ref } from "vue";
+import { ButtonProps, ColEx, FormSchema } from "./types/form.type";
+import { 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<any>>;
+        default: () => {};
+    };
+    layout: {
+        type: PropType<"vertical" | "inline" | "horizontal">;
+        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: 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<ColEx>>;
+    };
+    span: {
+        type: NumberConstructor;
+    };
+    size: {
+        type: PropType<"middle" | "small" | "large">;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    compact: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    schemas: {
+        type: PropType<FormSchema[]>;
+        default: () => any[];
+    };
+    autoSearchOnEnter: {
+        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;
+    };
+    resetFunc: {
+        type: PropType<() => void>;
+    };
+    registerInstance: {
+        type: PropType<(instance: FormActionType) => void>;
+    };
+};

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

@@ -0,0 +1,15 @@
+import { Recordable } from '@dt-frames/core';
+import { FormProps, FormSchema } from './form.type';
+export declare 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/packages/ui/src/components/form/src/types/form.type.d.ts

@@ -0,0 +1,79 @@
+import { Recordable } from "@dt-frames/core";
+import { ComputedRef, ExtractPropTypes, Ref, VNode } from "vue";
+import { RuleObject } from 'ant-design-vue/es/form/interface';
+import { TooltipProps } from "ant-design-vue/es/tooltip/Tooltip";
+import { BasicProps } from "../props";
+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 & {
+    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;
+};
+declare type Schema<ComponentType, T> = {
+    t?: string;
+    name?: string | string[];
+    changeEvent?: string;
+    valueField?: string;
+    label?: string;
+    subLabel?: string;
+    labelWidth?: string | number;
+    enLabelWidth?: string | number;
+    toolTip?: boolean | ((model: Recordable) => boolean);
+    toolTipProps?: TooltipProps;
+    component?: ComponentType;
+    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[];
+};
+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', {
+    disabled?: boolean;
+    [key: string]: any;
+}> | Schema<'Rate', Rate> | Schema<'Divider', Divider> | Schema<'Upload', Upload>;
+export declare type ButtonProps = {
+    t?: string;
+    label: string;
+    color?: 'error' | 'warning' | 'success' | '';
+    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 {};