vft 0.0.142 → 0.0.144

package/lib/{components → app-components}/super-form/types.d.ts

@@ -1,8 +1,10 @@
-import type { ButtonProps, ColProps, RowProps } from 'vft/es/components';
-import type { FormItemProp, FormItemProps, FormProps } from 'vft/es/components/form';
+import type { ButtonProps, ColProps, RowProps } from '..';
+import type { FormItemProps, FormProps } from '../form';
 import type { InternalRuleItem, RuleItem } from 'async-validator';
-import type { StyleValue, VNode } from 'vue';
+import type { VNode } from 'vue';
+import type { StyleValue } from 'vue/types/jsx';
 import { FormCompEnum } from './component-map';
+import type { Arrayable, Recordable } from '../types';
 export type ButtonOptions = Partial<ButtonProps> & {
     btnText?: string;
 };
@@ -21,6 +23,8 @@ export type Rule = {
 };
 type FormItemRule = Omit<RuleItem, 'validator'> & Rule & {
     validator?: (rule: InternalRuleItem, value: any, callback?: (error?: string | Error) => void) => Promise<any>;
+} & {
+    isNumber?: boolean;
 };
 export interface RenderCallbackParams {
     schema: FormSchema;
@@ -31,7 +35,7 @@ export interface RenderCallbackParams {
 export interface FormActionType {
     submit: () => Promise<void>;
     setFieldsValue: (values: Recordable) => Promise<void>;
-    resetFields: (props?: FormItemProp | FormItemProp[]) => Promise<void>;
+    resetFields: (props?: FormItemProps | FormItemProps[]) => Promise<void>;
     getFieldsValue: () => Recordable;
     getFieldValue: (field: string) => string | number | Recordable;
     clearValidate: (name?: string | string[]) => Promise<void>;
@@ -57,81 +61,117 @@ export interface SuperFormActionProps {
 }
 type FormInnerProps = FormProps & SuperFormActionProps;
 export interface SuperFormProps extends FormInnerProps {
+    /** 配置表单的 RowProps */
     rowProps?: RowProps;
+    /** 配置所有选子项的 ColProps */
     baseColProps?: Partial<ColProps>;
+    /** 根据 1/2/3...快速分列 */
     quickColSpan?: number;
+    /** 自动设置占位符 */
     autoSetPlaceHolder?: boolean;
+    /** 表单配置 */
     schemas?: FormSchema[];
+    /** 是否聚焦第一个输入框，只在第一个表单项为 input 的时候作用 */
     autoFocusFirstItem?: boolean;
+    /** 重置时是否提交表单 */
     submitOnReset?: boolean;
+    /** 额外传递到子组件的参数 values */
     mergeDynamicData?: Recordable;
+    /** 将表单内时间区域的值映射成 2 个字段 */
     fieldMapToTime?: FieldMapToTime;
+    /** 在input中输入时按回车自动提交 */
     autoSubmitOnEnter?: boolean;
+    /** 如果表单项有校验，会自动生成校验信息，该参数控制是否将字段中文名字拼接到自动生成的信息后方 */
     rulesMessageJoinLabel?: boolean;
-    autoAdvancedLine?: number;
-    alwaysShowLines?: number;
-    tableAction?: any;
+    /** 表单改变时触发提交 */
     submitOnChange?: boolean;
+    /** 是否显示操作按钮(重置/提交) */
     showActionButtonGroup?: boolean;
+    /** 自动清除报错信息 */
     autoCleanErrorMessage?: boolean;
+    /** 提交前置事件 */
     beforeSubmitFunc?: () => Promise<void>;
+    /** 提交 */
     submitFunc?: () => Promise<void>;
+    /** 监听数据是否发生改变 */
     watchDataIsChange?: boolean;
+    /** Form 下组件宽度是否撑满 */
     compFullWidth?: boolean;
+    /** 操作栏是否为行内 */
     actionInline?: boolean;
+    /** 自定义 reset 事件 */
+    resetFunc?: () => Promise<void>;
 }
 export interface FormSchema {
+    /** 字段 key */
     field: string;
-    changeEvent?: string;
-    valueField?: string;
+    /** 名称 label title 都可以 */
     label?: string | VNode;
     title?: string | VNode;
+    /** 值改变的触发事件 */
+    changeEvent?: string;
+    /** v-model 绑定的 value 值 */
+    valueField?: string;
+    /** 子 label */
     subLabel?: string;
+    /** 是否显示 label */
     showLabel?: boolean;
-    helpMessage?: string | string[] | ((renderCallbackParams: RenderCallbackParams) => string | string[]);
-    helpComponentProps?: Partial<HelpComponentProps>;
+    /** 标签宽度，如果通过，则 itemProps 配置的 labelCol 和 WrapperCol 将无效 */
     labelWidth?: string | number;
-    disabledLabelWidth?: boolean;
-    type?: FormCompEnum;
+    /** 渲染组件 */
+    type: FormCompEnum;
+    /** 组件内置参数 */
     componentProps?: ((opt: {
         schema: FormSchema;
-        tableAction?: any;
         formActionType: FormActionType;
         formModel: Recordable;
     }) => Recordable) | object;
+    /** 是否为必填项 */
     required?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean);
+    /** 组件后自定义内容 */
     suffix?: string | number | ((values: RenderCallbackParams) => string | number) | VNode | JSX.Element | (() => JSX.Element);
+    /** 组件前自定义内容 */
     prefix?: string | number | ((values: RenderCallbackParams) => string | number) | VNode | JSX.Element | (() => JSX.Element);
+    /** 前置内容父级样式 */
     prefixParentStyle?: StyleValue;
+    /** 自定义规则 */
     rules?: FormItemRule[] | FormItemRule;
+    /** 自定义报错规则是否添加自动添加 label */
     rulesMessageJoinLabel?: boolean;
+    /** 自动生成 placeholder */
     placeholderJoinLabel?: boolean;
-    itemProps?: Partial<FormItemProps>;
+    /** form-item 参数 */
+    itemProps?: Partial<FormItemProps & {
+        title: string;
+    }>;
+    /** col 参数 */
     colProps?: Partial<ColProps>;
+    /** 根据 1/2/3...快速分列 */
     quickColSpan?: number;
+    /** 默认值 */
     defaultValue?: any;
+    /** 是否自动处理与时间相关组件的默认值 */
     isHandleDateDefaultValue?: boolean;
-    isAdvanced?: boolean;
+    /** 栅格占据的列数 */
     span?: number;
+    /** 动态判断当前组件是否显示，js 控制，会删除 dom */
     ifShow?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean);
+    /** 动态判断当前组件是否显示，css 控制，不会删除 dom */
     show?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean);
+    /** 自定义渲染组件*/
     render?: (renderCallbackParams: RenderCallbackParams) => VNode | VNode[] | string;
+    /** 自定义渲染组件（需要自行包含 formItem）*/
     renderColContent?: (renderCallbackParams: RenderCallbackParams) => VNode | VNode[] | string;
+    /** 自定义渲染组内部的 slot */
     renderComponentContent?: ((renderCallbackParams: RenderCallbackParams) => any) | VNode | VNode[] | string;
+    /** 自定义 slot，渲染组件 */
     slot?: string;
+    /** 自定义 slot，渲染组件 （需要自行包含 formItem）*/
     colSlot?: string;
+    /** 动态判断当前组件是否禁用 */
     dynamicDisabled?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean);
