@dt-frames/ui 2.0.0 → 2.0.2

package/es/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/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/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: {
+    name: string;
+    preIcon: string;
+    type: string;
+}[];

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

@@ -0,0 +1,22 @@
+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: 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;
+    };
+}>;