@dt-frames/ui 1.0.0

package/es/components/forms/src/components/formItem.d.ts

@@ -0,0 +1,59 @@
+import { PropType } from "vue";
+import { Recordable } from "@dt-frames/core";
+import { FormSchema, FormProps, FormActionType } from '../types/form.type';
+declare const _default: import("vue").DefineComponent<{
+    schema: {
+        type: PropType<FormSchema>;
+    };
+    formProps: {
+        type: PropType<FormProps>;
+        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>;
+    };
+    style: {
+        type: PropType<Recordable<any>>;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    schema: {
+        type: PropType<FormSchema>;
+    };
+    formProps: {
+        type: PropType<FormProps>;
+        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>;
+    };
+    style: {
+        type: PropType<Recordable<any>>;
+    };
+}>>, {
+    formProps: {};
+    defaultValues: {};
+    formModel: {};
+}>;
+export default _default;

package/es/components/forms/src/components/radioButton.d.ts

@@ -0,0 +1,33 @@
+import { PropType } from "vue";
+declare type OptionsItem = {
+    label: string;
+    value: string | number | boolean;
+    disabled?: boolean;
+};
+declare type RadioItem = string | OptionsItem;
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: PropType<string | number | boolean>;
+    };
+    options: {
+        type: PropType<RadioItem[]>;
+        default: () => any[];
+    };
+}, {
+    attrs: {
+        [x: string]: unknown;
+    };
+    getOptions: import("vue").ComputedRef<OptionsItem[]>;
+    state: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, 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 _default;

package/es/components/forms/src/const/form.const.d.ts

@@ -0,0 +1,7 @@
+export declare const SEARCH_BTN_NAME = "\u67E5\u8BE2";
+export declare const RESET_BTN_NAME = "\u91CD\u7F6E";
+export declare const SEARCH_BTNS: {
+    name: string;
+    preIcon: string;
+    type: string;
+}[];

package/es/components/forms/src/hooks/helper.d.ts

@@ -0,0 +1,6 @@
+import { ComponentType } from "../types/form.type";
+import type { ValidationRule } from 'ant-design-vue/lib/form/Form';
+export declare function createPlaceholder(component: ComponentType): "" | "请输入" | "请选择" | "请设置图标";
+export declare function setComponentRuleType(rule: ValidationRule, component: ComponentType, valueFormat: string): void;
+export declare function handleInputNumberValue(component?: ComponentType, val?: any): any;
+export declare const datePickerType: string[];

package/es/components/forms/src/hooks/useForm.d.ts

@@ -0,0 +1,5 @@
+import { FormActionType, 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/components/forms/src/hooks/useFormActions.d.ts

@@ -0,0 +1,13 @@
+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>[]) => Promise<void>;
+    getProps: ComputedRef<FormProps>;
+    getSchema: ComputedRef<FormSchema[]>;
+    defaultValue: Ref<Recordable>;
+    getFormValues: () => Recordable;
+    setFormValues: (values: Recordable) => Promise<void>;
+};
+export declare function useFormActions(opt: FormOpt): ((params: boolean | ButtonProps) => void)[];
+export {};

package/es/components/forms/src/hooks/useFormEvents.d.ts

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

package/es/components/forms/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/components/forms/src/hooks/useFormValues.d.ts

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

package/es/components/forms/src/hooks/useLabelWidth.d.ts

@@ -0,0 +1,35 @@
+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: {
+        style: {
+            textAlign: string;
+        };
+        span?: string | number;
+        order?: string | number;
+        offset?: string | number;
+        md?: string | number;
+        xl?: string | number;
+        xxl?: string | number;
+    };
+    wrapperCol: Partial<import("../types/form.type").ColEx>;
+} | {
+    labelCol: {
+        style: any;
+        span?: string | number;
+        order?: string | number;
+        offset?: string | number;
+        md?: string | number;
+        xl?: string | number;
+        xxl?: string | number;
+    };
+    wrapperCol: {
+        style: any;
+        span?: string | number;
+        order?: string | number;
+        offset?: string | number;
+        md?: string | number;
+        xl?: string | number;
+        xxl?: string | number;
+    };
+}>;