-    dynamicRule?: (renderCallbackParams: RenderCallbackParams) => Rule | Rule[];
+    /** 动态判返当前组件你校验规则 */
+    dynamicRule?: (renderCallbackParams: RenderCallbackParams) => Arrayable<FormItemRule>;
     dynamicRuleAdd?: boolean;
 }
-export interface HelpComponentProps {
-    maxWidth: string;
-    showIndex: boolean;
-    text: any;
-    color: string;
-    fontSize: string;
-    icon: string;
-    absolute: boolean;
-    position: any;
-}
 export {};

package/lib/app-components/super-form/use/helper.d.ts

@@ -0,0 +1,17 @@
+import { FormCompEnum } from '../component-map';
+/**
+ * @description 自动创建 placeholder
+ * @example
+ * @returns
+ * @param type 组件类型
+ * @param label
+ */
+export declare function createPlaceholderMessage(type: FormCompEnum, label?: string): string;
+/**
+ * @description 处理 input 输入为数值的 val
+ * @example
+ * @returns
+ * @param type
+ * @param val
+ */
+export declare function handleInputNumberValue(type?: FormCompEnum, val?: any): any;

package/lib/app-components/super-form/use/use-auto-focus.d.ts

@@ -0,0 +1,11 @@
+import type { ComputedRef, Ref } from 'vue';
+import type { FormActionType, FormSchema, SuperFormProps } from '../types';
+interface UseAutoFocusContext {
+    getSchema: ComputedRef<FormSchema[]>;
+    getProps: ComputedRef<SuperFormProps>;
+    isInitedDefault: Ref<boolean>;
+    formElRef: Ref<FormActionType>;
+}
+/** 自动聚焦处理 */
+export declare function useAutoFocus({ getSchema, getProps, formElRef, isInitedDefault, }: UseAutoFocusContext): Promise<void>;
+export {};

package/lib/app-components/super-form/use/use-form-context.d.ts

@@ -0,0 +1,8 @@
+export interface FormContextProps {
+    resetAction: (props?: Record<string, any>) => Promise<void>;
+    submitAction: () => Promise<void>;
+}
+export declare function createFormContext(context: FormContextProps): {
+    state: any;
+};
+export declare function useFormContext(): any;

package/{es/components → lib/app-components}/super-form/use/use-form-events.d.ts

@@ -1,4 +1,5 @@
 import type { ComputedRef, Ref } from 'vue';
