@dazhicheng/ui 1.4.22 → 1.5.0

package/dist/components/tt-drawer/src/components/DrawerFooter.vue.d.ts

@@ -0,0 +1,94 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** 底部前置插入 */
+        insertFooter: () => void;
+        /** 底部中间插入 */
+        centerFooter: () => void;
+        /** 底部后置插入 */
+        appendFooter: () => void;
+        /** 底部插槽 */
+        footer: () => void;
+    }> & {
+        /** 底部前置插入 */
+        insertFooter: () => void;
+        /** 底部中间插入 */
+        centerFooter: () => void;
+        /** 底部后置插入 */
+        appendFooter: () => void;
+        /** 底部插槽 */
+        footer: () => void;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    confirmLoading: any;
+    showCancelBtn: any;
+    cancelButtonProps: {
+        type: import('vue').PropType<Partial<import('element-plus').ButtonProps>>;
+        default: Partial<import('element-plus').ButtonProps>;
+    };
+    cancelText: any;
+    showOkBtn: any;
+    okButtonProps: {
+        type: import('vue').PropType<Partial<import('element-plus').ButtonProps>>;
+        default: Partial<import('element-plus').ButtonProps>;
+    };
+    okText: any;
+    okType: any;
+    showFooter: any;
+    footerHeight: {
+        type: import('vue').PropType<string | number>;
+        default: number;
+    };
+    height: any;
+    size: any;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (e: any) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    confirmLoading: any;
+    showCancelBtn: any;
+    cancelButtonProps: {
+        type: import('vue').PropType<Partial<import('element-plus').ButtonProps>>;
+        default: Partial<import('element-plus').ButtonProps>;
+    };
+    cancelText: any;
+    showOkBtn: any;
+    okButtonProps: {
+        type: import('vue').PropType<Partial<import('element-plus').ButtonProps>>;
+        default: Partial<import('element-plus').ButtonProps>;
+    };
+    okText: any;
+    okType: any;
+    showFooter: any;
+    footerHeight: {
+        type: import('vue').PropType<string | number>;
+        default: number;
+    };
+    height: any;
+    size: any;
+}>> & Readonly<{
+    onClose?: ((e: any) => any) | undefined;
+}>, {
+    size: any;
+    height: any;
+    showFooter: any;
+    showOkBtn: any;
+    showCancelBtn: any;
+    cancelText: any;
+    okText: any;
+    confirmLoading: any;
+    footerHeight: string | number;
+    okButtonProps: Partial<import('element-plus').ButtonProps>;
+    cancelButtonProps: Partial<import('element-plus').ButtonProps>;
+    okType: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tt-drawer/src/components/DrawerHeader.vue.d.ts

@@ -0,0 +1,27 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        title: () => void;
+    }> & {
+        title: () => void;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 标题 */
+    title: any;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 标题 */
+    title: any;
+}>> & Readonly<{}>, {
+    title: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tt-drawer/src/hooks/useDrawerRender.d.ts

@@ -0,0 +1,10 @@
+import { App, Component } from 'vue';
+import { DrawerOptions } from '..';
+import { TtDrawerApiOptions, TtDrawerExtendedDrawerApi, TtDrawerProps } from '../typing';
+import { DrawerApi } from '../utils/drawer-api';
+export declare function setDefaultDrawerProps(props: Partial<TtDrawerProps>): void;
+/**
+ * drawer 可选hooks
+ */
+export declare function useDrawerRender<TParentDrawerProps extends TtDrawerProps = TtDrawerProps>(options?: TtDrawerApiOptions, DRAWER_KEY?: symbol): readonly [import('vue').DefineSetupFnComponent<TParentDrawerProps, {}, {}, TParentDrawerProps & {}, import('vue').PublicProps>, TtDrawerExtendedDrawerApi] | readonly [import('vue').DefineSetupFnComponent<Partial<TtDrawerProps>, {}, {}, Partial<TtDrawerProps> & {}, import('vue').PublicProps>, DrawerApi];
+export declare function showTtDrawer<T extends Component>(app: App, component: T, options: DrawerOptions): TtDrawerExtendedDrawerApi;

package/dist/components/tt-drawer/src/hooks/useResizable.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'vue';
+/**
+ * @description 抽屉拖拽
+ * @param drawerUseId 抽屉盒子useID
+ * @param visibleRef 抽屉开关状态
+ */
+export declare function useDrawerResizable(drawerUseId: string, visibleRef: Ref<boolean>, setDrawerProps?: Fn): (import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps> | {
+    isDragging: Ref<boolean, boolean>;
+})[];

package/dist/components/tt-drawer/src/index.d.ts

@@ -0,0 +1,10 @@
+import { App, Component } from 'vue';
+import { TtDrawerExtendedDrawerApi, TtDrawerProps } from './typing';
+export type DrawerOptions = Partial<TtDrawerProps> & {
+    slots?: any;
+    onOk?: () => Promise<any> | any;
+    onCancel?: () => Promise<any> | any;
+};
+export type ShowDrawerFn = <T extends Component>(component: T, options: DrawerOptions) => TtDrawerExtendedDrawerApi;
+export declare function setupDrawer(app: App): void;
+export declare function useShowDrawer(): ShowDrawerFn;

package/dist/components/tt-drawer/src/props.d.ts

@@ -0,0 +1,99 @@
+import { ButtonProps } from 'element-plus';
+import { PropType } from 'vue';
+export declare const footerProps: {
+    /** 确定抽屉的loading */
+    confirmLoading: any;
+    /** 是否显示取消按钮 */
+    showCancelBtn: any;
+    /** 取消按钮的props */
+    cancelButtonProps: {
+        type: PropType<Partial<ButtonProps>>;
+        default: Partial<ButtonProps>;
+    };
+    /** 取消按钮的文本 */
+    cancelText: any;
+    /** 是否显示确定按钮 */
+    showOkBtn: any;
+    /** 确定按钮的props */
+    okButtonProps: {
+        type: PropType<Partial<ButtonProps>>;
+        default: Partial<ButtonProps>;
+    };
+    /** 确定按钮的文本 */
+    okText: any;
+    /** 确定按钮的类型 */
+    okType: any;
+    /** 是否显示footer */
+    showFooter: any;
+    /** footer高度 */
+    footerHeight: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    height: any;
+    size: any;
+};
+export declare const basicProps: {
+    /** 确定抽屉的loading */
+    confirmLoading: any;
+    /** 是否显示取消按钮 */
+    showCancelBtn: any;
+    /** 取消按钮的props */
+    cancelButtonProps: {
+        type: PropType<Partial<ButtonProps>>;
+        default: Partial<ButtonProps>;
+    };
+    /** 取消按钮的文本 */
+    cancelText: any;
+    /** 是否显示确定按钮 */
+    showOkBtn: any;
+    /** 确定按钮的props */
+    okButtonProps: {
+        type: PropType<Partial<ButtonProps>>;
+        default: Partial<ButtonProps>;
+    };
+    /** 确定按钮的文本 */
+    okText: any;
+    /** 确定按钮的类型 */
+    okType: any;
+    /** 是否显示footer */
+    showFooter: any;
+    /** footer高度 */
+    footerHeight: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    height: any;
+    size: any;
+    /** class */
+    class: any;
+    /** 标题 */
+    title: any;
+    /** 测试标识 */
+    testId: any;
+    /** loading文本 */
+    loadingText: any;
+    /** 显示 */
+    visible: any;
+    /** 显示loading */
+    loading: any;
+    /** 是否点击遮罩关闭弹窗 */
+    maskClosable: any;
+    /** 是否关闭销毁组件 */
+    destroyOnClose: {
+        type: BooleanConstructor;
+    };
+    /** 取消前事件 */
+    closeFunc: {
+        type: PropType<() => Promise<boolean>>;
+    };
+    /** 取消前是否显示确认弹窗 */
+    showConfirm: any;
+    /** 确认弹窗文本内容 */
+    confirmContent: any;
+    /** 是否显示modal */
+    modal: {
+        type: BooleanConstructor;
+        default: () => any;
+    };
+};

package/dist/components/tt-drawer/src/typing.d.ts

@@ -0,0 +1,154 @@
+import { ButtonProps } from 'element-plus';
+import { DrawerProps } from 'element-plus/es/components/drawer';
+import { Component, ComputedRef, Ref } from 'vue';
+import { DrawerApi } from './utils/drawer-api';
+export type DrawerInstance = {
+    /** 设置抽屉props */
+    setDrawerProps: (props: Partial<TtDrawerProps>) => void;
+    emitVisible?: (visible: boolean, uid: number) => void;
+};
+export type DrawerReturnMethods = {
+    /** 打开抽屉 */
+    openDrawer: <T = any>(visible?: boolean, data?: T, openOnSet?: boolean) => void;
+    /** 关闭抽屉 */
+    closeDrawer: () => void;
+    /** 获取visible */
+    getVisible?: ComputedRef<boolean>;
+} & DrawerInstance;
+export type DrawerReturnInnerMethods = {
+    /** 关闭抽屉 */
+    closeDrawer: () => void;
+    /** 设置抽屉loading */
+    changeLoading: (loading: boolean) => void;
+    /** 设置抽屉确定按钮loading */
+    changeOkLoading: (loading: boolean) => void;
+    /** 获取visible */
+    getVisible?: ComputedRef<boolean>;
+} & DrawerInstance;
+type RegisterFn = (drawerInstance: DrawerInstance, uuid: number) => void;
+export type TtDrawerRegister = [methods: DrawerInstance, uuid: number];
+export type UseDrawerReturnType = [RegisterFn, DrawerReturnMethods];
+export type UseDrawerInnerReturnType = [RegisterFn, DrawerReturnInnerMethods];
+export type DrawerFooterProps = {
+    /**
+     * 是否显示确定按钮
+     * @default true
+     */
+    showOkBtn?: boolean;
+    /**
+     * 是否显示取消按钮
+     * @default true
+     */
+    showCancelBtn?: boolean;
+    /**
+     * 取消按钮文本
+     * @default '取消'
+     */
+    cancelText?: string;
+    /**
+     * 确定按钮文本
+     * @default '确定'
+     */
+    okText?: string;
+    /**
+     * 确定按钮loading
+     * @default false
+     */
+    confirmLoading?: boolean;
+    /**
+     * 是否显示footer
+     * @default true
+     */
+    showFooter?: boolean;
+    /**
+     * footer高度
+     * @default 44
+     */
+    footerHeight?: string | number;
+    /**
+     * 确定按钮的props
+     * @default { type: 'primary' }
+     */
+    okButtonProps?: Partial<ButtonProps>;
+    /**
+     * 取消按钮的props
+     * @default {}
+     */
+    cancelButtonProps?: Partial<ButtonProps>;
+};
+export type DrawerBasicProps = {
+    /** class */
+    class?: string;
+    /** 标题 */
+    title?: string;
+    /** loading文本 */
+    loadingText?: string;
+    /** 测试标识 */
+    testId?: string;
+    /**
+     * 显示
+     * @default false
+     */
+    visible?: boolean;
+    /**
+     * 显示loading
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * 是否点击遮罩关闭弹窗
+     * @default true
+     */
+    maskClosable?: boolean;
+    /**
+     * 是否关闭销毁组件
+     */
+    destroyOnClose?: boolean;
+    /**
+     * 取消前事件
+     */
+    closeFunc?: () => Promise<boolean>;
+    /**
+     * 取消前是否显示确认弹窗
+     * @default false
+     */
+    showConfirm?: boolean;
+    /**
+     * 确认弹窗文本内容
+     */
+    confirmContent?: string;
+};
+export type UseDrawerProps = Partial<DrawerBasicProps> & Partial<DrawerFooterProps>;
+export type TtDrawerProps = UseDrawerProps & Partial<DrawerProps>;
+export type TtDrawerApiOptions = Partial<TtDrawerProps> & {
+    /**
+     * 独立的抽屉组件
+     */
+    connectedComponent?: Component;
+    /**
+     * 点击确定按钮的回调
+     */
+    onOk?: () => Promise<boolean> | boolean | void;
+    /**
+     * 点击取消按钮的回调
+     */
+    onClose?: () => void;
+    /**
+     * 弹窗关闭动画结束的回调
+     * @returns
+     */
+    onClosed?: () => void;
+    /**
+     * 弹窗状态变化回调
+     * @param visible
+     */
+    onVisibleChange?: (visible: boolean) => void;
+    /**
+     * 监听的方法
+     */
+    onReceiveSharedData?: (data: Record<string, any>) => void;
+};
+export type TtDrawerExtendedDrawerApi = DrawerApi & {
+    useStore: <T = NoInfer<TtDrawerProps>>(selector?: (state: NoInfer<TtDrawerProps>) => T) => Readonly<Ref<T>>;
+};
+export {};

package/dist/components/tt-drawer/src/utils/drawer-api.d.ts

@@ -0,0 +1,87 @@
+import { ElDrawer } from 'element-plus';
+import { TtDrawerApiOptions, TtDrawerProps } from '../typing';
+import { Store } from '@tanstack/vue-store';
+export type ApiType = Pick<TtDrawerApiOptions, "onOk" | "onClose" | "onClosed" | "onVisibleChange" | "onReceiveSharedData">;
+export declare class DrawerApi {
+    /** el-drawer 实例的引用 */
+    drawerRef: InstanceType<typeof ElDrawer> | null;
+    /** 共享数据对象，用于在组件间传递数据 */
+    sharedData: Record<"payload", any>;
+    /** 状态存储对象，使用Store管理抽屉的各种状态 */
+    store: Store<Partial<TtDrawerProps>>;
+    /** 抽屉的API接口，用于处理外部事件 */
+    private api;
+    /** 抽屉的当前状态，使用Partial<TtDrawerProps>类型 */
+    state: Partial<TtDrawerProps>;
+    /** 构造函数，初始化抽屉的API接口和状态 */
+    constructor(options?: TtDrawerApiOptions);
+    /**
+     * 关闭抽屉
+     * @description 关闭抽屉时会调用 closeFunc 钩子函数，如果 onBeforeClose 返回 false，则不关闭弹窗
+     */
+    close(): Promise<void>;
+    /**
+     * 挂载抽屉实例和API接口
+     * @param drawerRef - el-drawer 实例
+     * @param api - 外部传入的API接口
+     */
+    mount(drawerRef: InstanceType<typeof ElDrawer> | null, api?: ApiType): void;
+    /**
+     * 获取共享数据
+     * @returns 共享数据对象
+     */
+    getData<T extends object = Record<string, any>>(): T;
+    /**
+     * 取消操作
+     */
+    onClosed(): void;
+    /**
+     * 确认操作
+     */
+    onOk: import('@vueuse/core').UseDebounceFnReturn<() => Promise<void>>;
+    /**
+     * 设置抽屉的状态
+     * @param stateOrFn - 状态对象或状态函数
+     * @returns 当前实例
+     */
+    setState(stateOrFn: ((prev: Partial<TtDrawerProps>) => Partial<TtDrawerProps>) | Partial<TtDrawerProps>): this;
+    /**
+     * 设置抽屉的属性
+     * @param props - 属性对象
+     * @returns 当前实例
+     */
+    setDrawerProps(props: Partial<TtDrawerProps>): this;
+    /**
+     * 设置抽屉的加载状态
+     * @param loading - 是否加载中
+     * @returns 当前实例
+     */
+    changeLoading(loading?: boolean): this;
+    /**
+     * 设置确认按钮的加载状态
+     * @param loading - 是否加载中
+     * @returns 当前实例
+     */
+    changeOkLoading(loading?: boolean): this;
+    /**
+     * 打开抽屉
+     * @param visible - 是否可见
+     * @param data - 共享数据
+     */
+    openDrawer<T>(visible?: boolean, data?: T): void;
+    /**
+     * 设置共享数据
+     * @param payload - 共享数据
+     * @returns 当前实例
+     */
+    setData(payload: any): this;
+    /**
+     * 关闭抽屉
+     */
+    closeDrawer(): void;
+    /**
+     * 获取抽屉的可见状态
+     * @returns 抽屉的可见状态
+     */
+    getVisible: import('vue').ComputedRef<boolean | undefined>;
+}

package/dist/components/tt-form/src/config.d.ts

@@ -1,6 +1,6 @@
 import { Component } from 'vue';
-import { BaseFormComponentType, FormCommonConfig, VbenFormAdapterOptions } from './types';
+import { BaseFormComponentType, FormCommonConfig, TtFormAdapterOptions } from './types';
 export declare const DEFAULT_FORM_COMMON_CONFIG: FormCommonConfig;
 export declare const COMPONENT_MAP: Record<BaseFormComponentType, Component>;
 export declare const COMPONENT_BIND_EVENT_MAP: Partial<Record<BaseFormComponentType, string>>;
-export declare function setupForm<T extends BaseFormComponentType = BaseFormComponentType>(options: VbenFormAdapterOptions<T>): void;
+export declare function setupForm<T extends BaseFormComponentType = BaseFormComponentType>(options: TtFormAdapterOptions<T>): void;

package/dist/components/tt-form/src/types.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps, CheckboxProps, CheckboxGroupProps, DatePickerProps, InputProps, InputNumberProps, RadioProps, RadioButtonProps, RadioGroupProps, SwitchProps, TimePickerDefaultProps, SelectV2Props, UploadProps, SelectProps } from 'element-plus';
+import { ButtonProps, CheckboxProps, CheckboxGroupProps, DatePickerProps, InputProps, InputNumberProps, RadioProps, RadioGroupProps, SelectProps, SelectV2Props, SwitchProps, TimePickerDefaultProps, UploadProps, CascaderProps } from 'element-plus';
 import { FieldOptions, FormContext, GenericObject } from 'vee-validate';
 import { Component, HtmlHTMLAttributes, MaybeRefOrGetter, Ref } from 'vue';
 import { ZodTypeAny } from 'zod';