package/es/components/forms/src/index.d.ts

@@ -0,0 +1,186 @@
+import { Ref } from 'vue';
+import { Recordable } from '@dt-frames/core';
+import { ButtonProps, FormActionType, FormProps, FormSchema } from './types/form.type';
+declare const _default: import("vue").DefineComponent<{
+    mode: {
+        type: import("vue").PropType<"search" | "dialog">;
+        default: string;
+    };
+    autoFetch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    model: {
+        type: import("vue").PropType<Recordable<any>>;
+        default: {};
+    };
+    labelWidth: {
+        type: NumberConstructor;
+        String: StringConstructor;
+        default: number;
+    };
+    schemas: {
+        type: import("vue").PropType<FormSchema[]>;
+        default: () => any[];
+    };
+    compact: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "default" | "large">;
+    };
+    formActions: {
+        type: import("vue").PropType<FormActionType>;
+    };
+    labelAlign: {
+        type: import("vue").PropType<"left" | "right">;
+    };
+    rowProps: import("vue").PropType<Partial<import("vue").ExtractPropTypes<{
+        align: import("vue").PropType<"top" | "bottom" | "middle" | "stretch">;
+        justify: import("vue").PropType<"space-around" | "space-between" | "center" | "end" | "start">;
+        prefixCls: StringConstructor;
+        gutter: {
+            type: import("vue").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;
+        };
+    }>>>;
+    colProps: import("vue").PropType<import("./types/form.type").ColEx>;
+}, {
+    getFormBindValue: import("vue").ComputedRef<Recordable<any>>;
+    getFormClass: import("vue").ComputedRef<(string | {
+        'basic-form--compact': boolean;
+        'basic-form--search': boolean;
+    })[]>;
+    formModel: {
+        [x: string]: any;
+    };
+    getLayout: import("vue").ComputedRef<"vertical" | "horizontal" | "inline">;
+    getProps: import("vue").ComputedRef<FormProps>;
+    getSchema: import("vue").ComputedRef<FormSchema[]>;
+    defaultValue: Ref<{
+        [x: string]: any;
+    }>;
+    formActionMethods: FormActionType;
+    formElRef: any;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        mode: {
+            type: import("vue").PropType<"search" | "dialog">;
+            default: string;
+        };
+        autoFetch: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        model: {
+            type: import("vue").PropType<Recordable<any>>;
+            default: {};
+        };
+        labelWidth: {
+            type: NumberConstructor;
+            String: StringConstructor;
+            default: number;
+        };
+        schemas: {
+            type: import("vue").PropType<FormSchema[]>;
+            default: () => any[];
+        };
+        compact: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "default" | "large">;
+        };
+        formActions: {
+            type: import("vue").PropType<FormActionType>;
+        };
+        labelAlign: {
+            type: import("vue").PropType<"left" | "right">;
+        };
+        rowProps: import("vue").PropType<Partial<import("vue").ExtractPropTypes<{
+            align: import("vue").PropType<"top" | "bottom" | "middle" | "stretch">;
+            justify: import("vue").PropType<"space-around" | "space-between" | "center" | "end" | "start">;
+            prefixCls: StringConstructor;
+            gutter: {
+                type: import("vue").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;
+            };
+        }>>>;
+        colProps: import("vue").PropType<import("./types/form.type").ColEx>;
+    }>> & {
+        onRegister?: (...args: any[]) => any;
+        onReset?: (...args: any[]) => any;
+    }>>;
+    setFormModel: (key: string, value: any) => void;
+    handleMethod: (params: boolean | ButtonProps) => void;
+    getActionsProps: import("vue").ComputedRef<Recordable<any>>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("register" | "reset")[], "register" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    mode: {
+        type: import("vue").PropType<"search" | "dialog">;
+        default: string;
+    };
+    autoFetch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    model: {
+        type: import("vue").PropType<Recordable<any>>;
+        default: {};
+    };
+    labelWidth: {
+        type: NumberConstructor;
+        String: StringConstructor;
+        default: number;
+    };
+    schemas: {
+        type: import("vue").PropType<FormSchema[]>;
+        default: () => any[];
+    };
+    compact: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "default" | "large">;
+    };
+    formActions: {
+        type: import("vue").PropType<FormActionType>;
+    };
+    labelAlign: {
+        type: import("vue").PropType<"left" | "right">;
+    };
+    rowProps: import("vue").PropType<Partial<import("vue").ExtractPropTypes<{
+        align: import("vue").PropType<"top" | "bottom" | "middle" | "stretch">;
+        justify: import("vue").PropType<"space-around" | "space-between" | "center" | "end" | "start">;
+        prefixCls: StringConstructor;
+        gutter: {
+            type: import("vue").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;
+        };
+    }>>>;
+    colProps: import("vue").PropType<import("./types/form.type").ColEx>;
+}>> & {
+    onRegister?: (...args: any[]) => any;
+    onReset?: (...args: any[]) => any;
+}, {
+    mode: "search" | "dialog";
+    model: {};
+    labelWidth: number;
+    autoFetch: boolean;
+    schemas: FormSchema[];
+    compact: boolean;
+}>;
+export default _default;