+import type { Recordable, Fn } from '../../types';
 import type { FormActionType, FormSchema, SuperFormProps } from '../types';
 interface UseFormActionContext {
     emit: any;

package/{es/components → lib/app-components}/super-form/use/use-form-values.d.ts

@@ -1,4 +1,5 @@
 import type { ComputedRef, Ref } from 'vue';
+import type { Recordable } from '../../types';
 import type { FormSchema, SuperFormProps } from '../types';
 interface UseFormValuesContext {
     defaultValueRef: Ref<any>;
@@ -7,7 +8,7 @@ interface UseFormValuesContext {
     formModel: Recordable;
 }
 export declare function useFormValues({ defaultValueRef, getSchema, formModel, getProps, }: UseFormValuesContext): {
-    handleFormValues: (values: Recordable) => Recordable<any>;
+    handleFormValues: (values: Recordable) => Recordable;
     initDefault: () => void;
 };
 export {};

package/lib/app-components/super-form/use/use-form.d.ts

@@ -0,0 +1,9 @@
+import { type ComputedRef, type Ref } from 'vue';
+import type { FormActionType, SuperFormProps } from '../types';
+export declare function getDynamicProps<T extends Record<string, unknown>, U>(props: T): Partial<U>;
+type DynamicProps<T> = {
+    [P in keyof T]: Ref<T[P]> | T[P] | ComputedRef<T[P]>;
+};
+type Props = Partial<DynamicProps<SuperFormProps>>;
+export declare function useForm(props?: Props): (FormActionType | ((instance: FormActionType) => void))[];
+export {};

package/lib/app-components/types.d.ts

@@ -0,0 +1,6 @@
+export type Arrayable<T> = T | T[];
+export type Nullable<T> = T | null;
+export type Recordable<T = any> = Record<string, T>;
+export interface Fn<T = any, R = T> {
+    (...arg: T[]): R;
+}

package/lib/app-components/upload/index.d.ts

@@ -0,0 +1,3 @@
+import VftUpload from './upload.vue';
+export * from './types';
+export { VftUpload };

package/lib/app-components/upload/types.d.ts

@@ -0,0 +1,33 @@
+import type { ImgFitType, ImageProps } from '../vft-image/types';
+export type Interceptor = (...args: any[]) => Promise<boolean> | boolean | undefined | void;
+export type UploaderFileListItem = {
+    url?: string;
+    file?: File;
+    /** blob 临时链接 */
+    objectUrl?: string;
+    /** base64内容 */
+    content?: string;
+    /** 用户自定义是否为图片的标志属性 */
+    isImage?: boolean;
+    /** 上传图片的状态 */
+    status?: '' | 'uploading' | 'done' | 'failed';
+    message?: string;
+    beforeDelete?: Interceptor;
+} & Omit<UploadCommonProps, 'previewOptions'>;
+export type UploaderBeforeRead = (file: File | File[]) => boolean | undefined | Promise<File | File[] | undefined>;
+export type UploaderAfterRead = (items: UploaderFileListItem | UploaderFileListItem[]) => void;
+/** 文件读取结果类型 */
+export type UploaderResultType = 'dataUrl' | 'text' | 'file';
+export type UploaderMaxSize = number | string | ((file: File) => boolean);
+export interface UploadCommonProps {
+    /** 预览图片参数配置 */
+    previewOptions?: Partial<ImageProps>;
+    /** 是否显示删除按钮 */
+    deletable?: boolean;
+    /** 预览图片的大小 */
+    previewSize?: number | string | (string | number)[];
+    /** 预览图裁剪模式 */
+    imageFit?: ImgFitType;
+    /** 是否开启覆盖上传 */
+    reupload?: boolean;
+}

package/lib/app-components/upload/utils.d.ts

@@ -0,0 +1,26 @@
+import { UploaderFileListItem, UploaderMaxSize, UploaderResultType } from './types';
+/**
+ * @description 文件内容读取
+ * @example
+ * @returns
+ * @param file
+ * @param resultType 文件读取结果类型
+ * - file 结果仅包含 File 对象
+ * - text 结果包含 File 对象，以及文件的文本内容
+ * - dataUrl 结果包含 File 对象，以及文件对应的 base64 编码
+ */
+export declare function readFileContent(file: File, resultType: UploaderResultType): Promise<string | void>;
+/**
+ * @description 判断文件的大小是否超过 maxSize
+ * @example
+ * @returns
+ * @param items
+ * @param maxSize
+ */
+export declare function isOversize(items: UploaderFileListItem | UploaderFileListItem[], maxSize: UploaderMaxSize): boolean;
+export declare function filterFiles(items: UploaderFileListItem[], maxSize: UploaderMaxSize): {
+    valid: UploaderFileListItem[];
+    invalid: UploaderFileListItem[];
+};
+export declare const isImageUrl: (url: string) => boolean;
+export declare function isImageFile(item: UploaderFileListItem): boolean;

package/lib/app-components/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './interceptor';

package/lib/app-components/utils/interceptor.d.ts

@@ -0,0 +1,6 @@
+export type Interceptor = (...args: any[]) => Promise<boolean> | boolean | undefined | void;
+export declare function callInterceptor(interceptor: Interceptor | undefined, { args, done, canceled, }: {
+    args?: unknown[];
+    done: () => void;
+    canceled?: () => void;
+}): void;

package/lib/components/affix/affix.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");const t=require("@vft/utils"),i=require("../../constants/event.cjs");require("../../utils/ns-cover.cjs");require("lodash");const o=require("../../utils/vue/props/runtime.cjs");require("vue");const u=o.buildProps({zIndex:{type:Number,default:100},target:{type:String,default:""},offset:{type:Number,default:0},position:{type:String,values:["top","bottom"],default:"top"}}),s={scroll:({scrollTop:e,fixed:r})=>t.isNumber(e)&&t.isBoolean(r),[i.CHANGE_EVENT]:e=>t.isBoolean(e)};exports.affixEmits=s;exports.affixProps=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");const t=require("@vft/utils"),i=require("../../constants/event.cjs");require("../../utils/ns-cover.cjs");const o=require("../../utils/vue/props/runtime.cjs");require("vue");const s=o.buildProps({zIndex:{type:Number,default:100},target:{type:String,default:""},offset:{type:Number,default:0},position:{type:String,values:["top","bottom"],default:"top"}}),u={scroll:({scrollTop:e,fixed:r})=>t.isNumber(e)&&t.isBoolean(r),[i.CHANGE_EVENT]:e=>t.isBoolean(e)};exports.affixEmits=u;exports.affixProps=s;

package/lib/components/affix/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const r=require("../../utils/vue/install.cjs");require("vue");const t=require("./affix.vue2.cjs"),e=r.withInstall(t.default);exports.VftAffix=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash");require("vue");const t=require("./affix.vue2.cjs"),e=r.withInstall(t.default);exports.VftAffix=e;exports.default=e;

package/lib/components/alert/alert.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const f=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const m=e.defineComponent({name:"vft-alert"}),p=e.defineComponent({...m,props:{title:{default:""},description:{default:""},type:{default:"info"},closable:{type:Boolean,default:!0},closeText:{default:""},showIcon:{type:Boolean},center:{type:Boolean},effect:{default:"light"}},emits:{close:l=>l instanceof MouseEvent},setup(l,{emit:i}){const o=f.useNamespace("alert"),n=e.useSlots(),s=e.ref(!0),r=e.computed(()=>l.type),u=e.computed(()=>[o.e("icon"),{[o.is("big")]:!!l.description||!!n.default}]),d=e.computed(()=>({[o.is("bold")]:l.description||n.default})),a=t=>{s.value=!1,i("close",t)};return(t,k)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(o).b("fade")},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass([e.unref(o).b(),e.unref(o).m(t.type),e.unref(o).is("center",t.center),e.unref(o).is(t.effect)]),role:"alert"},[t.showIcon&&r.value?(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:0,class:e.normalizeClass(u.value),icon:r.value},null,8,["class","icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("content"))},[t.title||t.$slots.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(o).e("title"),d.value])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.$slots.default||t.description?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(o).e("description"))},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.closable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[t.closeText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o).e("close-btn"),e.unref(o).is("customed")]),onClick:a},e.toDisplayString(t.closeText),3)):(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:1,class:e.normalizeClass(e.unref(o).e("close-btn")),onClick:a,icon:t.CloseIcon},null,8,["class","icon"]))],64)):e.createCommentVNode("",!0)],2)],2),[[e.vShow,s.value]])]),_:3},8,["name"]))}});exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const f=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const o=f.useNamespace("alert"),m=e.defineComponent({name:o.b()}),p=e.defineComponent({...m,props:{title:{default:""},description:{default:""},type:{default:"info"},closable:{type:Boolean,default:!0},closeText:{default:""},showIcon:{type:Boolean},center:{type:Boolean},effect:{default:"light"}},emits:{close:l=>l instanceof MouseEvent},setup(l,{emit:i}){const n=e.useSlots(),s=e.ref(!0),r=e.computed(()=>l.type),u=e.computed(()=>[o.e("icon"),{[o.is("big")]:!!l.description||!!n.default}]),d=e.computed(()=>({[o.is("bold")]:l.description||n.default})),a=t=>{s.value=!1,i("close",t)};return(t,k)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(o).b("fade")},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass([e.unref(o).b(),e.unref(o).m(t.type),e.unref(o).is("center",t.center),e.unref(o).is(t.effect)]),role:"alert"},[t.showIcon&&r.value?(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:0,class:e.normalizeClass(u.value),icon:r.value},null,8,["class","icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("content"))},[t.title||t.$slots.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(o).e("title"),d.value])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.$slots.default||t.description?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(o).e("description"))},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.closable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[t.closeText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o).e("close-btn"),e.unref(o).is("customed")]),onClick:a},e.toDisplayString(t.closeText),3)):(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:1,class:e.normalizeClass(e.unref(o).e("close-btn")),onClick:a,icon:t.CloseIcon},null,8,["class","icon"]))],64)):e.createCommentVNode("",!0)],2)],2),[[e.vShow,s.value]])]),_:3},8,["name"]))}});exports.default=p;

