@touchvue/ui 1.0.0-beta.6 → 1.0.0-beta.60

package/lib/components/timeline/src/timeline.vue.d.ts

@@ -1,6 +1,7 @@
 import { PropType } from 'vue';
 import type { TimelineItem, TimelineTimePosition, TimelineDirection, TimelineAlign, TimelineMode } from './timeline';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    flex: BooleanConstructor;
     data: {
         type: PropType<TimelineItem[]>;
         default: () => any[];
@@ -10,7 +11,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (val: string) => boolean;
     };
-    type: {
+    dir: {
         type: PropType<TimelineDirection>;
         default: string;
         validator: (val: string) => boolean;
@@ -18,7 +19,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     mode: {
         type: PropType<TimelineMode>;
         default: string;
-        validator: (val: string) => boolean;
     };
     align: {
         type: PropType<TimelineAlign>;
@@ -33,56 +33,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    showLine: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    lineColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    lineStyle: {
-        type: StringConstructor;
-        default: string;
-        validator: (val: string) => boolean;
-    };
-    className: {
-        type: StringConstructor;
-        default: string;
-    };
-    style: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
+    tail: BooleanConstructor;
 }>, {
     displayItems: import("vue").ComputedRef<TimelineItem[]>;
-    timelineClasses: import("vue").ComputedRef<any[]>;
-    customClass: import("vue").ComputedRef<string>;
-    customStyle: import("vue").ComputedRef<Record<string, any>>;
-    nodeIconClass: import("vue").ComputedRef<string>;
-    lineClass: import("vue").ComputedRef<string>;
-    contentClass: import("vue").ComputedRef<string>;
-    getItemClass: (item: TimelineItem) => string[];
-    getIconMode: (item: TimelineItem) => "fill" | "plain" | "line";
-    getItemStyle: (item: TimelineItem) => Record<string, string>;
-    getLineStyle: (item: TimelineItem) => {
-        backgroundColor: string;
-    } | {
-        backgroundColor?: undefined;
-    };
-    getDotStyle: (item: TimelineItem) => {
-        backgroundColor: string;
-        boxShadow: string;
-    } | {
-        backgroundColor?: undefined;
-        boxShadow?: undefined;
-    };
+    getClass: import("vue").ComputedRef<any[]>;
+    getIconMode: (item: TimelineItem) => string;
+    getItemStyle: () => Record<string, string>;
     showTimeOutside: (item: TimelineItem) => string;
     showTimeInside: (item: TimelineItem) => string;
-    showItemLine: (item: TimelineItem) => boolean;
-    getSlotName: (index: number) => string;
     handleItemClick: (item: TimelineItem, index: number) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "item-rendered")[], "click" | "item-rendered", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    flex: BooleanConstructor;
     data: {
         type: PropType<TimelineItem[]>;
         default: () => any[];
@@ -92,7 +53,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (val: string) => boolean;
     };
-    type: {
+    dir: {
         type: PropType<TimelineDirection>;
         default: string;
         validator: (val: string) => boolean;
@@ -100,7 +61,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     mode: {
         type: PropType<TimelineMode>;
         default: string;
-        validator: (val: string) => boolean;
     };
     align: {
         type: PropType<TimelineAlign>;
@@ -115,56 +75,37 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    showLine: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    lineColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    lineStyle: {
-        type: StringConstructor;
-        default: string;
-        validator: (val: string) => boolean;
-    };
-    className: {
-        type: StringConstructor;
-        default: string;
-    };
-    style: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
+    tail: BooleanConstructor;
 }>> & Readonly<{
     onClick?: (...args: any[]) => any;
     "onItem-rendered"?: (...args: any[]) => any;
 }>, {
-    mode: TimelineMode;
+    mode: string;
     align: TimelineAlign;
     reverse: boolean;
+    flex: boolean;
     data: TimelineItem[];
-    type: TimelineDirection;
-    style: Record<string, any>;
+    dir: TimelineDirection;
     itemWidth: string | number;
-    className: string;
+    tail: boolean;
     timePosition: TimelineTimePosition;
-    showLine: boolean;
-    lineColor: string;
-    lineStyle: string;
 }, {}, {
     ToIcon: import("@touchvue/ui/lib/utils").SFCWithInstall<{
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("@touchvue/ui/index.ts").Props> & Readonly<{
             onClick?: (evt: MouseEvent) => any;
-        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            onMousedown?: (evt: MouseEvent) => any;
+        }>, {
+            el: import("vue").Ref<any, any>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
             click: (evt: MouseEvent) => any;
+            mousedown: (evt: MouseEvent) => any;
         }, import("vue").PublicProps, {
             value: string;
             mode: string;
             color: string;
+            flex: boolean;
             link: boolean;
             type: string;
-            contentSize: number | string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -174,28 +115,35 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             Defaults: {};
         }, Readonly<import("@touchvue/ui/index.ts").Props> & Readonly<{
             onClick?: (evt: MouseEvent) => any;
-        }>, {}, {}, {}, {}, {
+            onMousedown?: (evt: MouseEvent) => any;
+        }>, {
+            el: import("vue").Ref<any, any>;
+        }, {}, {}, {}, {
             value: string;
             mode: string;
             color: string;
+            flex: boolean;
             link: boolean;
             type: string;
-            contentSize: number | string;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("@touchvue/ui/index.ts").Props> & Readonly<{
         onClick?: (evt: MouseEvent) => any;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        onMousedown?: (evt: MouseEvent) => any;
+    }>, {
+        el: import("vue").Ref<any, any>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         click: (evt: MouseEvent) => any;
+        mousedown: (evt: MouseEvent) => any;
     }, string, {
         value: string;
         mode: string;
         color: string;
+        flex: boolean;
         link: boolean;
         type: string;
-        contentSize: number | string;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;

package/lib/components/tip/index.d.ts

@@ -12,6 +12,7 @@ interface TipOptions {
     during?: string | number;
     closable?: boolean;
     deletable?: boolean;
+    showIcon?: boolean;
     className?: string;
     [key: string]: any;
 }

package/lib/components/tip/src/tip.d.ts

@@ -1,7 +1,8 @@
 import type { ExtractPropTypes } from 'vue';
 export declare const tipProps: {
+    flex: BooleanConstructor;
     icon: {
-        type: StringConstructor;
+        type: (BooleanConstructor | StringConstructor)[];
         default: string;
     };
     content: {

package/lib/components/tip/src/tip.vue.d.ts

@@ -2,8 +2,9 @@ declare function __VLS_template(): {
     default?(_: {}): any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    flex: BooleanConstructor;
     icon: {
-        type: StringConstructor;
+        type: (BooleanConstructor | StringConstructor)[];
         default: string;
     };
     content: {
@@ -48,8 +49,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     open: () => void;
     close: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    flex: BooleanConstructor;
     icon: {
-        type: StringConstructor;
+        type: (BooleanConstructor | StringConstructor)[];
         default: string;
     };
     content: {
@@ -93,11 +95,12 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>> & Readonly<{}>, {
     mode: string;
     color: string;
-    position: string;
     open: Function;
     close: Function;
+    flex: boolean;
+    position: string;
     content: string;
-    icon: string;
+    icon: string | boolean;
     removable: boolean;
     opDisplay: string;
     during: string | number;

package/lib/components/tooltip/src/tooltip.d.ts

@@ -1,10 +1,6 @@
 import type { ExtractPropTypes } from 'vue';
 export declare const tooltipProps: {
-    event: {
-        type: StringConstructor;
-        default: string;
-    };
-    shadow: BooleanConstructor;
+    flex: BooleanConstructor;
     position: {
         type: StringConstructor;
         default: string;
@@ -29,7 +25,7 @@ export declare const tooltipProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    isScrollClose: {
+    closeOnScroll: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -45,6 +41,10 @@ export declare const tooltipProps: {
         type: NumberConstructor;
         default: number;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export type TooltipPropsProps = ExtractPropTypes<typeof tooltipProps>;
 export declare const tooltipEmits: string[];

package/lib/components/tooltip/src/tooltip.vue.d.ts

@@ -2,11 +2,7 @@ declare function __VLS_template(): {
     default?(_: {}): any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    event: {
-        type: StringConstructor;
-        default: string;
-    };
-    shadow: BooleanConstructor;
+    flex: BooleanConstructor;
     position: {
         type: StringConstructor;
         default: string;
@@ -31,7 +27,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
-    isScrollClose: {
+    closeOnScroll: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -47,15 +43,15 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: NumberConstructor;
         default: number;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     open: (by: any) => void;
     close: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    event: {
-        type: StringConstructor;
-        default: string;
-    };
-    shadow: BooleanConstructor;
+    flex: BooleanConstructor;
     position: {
         type: StringConstructor;
         default: string;
@@ -80,7 +76,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
-    isScrollClose: {
+    closeOnScroll: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -96,19 +92,23 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: NumberConstructor;
         default: number;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     mode: string;
     color: string;
     align: string;
-    event: string;
-    shadow: boolean;
+    flex: boolean;
     position: string;
     width: string | number;
     lazy: boolean;
     closeOnBlur: boolean;
-    isScrollClose: boolean;
+    closeOnScroll: boolean;
     delay: string | number;
     zIndex: number;
+    readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/lib/components/transfer/src/transfer.vue.d.ts

@@ -2,6 +2,7 @@ interface DataItem {
     [key: string]: any;
 }
 interface Props {
+    flex?: boolean;
     mode?: string;
     data?: DataItem[] | string;
     leftTitle?: string;
@@ -12,7 +13,7 @@ interface Props {
     height?: string | number;
     order?: string;
     filterable?: boolean;
-    fillet?: string;
+    showDisabled?: boolean;
 }
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     change: (value: string) => any;
@@ -22,15 +23,16 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     "onUpdate:modelValue"?: (value: string) => any;
 }>, {
     mode: string;
+    flex: boolean;
     data: DataItem[] | string;
     height: string | number;
     valueText: string;
     labelText: string;
     modelValue: string;
     filterable: boolean;
-    fillet: string;
     leftTitle: string;
     rightTitle: string;
     order: string;
+    showDisabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/tree/src/tree.vue.d.ts

@@ -1,3 +1,5 @@
+import { Ref } from 'vue';
+export type TreeKeys = string | number;
 export interface Node {
     label: string;
     value: string;
@@ -7,9 +9,12 @@ export interface Node {
     isExpand?: boolean;
     checked?: boolean;
     isSelect?: boolean;
+    loading?: boolean;
+    isLoad?: boolean;
     [key: string]: any;
 }
 export interface Props {
+    flex?: boolean;
     mode?: string;
     expand?: boolean;
     data: Node[];
@@ -24,20 +29,30 @@ export interface Props {
     valueText?: string;
     labelText?: string;
     emptyText?: string;
+    load?: (node: any) => any | null;
+    parentSelectable?: boolean;
+    filterNodeMethod?: (key: any, node: any) => any | null;
 }
+declare function filter(val: any): void;
 export interface ProvideType {
     setPropertyByValue: (value: string, setValue: boolean, prop: string) => void;
     itemClick: (node: any) => void;
     setCheckByParentAndChild: (arr: Node[], value: string, setVale: boolean) => void;
-    store: Node[];
+    store: Ref<Node[]>;
     change: (value: any, item: Node) => void;
+    setStopChange: (value: boolean) => void;
+    setChildren: (node: Node, children: Node[], needReset?: boolean) => void;
+    setParentCheck: (arr: Node[]) => void;
+    updateModelValue: () => void;
 }
 declare function __VLS_template(): {
     default?(_: {
         item: any;
     }): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<Props, {
+    filter: typeof filter;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
     "item-click": (...args: any[]) => void;
@@ -48,10 +63,12 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
 }>, {
     mode: string;
     data: Node[];
+    load: (node: any) => any | null;
+    expand: boolean;
     valueText: string;
     labelText: string;
     modelValue: Node[] | string;
-    expand: boolean;
+    emptyText: string;
     toggleLink: false;
     checkLink: false;
     selectable: false;
@@ -59,7 +76,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     checkStrictly: false;
     accordion: false;
     childrenText: string;
-    emptyText: string;
+    parentSelectable: boolean;
+    filterNodeMethod: (key: any, node: any) => any | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/lib/components/upload/src/upload.vue.d.ts

@@ -1,5 +1,7 @@
 export type UploadType = 'input' | 'img' | 'button';
 export interface FileProps {
+    tip?: string;
+    flex?: boolean;
     mode?: string;
     multiple?: boolean;
     auto?: boolean;
@@ -15,19 +17,22 @@ export interface FileProps {
     maxLength?: number;
     accept?: string;
     maxSize?: string | number;
-    duplicatable?: false;
+    duplicatable?: boolean;
     fileIdText?: string;
     disabled?: boolean;
     downloadable?: boolean;
     name?: string;
-    credentialsable?: boolean;
+    withCredentials?: boolean;
     files?: any[];
     data?: object;
-    beforeSelect?: (() => boolean | Promise<any>) | null;
-    beforeStart?: (() => boolean | Promise<any>) | null;
+    beforeSelect?: ((fileList: any) => boolean | Promise<any>) | null;
+    beforeStart?: ((file: any) => boolean | Promise<any>) | null;
     verifiable?: boolean;
+    showList?: boolean;
+    text?: string;
 }
 declare function clear(): void;
+declare function submit(): Promise<boolean>;
 declare function __VLS_template(): {
     default?(_: {
         fileList: any[];
@@ -35,6 +40,9 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import("vue").DefineComponent<FileProps, {
     clear: typeof clear;
+    errorTip: import("vue").Ref<string, string>;
+    errorType: import("vue").Ref<string, string>;
+    submit: typeof submit;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     success: (...args: any[]) => void;
     clear: (...args: any[]) => void;
@@ -56,13 +64,16 @@ declare const __VLS_component: import("vue").DefineComponent<FileProps, {
 }>, {
     mode: string;
     auto: boolean;
+    flex: boolean;
     width: string | number;
     name: string;
     data: object;
     type: UploadType;
     required: boolean;
+    tip: string;
     disabled: boolean;
     desc: string;
+    text: string;
     id: string;
     placeholder: string;
     multiple: boolean;
@@ -72,14 +83,15 @@ declare const __VLS_component: import("vue").DefineComponent<FileProps, {
     maxLength: number;
     accept: string;
     maxSize: string | number;
-    duplicatable: false;
+    duplicatable: boolean;
     fileIdText: string;
     downloadable: boolean;
-    credentialsable: boolean;
+    withCredentials: boolean;
     files: any[];
     headers: object;
-    beforeSelect: (() => boolean | Promise<any>) | null;
-    beforeStart: (() => boolean | Promise<any>) | null;
+    beforeSelect: ((fileList: any) => boolean | Promise<any>) | null;
+    beforeStart: ((file: any) => boolean | Promise<any>) | null;
+    showList: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/lib/directives/index.d.ts

@@ -6,8 +6,9 @@ import { vAlign } from './align';
 import { vTip } from './tip';
 import { vLoading } from './loading';
 import { vHide } from './hide';
+import { vPress } from './press';
 declare const _default: {
     install: (app: App) => void;
 };
 export default _default;
-export { vAlign, vColor, vDis, vLoading, vSize, vTip, vHide };
+export { vAlign, vColor, vDis, vLoading, vSize, vTip, vHide, vPress };

package/lib/directives/press/index.d.ts

@@ -0,0 +1,2 @@
+import { vPress } from './src/press';
+export { vPress };

package/lib/directives/press/src/press.d.ts

@@ -0,0 +1,20 @@
+import type { ObjectDirective } from 'vue';
+type PressHandler = (event: PointerEvent) => void;
+export interface PressOptions {
+    handler: PressHandler;
+    interval?: number;
+    delay?: number;
+    immediate?: boolean;
+}
+interface PressElement extends HTMLElement {
+    _pressState?: {
+        options: PressOptions | null;
+        timer: ReturnType<typeof setInterval> | null;
+        delayTimer: ReturnType<typeof setTimeout> | null;
+        pointerId: number | null;
+        start: (event: PointerEvent) => void;
+        stop: (event?: PointerEvent) => void;
+    };
+}
+export declare const vPress: ObjectDirective<PressElement, PressHandler | PressOptions>;
+export {};

package/lib/hooks/useSetClass.d.ts

@@ -5,10 +5,12 @@ import { ComputedRef } from 'vue';
 export interface StyleProps {
     mode?: string;
     color?: string;
-    fillet?: string;
-    filletPosition?: string;
     link?: boolean;
 }
+/**
+ * 将空格分隔的 mode 转换为 class 数组
+ */
+export declare function getModeClasses(mode?: string): string[];
 /**
  * 设置 class 的通用 hook
  * @param prefix 组件前缀