package/es/components/forms/src/prop.d.ts

@@ -0,0 +1,79 @@
+import { Recordable } from "@dt-frames/core";
+import { PropType } from "vue";
+import { ColEx, FormActionType, FormProps, FormSchema } from "./types/form.type";
+export declare const BasicProps: {
+    mode: {
+        type: PropType<"search" | "dialog">;
+        default: string;
+    };
+    autoFetch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    model: {
+        type: PropType<Recordable<any>>;
+        default: {};
+    };
+    labelWidth: {
+        type: NumberConstructor;
+        String: StringConstructor;
+        default: number;
+    };
+    schemas: {
+        type: PropType<FormSchema[]>;
+        default: () => any[];
+    };
+    compact: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    size: {
+        type: PropType<"small" | "default" | "large">;
+    };
+    formActions: {
+        type: PropType<FormActionType>;
+    };
+    labelAlign: {
+        type: PropType<"left" | "right">;
+    };
+    rowProps: PropType<Partial<import("vue").ExtractPropTypes<{
+        align: PropType<"top" | "bottom" | "middle" | "stretch">;
+        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;
+        };
+    }>>>;
+    colProps: PropType<ColEx>;
+};
+export declare const FormItemProps: {
+    schema: {
+        type: PropType<FormSchema>;
+    };
+    formProps: {
+        type: PropType<FormProps>;
+        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>;
+    };
+    style: {
+        type: PropType<Recordable<any>>;
+    };
+};

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