package/lib/components/alert/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const r=require("../../utils/vue/install.cjs");require("vue");const t=require("./alert.vue2.cjs"),e=r.withInstall(t.default);exports.VftAlert=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash");require("vue");const t=require("./alert.vue2.cjs"),e=r.withInstall(t.default);exports.VftAlert=e;exports.default=e;

package/lib/components/autocomplete/autocomplete.vue.d.ts

@@ -95,7 +95,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
-            readonly strategy?: "absolute" | "fixed" | undefined;
+            readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly id?: string | undefined;
             ref_for?: boolean | undefined;
@@ -146,14 +146,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             readonly onMouseenter?: Function | undefined;
             readonly onMouseleave?: Function | undefined;
             readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
+            readonly className?: import("../types").ClassType | undefined;
+            readonly ariaLabel?: string | undefined;
             readonly disabled?: boolean | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
             readonly appendTo?: any;
-            readonly className?: import("../types").ClassType | undefined;
-            readonly ariaLabel?: string | undefined;
             readonly visible?: boolean | undefined;
-            readonly teleported?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -172,6 +171,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             readonly virtualRef?: import("..").Measurable | undefined;
             readonly rawContent?: boolean | undefined;
             readonly persistent?: boolean | undefined;
+            readonly teleported?: boolean | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             readonly triggerKeys?: string[] | undefined;
             readonly showArrow?: boolean | undefined;