@@ -8,20 +8,21 @@ import { FormApi } from './formApi';
 export type FormLayout = "horizontal" | "inline" | "vertical";
 export interface BaseFormComponentMap {
     TtSelect: TtSelectProp;
+    ElCheckbox: CheckboxProps;
     ElCheckboxButton: CheckboxProps;
     ElCheckboxGroup: CheckboxGroupProps;
     ElDatePicker: DatePickerProps;
     ElInput: InputProps;
     ElInputNumber: InputNumberProps;
     ElRadio: RadioProps;
-    ElRadioButton: RadioButtonProps;
     ElRadioGroup: RadioGroupProps;
+    ElSelect: SelectProps;
+    ElSelectV2: SelectV2Props;
     ElSwitch: SwitchProps;
     ElTimePicker: TimePickerDefaultProps;
-    ElSelectV2: SelectV2Props;
     ElTreeSelect: Record<string, any>;
     ElUpload: UploadProps;
-    ElSelect: SelectProps;
+    ElCascader: CascaderProps;
 }
 /**
  * 表单组件类型字符串联合类型
@@ -359,7 +360,7 @@ export interface TtFormProps<T extends BaseFormComponentType = BaseFormComponent
 export type ExtendedFormApi = FormApi & {
     useStore: <T = NoInfer<TtFormProps>>(selector?: (state: NoInfer<TtFormProps>) => T) => Readonly<Ref<T>>;
 };
-export interface VbenFormAdapterOptions<T extends BaseFormComponentType = BaseFormComponentType> {
+export interface TtFormAdapterOptions<T extends BaseFormComponentType = BaseFormComponentType> {
     config?: {
         baseModelPropName?: string;
         disabledOnChangeListener?: boolean;