@@ -0,0 +1,124 @@
+import { Recordable } from "@dt-frames/core";
+import { VNode } from "vue";
+import { RuleObject } from 'ant-design-vue/lib/form/interface';
+import type { RowProps } from 'ant-design-vue/lib/grid/Row';
+export declare type Rule = RuleObject & {
+    trigger?: 'blur' | 'change' | ['change', 'blur'];
+};
+export declare type ButtonFlag = 'OK' | 'CANCEL';
+export declare type FormCallBackParams = {
+    schema: Omit<FormSchema, 'props'>;
+    values: Recordable;
+    model: Recordable;
+    name: string;
+};
+export declare type ComponentType = 'Input' | 'InputGroup' | 'InputPassword' | 'InputSearch' | 'InputTextArea' | 'InputNumber' | 'InputCountDown' | 'Select' | 'TreeSelect' | 'ApiTree' | 'ApiTreeSelect' | 'Radio' | 'RadioButtonGroup' | 'RadioGroup' | 'Checkbox' | 'CheckboxGroup' | 'AutoComplete' | 'Cascader' | 'DatePicker' | 'MonthPicker' | 'RangePicker' | 'WeekPicker' | 'TimePicker' | 'Switch' | 'Upload' | 'IconPicker' | 'Render' | 'Slider' | 'Rate' | 'Divider' | 'Icon';
+export declare type ColEx = {
+    style?: any;
+    span?: number | string;
+    order?: number | string;
+    offset?: number | string;
+    md?: number | string;
+    xl?: number | string;
+    xxl?: number | string;
+};
+export declare type ToolTipProps = {
+    color: string;
+    placement: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+};
+export declare type ButtonProps = {
+    name?: string;
+    color?: 'error' | 'warning' | 'success' | '';
+    type?: 'primary' | 'ghost' | 'dashed' | 'link' | 'text' | 'default' | undefined;
+    class?: string;
+    disabled?: boolean;
+    show?: boolean;
+    preIcon?: string;
+    postIcon?: string;
+    auth?: string;
+    flag?: ButtonFlag;
+    loading?: boolean;
+    onClick?: (...args: any[]) => any;
+};
+export declare type FormProps = {
+    mode?: 'search' | 'dialog';
+    autoFetch?: boolean;
+    layout?: 'vertical' | 'inline' | 'horizontal';
+    model?: Recordable;
+    labelWidth?: number | string;
+    labelAlign?: 'left' | 'right';
+    labelCol?: Partial<ColEx>;
+    wrapperCol?: Partial<ColEx>;
+    rowProps?: RowProps;
+    colProps?: Partial<ColEx>;
+    schemas?: FormSchema[];
+    size?: 'default' | 'small' | 'large';
+    disabled?: boolean;
+    autoSubmitOnEnter?: boolean;
+    alwaysShowLines?: number;
+    compact?: boolean;
+    onSearch?: Function;
+    onReset?: Function;
+    minShowColumn?: number;
+    showAdvancedButton?: boolean;
+    enterToSearch?: boolean;
+    buttons?: ButtonProps[];
+    loading?: Recordable;
+    style?: Recordable;
+};
+export declare type FormSchema = {
+    name: string | string[];
+    changeEvent?: string;
+    valueField?: string;
+    label?: string | VNode;
+    subLabel?: string;
+    labelWidth?: string | number;
+    labelAlign?: 'left' | 'right';
+    toolTip?: string | ((parms: FormCallBackParams) => string | string[]);
+    toolTipProps?: ToolTipProps;
+    component: ComponentType;
+    props?: ((opt: {
+        schema?: FormSchema;
+        formActions?: any;
+        formActionType?: FormActionType;
+        formModel?: Recordable;
+    }) => Recordable) | object;
+    required?: boolean | ((parms: FormCallBackParams) => boolean);
+    suffix?: string | number | ((parms: FormCallBackParams) => boolean);
+    rules?: Rule[];
+    rulesMessageJoinLabel?: boolean;
+    defaultValue?: any;
+    span?: number;
+    show?: boolean | ((parms: FormCallBackParams) => boolean);
+    render?: (parms: FormCallBackParams) => VNode | VNode[] | string;
+    renderCol?: (parms: FormCallBackParams) => VNode | VNode[] | string;
+    colProps?: Partial<ColEx>;
+    renderComponent?: ((parms: FormCallBackParams) => Recordable) | VNode | VNode[] | string;
+    slot?: string;
+    colSlot?: string;
+    dynamicDisabled?: boolean | ((parms: FormCallBackParams) => boolean);
+    dynamicRules?: (parms: FormCallBackParams) => Rule[];
+    colon?: boolean;
+    labelCol?: Partial<ColEx>;
+    wrapperCol?: Partial<ColEx>;
+    isAdvanced?: boolean;
+};
+export declare type FormActionType = {
+    setProps: (props: FormProps) => Promise<void>;
+    updateSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>;
+    resetSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>;
+    clearValidate: (name?: string | string[]) => Promise<void>;
+    resetForms: (data: Partial<FormSchema> | Partial<FormSchema>[]) => 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;
+};
+export declare type AdvanceState = {
+    isAdvanced: boolean;
+    hideAdvanceBtn: boolean;
+    isLoad: boolean;
+    actionSpan: number;
+};

package/es/components/icons/index.d.ts

@@ -0,0 +1,3 @@
+import DtIcon from "./src/svg-icon";
+import DtPickIcon from "./src/pick-icon";
+export { DtIcon, DtPickIcon };