@@ -253,7 +253,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
             };
             strategy: {
-                type: import("vue").PropType<"absolute" | "fixed">;
+                type: import("vue").PropType<"fixed" | "absolute">;
             };
             style: {
                 type: import("vue").PropType<StyleValue>;
@@ -430,7 +430,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
         };
         strategy: {
-            type: import("vue").PropType<"absolute" | "fixed">;
+            type: import("vue").PropType<"fixed" | "absolute">;
         };
         style: {
             type: import("vue").PropType<StyleValue>;

package/lib/components/autocomplete/autocomplete.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@vft/utils");require("../form/index.cjs");const Y=require("../input/index.cjs"),Z=require("../scrollbar/index.cjs"),_=require("../tooltip/index.cjs"),d=require("../../constants/event.cjs"),ee=require("../../hooks/use-attrs/index.cjs"),te=require("@vueuse/core"),le=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const ae=require("lodash"),oe=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ne=require("./types.cjs"),se=require("../form/hooks/use-form-common-props.cjs"),re=["aria-expanded","aria-owns"],ue=["id","aria-selected","onClick"],ie="ElAutocomplete",i=oe.useNamespace("autocomplete"),ce=e.defineComponent({name:"vft-autocomplete",inheritAttrs:!1}),fe=e.defineComponent({...ce,props:{valueKey:{default:"value"},modelValue:{default:""},debounce:{default:300},placement:{default:"bottom-start"},fetchSuggestions:{type:[Function,Array],default:()=>{}},popperClass:{default:""},triggerOnFocus:{type:Boolean,default:!0},selectWhenUnmatched:{type:Boolean,default:!1},hideLoading:{type:Boolean,default:!1},label:{},teleported:{type:Boolean,default:!1},highlightFirstItem:{type:Boolean,default:!1},fitInputWidth:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},name:{}},emits:{[d.UPDATE_MODEL_EVENT]:l=>f.isString(l),[d.INPUT_EVENT]:l=>f.isString(l),[d.CHANGE_EVENT]:l=>f.isString(l),focus:l=>l instanceof FocusEvent,blur:l=>l instanceof FocusEvent,clear:()=>!0,select:l=>f.isObject(l)},setup(l,{expose:F,emit:r}){const P=ee.useAttrs(),K=e.useAttrs(),C=se.useFormDisabled(),n=e.ref(),N=e.ref(),E=e.ref(),V=e.ref();let B=!1,w=!1;const u=e.ref([]),o=e.ref(-1),q=e.ref(""),c=e.ref(!1),m=e.ref(!1),h=e.ref(!1),y=e.computed(()=>i.b(String(ne.generateId()))),M=e.computed(()=>K.style),v=e.computed(()=>(u.value.length>0||h.value)&&c.value),$=e.computed(()=>!l.hideLoading&&h.value),O=e.computed(()=>n.value?Array.from(n.value.$el.querySelectorAll("input")):[]),U=async()=>{await e.nextTick(),v.value&&(q.value=`${n.value.$el.offsetWidth}px`)},x=()=>{o.value=-1},R=async t=>{if(m.value)return;const a=s=>{h.value=!1,console.log("cb---",s,m.value,f.isArray(s)),!m.value&&(f.isArray(s)?(u.value=s,o.value=l.highlightFirstItem?0:-1):le.throwError(ie,"autocomplete suggestions must be an array"))};if(h.value=!0,console.log(l.fetchSuggestions,t,8989),f.isArray(l.fetchSuggestions))console.log("isArray----"),a(l.fetchSuggestions);else{const s=await l.fetchSuggestions(t,a);f.isArray(s)&&a(s),console.log("await----",f.isArray(s),s)}},D=ae.debounce(R,l.debounce),z=t=>{const a=!!t;if(r(d.INPUT_EVENT,t),r(d.UPDATE_MODEL_EVENT,t),m.value=!1,c.value||(c.value=a),!l.triggerOnFocus&&!t){m.value=!0,u.value=[];return}D(t)},L=t=>{var a;C.value||(((a=t.target)==null?void 0:a.tagName)!=="INPUT"||O.value.includes(document.activeElement))&&(c.value=!0)},W=t=>{r(d.CHANGE_EVENT,t)},H=t=>{w?w=!1:(c.value=!0,r("focus",t),l.triggerOnFocus&&!B&&D(String(l.modelValue)))},G=t=>{setTimeout(()=>{var a;if((a=E.value)!=null&&a.isFocusInsideContent()){w=!0;return}c.value&&b(),r("blur",t)})},j=()=>{c.value=!1,r(d.UPDATE_MODEL_EVENT,""),r("clear")},I=async()=>{v.value&&o.value>=0&&o.value<u.value.length?A(u.value[o.value]):l.selectWhenUnmatched&&(r("select",{value:l.modelValue}),u.value=[],o.value=-1)},J=t=>{v.value&&(t.preventDefault(),t.stopPropagation(),b())},b=()=>{c.value=!1},Q=()=>{var t;(t=n.value)==null||t.focus()},X=()=>{var t;(t=n.value)==null||t.blur()},A=async t=>{r(d.INPUT_EVENT,t[l.valueKey]),r(d.UPDATE_MODEL_EVENT,t[l.valueKey]),r("select",t),u.value=[],o.value=-1},S=t=>{if(!v.value||h.value)return;if(t<0){o.value=-1;return}t>=u.value.length&&(t=u.value.length-1);const a=N.value.querySelector(`.${i.be("suggestion","wrap")}`),p=a.querySelectorAll(`.${i.be("suggestion","list")} li`)[t],g=a.scrollTop,{offsetTop:T,scrollHeight:k}=p;T+k>g+a.clientHeight&&(a.scrollTop+=k),T<g&&(a.scrollTop-=k),o.value=t,n.value.ref.setAttribute("aria-activedescendant",`${y.value}-item-${o.value}`)};return te.onClickOutside(V,()=>{v.value&&b()}),e.onMounted(()=>{n.value.ref.setAttribute("role","textbox"),n.value.ref.setAttribute("aria-autocomplete","list"),n.value.ref.setAttribute("aria-controls","id"),n.value.ref.setAttribute("aria-activedescendant",`${y.value}-item-${o.value}`),B=n.value.ref.hasAttribute("readonly")}),F({highlightedIndex:o,activated:c,loading:h,inputRef:n,popperRef:E,suggestions:u,handleSelect:A,handleKeyEnter:I,focus:Q,blur:X,close:b,highlight:S}),(t,a)=>{const s=e.resolveDirective("loading");return e.openBlock(),e.createBlock(e.unref(_.VftTooltip),{ref_key:"popperRef",ref:E,visible:v.value,placement:t.placement,"fallback-placements":["bottom-start","top-start"],"popper-class":[e.unref(i).e("popper"),t.popperClass],teleported:t.teleported,"gpu-acceleration":!1,pure:"","manual-mode":"",effect:"light",trigger:"click",transition:`${e.unref(i).namespace.value}-zoom-in-top`,persistent:"",onBeforeShow:U,onHide:x},{content:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"regionRef",ref:N,class:e.normalizeClass([e.unref(i).b("suggestion"),e.unref(i).is("loading",$.value)]),style:e.normalizeStyle({[t.fitInputWidth?"width":"minWidth"]:q.value,outline:"none"}),role:"region"},[e.withDirectives((e.openBlock(),e.createBlock(e.unref(Z.VftScrollbar),{id:y.value,tag:"ul","wrap-class":e.unref(i).be("suggestion","wrap"),"view-class":e.unref(i).be("suggestion","list"),role:"listbox"},{default:e.withCtx(()=>[$.value?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass(e.unref(i).is("loading"))},null,2)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(u.value,(p,g)=>(e.openBlock(),e.createElementBlock("li",{id:`${y.value}-item-${g}`,key:g,class:e.normalizeClass({highlighted:o.value===g}),role:"option","aria-selected":o.value===g,onClick:T=>A(p)},[e.renderSlot(t.$slots,"default",{item:p},()=>[e.createTextVNode(e.toDisplayString(p[t.valueKey]),1)])],10,ue))),128))]),_:3},8,["id","wrap-class","view-class"])),[[s,$.value]])],6)]),default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"listboxRef",ref:V,class:e.normalizeClass([e.unref(i).b(),t.$attrs.class]),style:e.normalizeStyle(M.value),role:"combobox","aria-haspopup":"listbox","aria-expanded":v.value,"aria-owns":y.value},[e.createVNode(e.unref(Y.VftInput),e.mergeProps({ref_key:"inputRef",ref:n},e.unref(P),{clearable:t.clearable,disabled:e.unref(C),name:t.name,"model-value":t.modelValue,onInput:z,onChange:W,onFocus:H,onBlur:G,onClear:j,onKeydown:[a[0]||(a[0]=e.withKeys(e.withModifiers(p=>S(o.value-1),["prevent"]),["up"])),a[1]||(a[1]=e.withKeys(e.withModifiers(p=>S(o.value+1),["prevent"]),["down"])),e.withKeys(I,["enter"]),e.withKeys(b,["tab"]),e.withKeys(J,["esc"])],onMousedown:L}),e.createSlots({_:2},[t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"0"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"1"}:void 0,t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"2"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"3"}:void 0]),1040,["clearable","disabled","name","model-value","onKeydown"])],14,re)]),_:3},8,["visible","placement","popper-class","teleported","transition"])}}});exports.default=fe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@vft/utils");require("../form/index.cjs");const Y=require("../input/index.cjs"),Z=require("../scrollbar/index.cjs"),_=require("../tooltip/index.cjs"),d=require("../../constants/event.cjs"),ee=require("../../hooks/use-attrs/index.cjs"),te=require("@vueuse/core"),le=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const ae=require("lodash"),oe=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ne=require("./types.cjs"),se=require("../form/hooks/use-form-common-props.cjs"),re=["aria-expanded","aria-owns"],ue=["id","aria-selected","onClick"],ie="ElAutocomplete",r=oe.useNamespace("autocomplete"),ce=e.defineComponent({name:r.b(),inheritAttrs:!1}),fe=e.defineComponent({...ce,props:{valueKey:{default:"value"},modelValue:{default:""},debounce:{default:300},placement:{default:"bottom-start"},fetchSuggestions:{type:[Function,Array],default:()=>{}},popperClass:{default:""},triggerOnFocus:{type:Boolean,default:!0},selectWhenUnmatched:{type:Boolean,default:!1},hideLoading:{type:Boolean,default:!1},label:{},teleported:{type:Boolean,default:!1},highlightFirstItem:{type:Boolean,default:!1},fitInputWidth:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},name:{}},emits:{[d.UPDATE_MODEL_EVENT]:l=>f.isString(l),[d.INPUT_EVENT]:l=>f.isString(l),[d.CHANGE_EVENT]:l=>f.isString(l),focus:l=>l instanceof FocusEvent,blur:l=>l instanceof FocusEvent,clear:()=>!0,select:l=>f.isObject(l)},setup(l,{expose:F,emit:u}){const P=ee.useAttrs(),K=e.useAttrs(),C=se.useFormDisabled(),n=e.ref(),N=e.ref(),E=e.ref(),V=e.ref();let B=!1,w=!1;const i=e.ref([]),o=e.ref(-1),q=e.ref(""),c=e.ref(!1),m=e.ref(!1),h=e.ref(!1),y=e.computed(()=>r.b(String(ne.generateId()))),M=e.computed(()=>K.style),v=e.computed(()=>(i.value.length>0||h.value)&&c.value),$=e.computed(()=>!l.hideLoading&&h.value),O=e.computed(()=>n.value?Array.from(n.value.$el.querySelectorAll("input")):[]),U=async()=>{await e.nextTick(),v.value&&(q.value=`${n.value.$el.offsetWidth}px`)},x=()=>{o.value=-1},R=async t=>{if(m.value)return;const a=s=>{h.value=!1,console.log("cb---",s,m.value,f.isArray(s)),!m.value&&(f.isArray(s)?(i.value=s,o.value=l.highlightFirstItem?0:-1):le.throwError(ie,"autocomplete suggestions must be an array"))};if(h.value=!0,console.log(l.fetchSuggestions,t,8989),f.isArray(l.fetchSuggestions))console.log("isArray----"),a(l.fetchSuggestions);else{const s=await l.fetchSuggestions(t,a);f.isArray(s)&&a(s),console.log("await----",f.isArray(s),s)}},D=ae.debounce(R,l.debounce),z=t=>{const a=!!t;if(u(d.INPUT_EVENT,t),u(d.UPDATE_MODEL_EVENT,t),m.value=!1,c.value||(c.value=a),!l.triggerOnFocus&&!t){m.value=!0,i.value=[];return}D(t)},L=t=>{var a;C.value||(((a=t.target)==null?void 0:a.tagName)!=="INPUT"||O.value.includes(document.activeElement))&&(c.value=!0)},W=t=>{u(d.CHANGE_EVENT,t)},H=t=>{w?w=!1:(c.value=!0,u("focus",t),l.triggerOnFocus&&!B&&D(String(l.modelValue)))},G=t=>{setTimeout(()=>{var a;if((a=E.value)!=null&&a.isFocusInsideContent()){w=!0;return}c.value&&b(),u("blur",t)})},j=()=>{c.value=!1,u(d.UPDATE_MODEL_EVENT,""),u("clear")},I=async()=>{v.value&&o.value>=0&&o.value<i.value.length?A(i.value[o.value]):l.selectWhenUnmatched&&(u("select",{value:l.modelValue}),i.value=[],o.value=-1)},J=t=>{v.value&&(t.preventDefault(),t.stopPropagation(),b())},b=()=>{c.value=!1},Q=()=>{var t;(t=n.value)==null||t.focus()},X=()=>{var t;(t=n.value)==null||t.blur()},A=async t=>{u(d.INPUT_EVENT,t[l.valueKey]),u(d.UPDATE_MODEL_EVENT,t[l.valueKey]),u("select",t),i.value=[],o.value=-1},S=t=>{if(!v.value||h.value)return;if(t<0){o.value=-1;return}t>=i.value.length&&(t=i.value.length-1);const a=N.value.querySelector(`.${r.be("suggestion","wrap")}`),p=a.querySelectorAll(`.${r.be("suggestion","list")} li`)[t],g=a.scrollTop,{offsetTop:T,scrollHeight:k}=p;T+k>g+a.clientHeight&&(a.scrollTop+=k),T<g&&(a.scrollTop-=k),o.value=t,n.value.ref.setAttribute("aria-activedescendant",`${y.value}-item-${o.value}`)};return te.onClickOutside(V,()=>{v.value&&b()}),e.onMounted(()=>{n.value.ref.setAttribute("role","textbox"),n.value.ref.setAttribute("aria-autocomplete","list"),n.value.ref.setAttribute("aria-controls","id"),n.value.ref.setAttribute("aria-activedescendant",`${y.value}-item-${o.value}`),B=n.value.ref.hasAttribute("readonly")}),F({highlightedIndex:o,activated:c,loading:h,inputRef:n,popperRef:E,suggestions:i,handleSelect:A,handleKeyEnter:I,focus:Q,blur:X,close:b,highlight:S}),(t,a)=>{const s=e.resolveDirective("loading");return e.openBlock(),e.createBlock(e.unref(_.VftTooltip),{ref_key:"popperRef",ref:E,visible:v.value,placement:t.placement,"fallback-placements":["bottom-start","top-start"],"popper-class":[e.unref(r).e("popper"),t.popperClass],teleported:t.teleported,"gpu-acceleration":!1,pure:"","manual-mode":"",effect:"light",trigger:"click",transition:`${e.unref(r).namespace.value}-zoom-in-top`,persistent:"",onBeforeShow:U,onHide:x},{content:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"regionRef",ref:N,class:e.normalizeClass([e.unref(r).b("suggestion"),e.unref(r).is("loading",$.value)]),style:e.normalizeStyle({[t.fitInputWidth?"width":"minWidth"]:q.value,outline:"none"}),role:"region"},[e.withDirectives((e.openBlock(),e.createBlock(e.unref(Z.VftScrollbar),{id:y.value,tag:"ul","wrap-class":e.unref(r).be("suggestion","wrap"),"view-class":e.unref(r).be("suggestion","list"),role:"listbox"},{default:e.withCtx(()=>[$.value?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass(e.unref(r).is("loading"))},null,2)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(i.value,(p,g)=>(e.openBlock(),e.createElementBlock("li",{id:`${y.value}-item-${g}`,key:g,class:e.normalizeClass({highlighted:o.value===g}),role:"option","aria-selected":o.value===g,onClick:T=>A(p)},[e.renderSlot(t.$slots,"default",{item:p},()=>[e.createTextVNode(e.toDisplayString(p[t.valueKey]),1)])],10,ue))),128))]),_:3},8,["id","wrap-class","view-class"])),[[s,$.value]])],6)]),default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"listboxRef",ref:V,class:e.normalizeClass([e.unref(r).b(),t.$attrs.class]),style:e.normalizeStyle(M.value),role:"combobox","aria-haspopup":"listbox","aria-expanded":v.value,"aria-owns":y.value},[e.createVNode(e.unref(Y.VftInput),e.mergeProps({ref_key:"inputRef",ref:n},e.unref(P),{clearable:t.clearable,disabled:e.unref(C),name:t.name,"model-value":t.modelValue,onInput:z,onChange:W,onFocus:H,onBlur:G,onClear:j,onKeydown:[a[0]||(a[0]=e.withKeys(e.withModifiers(p=>S(o.value-1),["prevent"]),["up"])),a[1]||(a[1]=e.withKeys(e.withModifiers(p=>S(o.value+1),["prevent"]),["down"])),e.withKeys(I,["enter"]),e.withKeys(b,["tab"]),e.withKeys(J,["esc"])],onMousedown:L}),e.createSlots({_:2},[t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"0"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"1"}:void 0,t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"2"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"3"}:void 0]),1040,["clearable","disabled","name","model-value","onKeydown"])],14,re)]),_:3},8,["visible","placement","popper-class","teleported","transition"])}}});exports.default=fe;

package/lib/components/autocomplete/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const t=require("../../utils/vue/install.cjs");require("vue");const u=require("./autocomplete.vue2.cjs"),e=t.withInstall(u.default);exports.VftAutocomplete=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash");require("vue");const u=require("./autocomplete.vue2.cjs"),e=t.withInstall(u.default);exports.VftAutocomplete=e;exports.default=e;