@dazhicheng/ui 1.5.109 → 1.5.111

package/dist/components/tt-modal/src/hooks/useModalRender.d.ts

@@ -7,10 +7,10 @@ export declare function setDefaultModalProps(props: Partial<ModalProps>): void;
 export declare function useModalRender<TParentModalProps extends ModalProps = ModalProps>(options?: ModalApiOptions, MODAL_KEY?: symbol): readonly [import('vue').DefineSetupFnComponent<TParentModalProps, {}, {}, TParentModalProps & {}, import('vue').PublicProps>, TtModalExtendedModalApi] | readonly [import('vue').DefineSetupFnComponent<ModalProps, {}, {}, Partial<{
     title: any;
     showClose: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    appendTo: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown>;
+    appendTo: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | null)[], unknown, unknown>;
     fullscreen: boolean;
     visible: boolean;
-    transition: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | ((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition))[], unknown, unknown>;
+    transition: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | ((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | null)[], unknown, unknown>;
     size: "small" | "medium" | "mini";
     center: boolean;
     height: any;
@@ -51,7 +51,7 @@ export declare function useModalRender<TParentModalProps extends ModalProps = Mo
 }> & Omit<{
     readonly title: any;
     readonly showClose: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly appendTo: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown>;
+    readonly appendTo: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | null)[], unknown, unknown>;
     readonly fullscreen: boolean;
     readonly visible: boolean;
     readonly size: "small" | "medium" | "mini";
@@ -91,14 +91,14 @@ export declare function useModalRender<TParentModalProps extends ModalProps = Mo
     readonly zIndex?: number | undefined;
     readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
     readonly top?: string | undefined;
-    readonly transition?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | ((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition))[], unknown, unknown> | undefined;
+    readonly transition?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | ((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | null)[], unknown, unknown> | undefined;
     readonly width?: string | number | undefined;
     readonly overflow?: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
     readonly closeFunc?: (() => Promise<boolean>) | undefined;
     readonly loadingTip?: string | undefined;
     readonly modalClass?: string | undefined;
     readonly alignCenter?: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
-    readonly closeIcon?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown> | undefined;
+    readonly closeIcon?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | null)[], unknown, unknown> | undefined;
     readonly headerClass?: string | undefined;
     readonly bodyClass?: string | undefined;
     readonly footerClass?: string | undefined;

package/dist/components/tt-panel-select/src/components/PanelLeft.vue.d.ts

@@ -0,0 +1,17 @@
+import { PanelSelectValue } from '../props';
+import { PanelTreeNode } from '../hooks/usePanelSelectData';
+type __VLS_Props = {
+    prefixCls: string;
+    showNav: boolean;
+    keyword: string;
+    treeData: PanelTreeNode[];
+    expandedKeys: PanelSelectValue[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (node: PanelTreeNode) => any;
+    "update:keyword": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((node: PanelTreeNode) => any) | undefined;
+    "onUpdate:keyword"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/tt-panel-select/src/components/PanelMiddle.vue.d.ts

@@ -0,0 +1,162 @@
+import { nextTick } from 'vue';
+import { PanelSelectValue } from '../props';
+import { MiddleRow } from './panel.types';
+type __VLS_Props = {
+    prefixCls: string;
+    multiple: boolean;
+    keyword: string;
+    rows: MiddleRow[];
+    optionPerRow: number;
+    rowHeight: number;
+    selectedValues: PanelSelectValue[];
+    isAllChecked: boolean;
+    isIndeterminate: boolean;
+    scrollToGroupValue?: PanelSelectValue;
+    groupCheckedMap: Record<string, boolean>;
+    groupIndeterminateMap: Record<string, boolean>;
+};
+declare function scrollToGroup(groupValue: PanelSelectValue): Promise<void>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    scrollToGroup: typeof scrollToGroup;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    checkAll: (checked: boolean) => any;
+    "update:keyword": (value: string) => any;
+    groupCheck: (groupValue: PanelSelectValue, checked: boolean) => any;
+    optionCheck: (value: PanelSelectValue, checked: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCheckAll?: ((checked: boolean) => any) | undefined;
+    "onUpdate:keyword"?: ((value: string) => any) | undefined;
+    onGroupCheck?: ((groupValue: PanelSelectValue, checked: boolean) => any) | undefined;
+    onOptionCheck?: ((value: PanelSelectValue, checked: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollbarRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly distance?: number | undefined;
+            readonly height?: number | string | undefined;
+            readonly maxHeight?: number | string | undefined;
+            readonly native?: boolean | undefined;
+            readonly wrapStyle?: import('vue').StyleValue;
+            readonly wrapClass?: string | string[] | undefined;
+            readonly viewClass?: string | string[] | undefined;
+            readonly viewStyle?: import('vue').StyleValue;
+            readonly noresize?: boolean | undefined;
+            readonly tag?: (keyof HTMLElementTagNameMap | (string & {})) | undefined;
+            readonly always?: boolean | undefined;
+            readonly minSize?: number | undefined;
+            readonly tabindex?: number | string | undefined;
+            readonly id?: string | undefined;
+            readonly role?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly ariaOrientation?: "horizontal" | "vertical" | "undefined" | undefined;
+            readonly onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined | undefined;
+            readonly "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "scroll", args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => void) & ((event: "end-reached", direction: import('element-plus').ScrollbarDirection) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').ScrollbarProps> & Readonly<{
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined;
+            "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+        }>, {
+            wrapRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+            update: () => void;
+            scrollTo: {
+                (xCord: number, yCord?: number): void;
+                (options: ScrollToOptions): void;
+            };
+            setScrollTop: (value: number) => void;
+            setScrollLeft: (value: number) => void;
+            handleScroll: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            scroll: (args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => void;
+            "end-reached": (direction: import('element-plus').ScrollbarDirection) => void;
+        }, string, {
+            tabindex: number | string;
+            height: number | string;
+            maxHeight: number | string;
+            tag: keyof HTMLElementTagNameMap | (string & {});
+            distance: number;
+            wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            wrapClass: string | string[];
+            viewClass: string | string[];
+            viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            minSize: number;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        tabindex: number | string;
+        height: number | string;
+        maxHeight: number | string;
+        tag: keyof HTMLElementTagNameMap | (string & {});
+        distance: number;
+        wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        wrapClass: string | string[];
+        viewClass: string | string[];
+        viewStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        minSize: number;
+    }> & Omit<Readonly<import('element-plus').ScrollbarProps> & Readonly<{
+        onScroll?: ((args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => any) | undefined;
+        "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+    }>, "height" | "tabindex" | "tag" | "handleScroll" | "maxHeight" | "scrollTo" | "update" | "distance" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "minSize" | "wrapRef" | "setScrollTop" | "setScrollLeft"> & import('vue').ShallowUnwrapRef<{
+        wrapRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+        update: () => void;
+        scrollTo: {
+            (xCord: number, yCord?: number): void;
+            (options: ScrollToOptions): void;
+        };
+        setScrollTop: (value: number) => void;
+        setScrollLeft: (value: number) => void;
+        handleScroll: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | null;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/tt-panel-select/src/components/PanelRight.vue.d.ts

@@ -0,0 +1,15 @@
+import { PanelTreeNode } from '../hooks/usePanelSelectData';
+import { PanelSelectValue } from '../props';
+type __VLS_Props = {
+    prefixCls: string;
+    multiple: boolean;
+    selectedOptions: PanelTreeNode[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    remove: (value: PanelSelectValue) => any;
+    clearAll: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: ((value: PanelSelectValue) => any) | undefined;
+    onClearAll?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/tt-panel-select/src/components/panel.types.d.ts

@@ -0,0 +1,12 @@
+import { OptionGroup, PanelTreeNode } from '../hooks/usePanelSelectData';
+export type MiddleRow = {
+    key: string;
+    type: "group";
+    group: OptionGroup;
+} | {
+    key: string;
+    type: "options";
+    group: OptionGroup;
+    options: PanelTreeNode[];
+    isLast: boolean;
+};

package/dist/components/tt-panel-select/src/hooks/usePanelSelectData.d.ts

@@ -0,0 +1,28 @@
+import { PanelContainerProps, PanelSelectOption, PanelSelectValue } from '../props';
+export type PanelTreeNode = PanelSelectOption & {
+    label: string;
+    value: PanelSelectValue;
+    disabled?: boolean;
+    children?: PanelTreeNode[];
+    parentValue?: PanelSelectValue | null;
+    level: number;
+    path: PanelTreeNode[];
+    raw: PanelSelectOption;
+};
+export type OptionGroup = {
+    value: PanelSelectValue;
+    label: string;
+    options: PanelTreeNode[];
+};
+export declare function usePanelSelectData(props: PanelContainerProps): {
+    loading: import('vue').Ref<boolean, boolean>;
+    fetchApi: () => Promise<void>;
+    treeOptions: import('vue').ComputedRef<PanelTreeNode[]>;
+    navTreeOptions: import('vue').ComputedRef<PanelTreeNode[]>;
+    navNodes: import('vue').ComputedRef<PanelTreeNode[]>;
+    leafNodes: import('vue').ComputedRef<PanelTreeNode[]>;
+    filterNodes: <T extends {
+        label: string;
+    }>(nodes: T[], keyword: string) => T[];
+    buildOptionGroups: (nodes: PanelTreeNode[], keyword: string) => OptionGroup[];
+};

package/dist/components/tt-panel-select/src/hooks/usePanelSelectData.shared.d.ts

@@ -0,0 +1 @@
+export declare function usePanelSelectData(): void;

package/dist/components/tt-panel-select/src/hooks/usePanelSelectSelection.d.ts

@@ -0,0 +1,21 @@
+import { Ref, WritableComputedRef } from 'vue';
+import { OptionGroup, PanelTreeNode } from './usePanelSelectData';
+import { PanelSelectModelValue, PanelSelectValue } from '../props';
+type UsePanelSelectSelectionParams = {
+    multiple: Readonly<Ref<boolean>>;
+    modelValue: Ref<PanelSelectModelValue>;
+    selectedValues: WritableComputedRef<PanelSelectValue[]>;
+    leafNodes: Readonly<Ref<PanelTreeNode[]>>;
+};
+export declare function usePanelSelectSelection(params: UsePanelSelectSelectionParams): {
+    selectedOptions: import('vue').ComputedRef<PanelTreeNode[]>;
+    isAllChecked: import('vue').ComputedRef<boolean>;
+    isIndeterminate: import('vue').ComputedRef<boolean>;
+    isGroupChecked: (group: OptionGroup) => boolean;
+    isGroupIndeterminate: (group: OptionGroup) => boolean;
+    handleGroupCheck: (group: OptionGroup, checked: boolean) => void;
+    handleOptionCheck: (value: PanelSelectValue, checked: boolean) => void;
+    handleCheckAll: (checked: boolean) => void;
+    removeSelected: (value: PanelSelectValue) => void;
+};
+export {};

package/dist/components/tt-panel-select/src/props.d.ts

@@ -0,0 +1,41 @@
+import { AnyPromiseFunction, Recordable } from '../../../../../utils/src';
+export type PanelSelectValue = string | number;
+export type PanelSelectModelValue = PanelSelectValue | PanelSelectValue[] | undefined;
+export interface PanelSelectOption extends Recordable {
+    label?: string;
+    value?: PanelSelectValue;
+    disabled?: boolean;
+    children?: PanelSelectOption[];
+}
+export interface PanelContainerProps {
+    /** 是否展示左侧导航栏 */
+    showNav?: boolean;
+    /** 是否多选 */
+    multiple?: boolean;
+    /** 远程加载数据 */
+    api?: (arg?: any) => Promise<PanelSelectOption[] | Recordable>;
+    /** 传递给 api 的参数 */
+    params?: Recordable;
+    /** 从 api 返回结果中提取数组的字段名 */
+    resultField?: string;
+    /** 直接传入的数据，支持树结构或平铺结构 */
+    options?: PanelSelectOption[];
+    /** label 字段名 */
+    labelField?: string;
+    /** value 字段名 */
+    valueField?: string;
+    /** disabled 字段名 */
+    disabledField?: string;
+    /** children 字段名，传树结构时使用 */
+    childrenField?: string;
+    /** parent 字段名，传平铺结构时用于转树 */
+    parentField?: string;
+    /** 根节点 parent 值 */
+    rootParentValue?: PanelSelectValue | null;
+    /** 是否立即请求远程数据 */
+    immediate?: boolean;
+    /** 请求前处理参数 */
+    beforeFetch?: AnyPromiseFunction<any, any>;
+    /** 请求后处理返回值 */
+    afterFetch?: AnyPromiseFunction<any, any>;
+}