@dt-frames/ui 2.0.1 → 2.0.2

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

@@ -0,0 +1,133 @@
+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" | "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: () => void;
+    };
+    wrapperCol: {
+        type: PropType<Partial<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<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) => 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/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/components/form/src/types/form.type.d.ts

@@ -0,0 +1,70 @@
+import { Recordable } from "@dt-frames/core";
+import { ComputedRef, ExtractPropTypes, Ref, VNode } from "vue";
+import { RuleObject } from 'ant-design-vue/lib/form/interface';
+import { TooltipProps } from "ant-design-vue/es/tooltip/Tooltip";
+import { BasicProps } from "../props";
+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' | '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 FormSchema = {
+    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) => Recordable) | object;
+    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;
+    defaultValue?: any;
+    show?: boolean | ((model: Recordable) => boolean);
+    render?: (model: Recordable) => VNode | VNode[] | string;
+    renderCol?: (model: Recordable) => VNode | VNode[] | string;
+    colProps?: Partial<ColEx>;
+    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;
+    openDialog?: (parms: Recordable) => void;
+    extraName?: string[];
+};
+export declare type ButtonProps = {
+    t?: string;
+    name: 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?: boolean;
+    onClick?: (args?: any) => any;
+};

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

@@ -0,0 +1,3 @@
+declare const DtIcon: import('../../utils/withInstall').SFCWithInstall<import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+declare const DtPickIcon: import('../../utils/withInstall').SFCWithInstall<import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+export { DtIcon, DtPickIcon };