vft 0.0.133 → 0.0.136

package/es/components/index.js

@@ -4,12 +4,12 @@ import { VftBacktop as p } from "./backtop/index.js";
 import { VftButton as a, VftButtonGroup as i } from "./button/index.js";
 import { VftCard as V } from "./card/index.js";
 import { VftCheckTag as u } from "./check-tag/index.js";
-import { VftCheckbox as l, VftCheckboxButton as c, VftCheckboxGroup as C } from "./checkbox/index.js";
+import { VftCheckbox as d, VftCheckboxButton as c, VftCheckboxGroup as C } from "./checkbox/index.js";
 import { VftClamp as T } from "./clamp/index.js";
 import { VftClampToggle as g } from "./clamp-toggle/index.js";
 import { VftCol as P } from "./col/index.js";
 import { VftCollapseTransition as F } from "./collapse-transition/index.js";
-import { VftColorPicker as S } from "./color-picker/index.js";
+import { VftColorPicker as L } from "./color-picker/index.js";
 import { VftConfigProvider as b } from "./config-provider/index.js";
 import { VftAside as A, VftContainer as K, VftFooter as k, VftHeader as v, VftMain as R } from "./container/index.js";
 import { createContextMenu as O, destroyContextMenu as w } from "./context-menu/createContextMenu.js";
@@ -30,7 +30,7 @@ import { VftHeaderLayout as Co } from "./header-layout/index.js";
 import { VftHorizontalMenu as To } from "./horizontal-menu/index.js";
 import { VftIcon as go, VftIcon as Eo } from "./icon/index.js";
 import { VftIconText as Mo } from "./icon-text/index.js";
-import { VftIframeLayout as Lo } from "./iframe-layout/index.js";
+import { VftIframeLayout as So } from "./iframe-layout/index.js";
 import { VftImage as yo } from "./image/index.js";
 import { VftImageViewer as _o } from "./image-viewer/index.js";
 import { VftInput as Ko } from "./input/index.js";
@@ -49,13 +49,13 @@ import { VftPopper as mr } from "./popper/index.js";
 import { VftQrcode as xr } from "./qrcode/index.js";
 import { VftRadio as ir, VftRadioButton as nr, VftRadioGroup as Vr } from "./radio/index.js";
 import { VftResult as ur } from "./result/index.js";
-import { VftRouterViewContent as lr } from "./router-view-content/index.js";
+import { VftRouterViewContent as dr } from "./router-view-content/index.js";
 import { VftRow as Cr } from "./row/index.js";
 import { VftScrollbar as Tr } from "./scrollbar/index.js";
 import { VftSearch as gr } from "./search/index.js";
 import { VftSelect as Pr } from "./select/index.js";
 import { VftSideMenu as Fr } from "./side-menu/index.js";
-import { VftSkeleton as Sr, VftSkeletonItem as yr } from "./skeleton/index.js";
+import { VftSkeleton as Lr, VftSkeletonItem as yr } from "./skeleton/index.js";
 import { VftSlider as _r } from "./slider/index.js";
 import { VftSpace as Kr } from "./space/index.js";
 import { VftSwitch as vr } from "./switch/index.js";
@@ -73,99 +73,100 @@ import { default as te } from "./virtual-list/components/fixed-size-list.js";
 import { virtualizedGridProps as me, virtualizedListProps as pe, virtualizedProps as xe, virtualizedScrollbarProps as ae } from "./virtual-list/props.js";
 import { VftAutocomplete as ne } from "./autocomplete/index.js";
 import { VftModal as se } from "./modal/index.js";
-import { VftProgress as de } from "./progress/index.js";
+import { VftProgress as le } from "./progress/index.js";
 import { VftSuperForm as ce } from "./super-form/index.js";
 import { VftUpload as Ie } from "./upload/index.js";
 import { VftCarousel as De, VftCarouselItem as ge } from "./carousel/index.js";
 import { VftMdCodeDemo as Pe } from "./md-code-demo/index.js";
 import { VftMdCodeTabs as Fe } from "./md-code-tabs/index.js";
-import { VftMdComment as Se } from "./md-comment/index.js";
+import { VftMdComment as Le } from "./md-comment/index.js";
 import { VftMdContainer as be } from "./md-container/index.js";
 import { VftMdTabs as Ae } from "./md-tabs/index.js";
 import { VftMdVuePlayground as ke } from "./md-vue-playground/index.js";
 import { VftLoading as Re } from "./loading/index.js";
 import { VftMessage as Oe, VftMessage as we } from "./message/index.js";
-import { default as Ne } from "./time-picker/common/picker.vue2.js";
-import { default as Ue } from "./time-picker/time-picker-com/panel-time-pick.vue2.js";
-import { buttonGroupContextKey as He } from "./button/constants.js";
-import { checkboxGroupContextKey as Je } from "./checkbox/constants.js";
-import { configProviderContextKey as je, messageConfig as Qe } from "./config-provider/constants.js";
-import { provideGlobalConfig as Xe, useGlobalComponentSettings as Ze, useGlobalConfig as $e } from "./config-provider/hooks/use-global-config.js";
-import { ROOT_PICKER_INJECTION_KEY as rt, datePickerConfig as et } from "./date-picker/constants.js";
-import { datePickerProps as ft } from "./date-picker/props/date-picker.js";
-import { dialogInjectionKey as pt } from "./dialog/constants.js";
-import { useDialog as at } from "./dialog/hooks/use-dialog.js";
-import { DROPDOWN_INJECTION_KEY as nt } from "./dropdown/tokens.js";
-import { EmptyEnum as st } from "./empty/constants.js";
-import { formContextKey as dt, formItemContextKey as lt } from "./form/constants.js";
-import { useDisabled as Ct, useFormDisabled as It, useFormSize as Tt, useSize as Dt } from "./form/hooks/use-form-common-props.js";
-import { useFormItem as Et, useFormItemInputId as Pt } from "./form/hooks/use-form-item.js";
-import { formItemValidateStates as Ft } from "./form/types.js";
-import { MenuTypeEnum as St } from "./horizontal-menu/constants.js";
-import { initAffixTabs as bt, useTabsDrag as _t } from "./multiple-tabs/use/use-multiple-tabs.js";
-import { useTabDropdown as Kt } from "./multiple-tabs/use/use-tab-dropdown.js";
-import { usePagination as vt, vftPaginationKey as Rt } from "./pagination/usePagination.js";
-import { default as Ot } from "./popper/arrow.vue2.js";
-import { default as zt } from "./popper/content.vue2.js";
-import { default as ht } from "./popper/trigger.vue2.js";
-import { radioGroupKey as Bt } from "./radio/constants.js";
-import { rowContextKey as qt } from "./row/constants.js";
-import { scrollbarContextKey as Yt } from "./scrollbar/constants.js";
-import { BAR_MAP as Qt, GAP as Wt, renderThumbStyle as Xt } from "./scrollbar/util.js";
-import { selectInjectionKey as $t } from "./select/token.js";
-import { sliderContextKey as rf } from "./slider/constants.js";
-import { sliderEmits as tf } from "./slider/slider.js";
-import { spaceProps as mf } from "./space/space.js";
-import { useSpace as xf } from "./space/use-space.js";
-import { ACTION_FIELD as nf, CHECKED_FIELD as Vf, CREATE_TIME_FIELD as sf, DATE_FIELD as uf, DATE_TIME_FIELD as df, ID_FIELD as lf, NAME_FIELD as cf, SEQ_FIELD as Cf, STATUS_FIELD as If, UPDATE_TIME_FIELD as Tf } from "./table/field.js";
-import { useTable as gf } from "./table/use/use-table.js";
-import { addRequire as Pf, removeRequire as Mf, selectMapping as Ff } from "./table/utils.js";
-import { TabsRootContextKey as Sf } from "./tabs/types.js";
-import { timePickerDefaultProps as bf } from "./time-picker/common/props.js";
-import { DEFAULT_FORMATS_DATE as Af, DEFAULT_FORMATS_DATEPICKER as Kf, DEFAULT_FORMATS_TIME as kf, timeUnits as vf } from "./time-picker/constants.js";
-import { buildTimeList as Gf, dateEquals as Of, extractDateFormat as wf, extractTimeFormat as zf, formatter as Nf, makeList as hf, parseDate as Uf, rangeArr as Bf, valueEquals as Hf } from "./time-picker/utils.js";
-import { TOOLTIP_INJECTION_KEY as Jf } from "./tooltip/constants.js";
-import { getChildState as jf } from "./tree/model/node.js";
-import { dragEventsKey as Wf, useDragNodeHandler as Xf } from "./tree/model/useDragNode.js";
-import { useModal as $f, useModalInner as om } from "./modal/use/use-modal.js";
-import { FormCompEnum as em, add as tm, componentMap as fm, del as mm, isDatePicker as pm, isInput as xm, isRangePicker as am } from "./super-form/component-map.js";
-import { getDynamicProps as nm, useForm as Vm } from "./super-form/use/use-form.js";
-import { genFileId as um, uploadContextKey as dm } from "./upload/constants.js";
-import { carouselContextKey as cm } from "./carousel/constants.js";
-import { vLoading as Im, createLoadingDirective as Tm, vLoading as Dm } from "./loading/directive.js";
-import { Loading as Em } from "./loading/service.js";
-import { messageDefaults as Mm, messageTypes as Fm } from "./message/types.js";
+import { VftInfiniteScroll as Ne } from "./infinite-scroll/index.js";
+import { default as Ue } from "./time-picker/common/picker.vue2.js";
+import { default as He } from "./time-picker/time-picker-com/panel-time-pick.vue2.js";
+import { buttonGroupContextKey as Je } from "./button/constants.js";
+import { checkboxGroupContextKey as je } from "./checkbox/constants.js";
+import { configProviderContextKey as We, messageConfig as Xe } from "./config-provider/constants.js";
+import { provideGlobalConfig as $e, useGlobalComponentSettings as ot, useGlobalConfig as rt } from "./config-provider/hooks/use-global-config.js";
+import { ROOT_PICKER_INJECTION_KEY as tt, datePickerConfig as ft } from "./date-picker/constants.js";
+import { datePickerProps as pt } from "./date-picker/props/date-picker.js";
+import { dialogInjectionKey as at } from "./dialog/constants.js";
+import { useDialog as nt } from "./dialog/hooks/use-dialog.js";
+import { DROPDOWN_INJECTION_KEY as st } from "./dropdown/tokens.js";
+import { EmptyEnum as lt } from "./empty/constants.js";
+import { formContextKey as ct, formItemContextKey as Ct } from "./form/constants.js";
+import { useDisabled as Tt, useFormDisabled as Dt, useFormSize as gt, useSize as Et } from "./form/hooks/use-form-common-props.js";
+import { useFormItem as Mt, useFormItemInputId as Ft } from "./form/hooks/use-form-item.js";
+import { formItemValidateStates as Lt } from "./form/types.js";
+import { MenuTypeEnum as bt } from "./horizontal-menu/constants.js";
+import { initAffixTabs as At, useTabsDrag as Kt } from "./multiple-tabs/use/use-multiple-tabs.js";
+import { useTabDropdown as vt } from "./multiple-tabs/use/use-tab-dropdown.js";
+import { usePagination as Gt, vftPaginationKey as Ot } from "./pagination/usePagination.js";
+import { default as zt } from "./popper/arrow.vue2.js";
+import { default as ht } from "./popper/content.vue2.js";
+import { default as Bt } from "./popper/trigger.vue2.js";
+import { radioGroupKey as qt } from "./radio/constants.js";
+import { rowContextKey as Yt } from "./row/constants.js";
+import { scrollbarContextKey as Qt } from "./scrollbar/constants.js";
+import { BAR_MAP as Xt, GAP as Zt, renderThumbStyle as $t } from "./scrollbar/util.js";
+import { selectInjectionKey as rf } from "./select/token.js";
+import { sliderContextKey as tf } from "./slider/constants.js";
+import { sliderEmits as mf } from "./slider/slider.js";
+import { spaceProps as xf } from "./space/space.js";
+import { useSpace as nf } from "./space/use-space.js";
+import { ACTION_FIELD as sf, CHECKED_FIELD as uf, CREATE_TIME_FIELD as lf, DATE_FIELD as df, DATE_TIME_FIELD as cf, ID_FIELD as Cf, NAME_FIELD as If, SEQ_FIELD as Tf, STATUS_FIELD as Df, UPDATE_TIME_FIELD as gf } from "./table/field.js";
+import { useTable as Pf } from "./table/use/use-table.js";
+import { addRequire as Ff, removeRequire as Sf, selectMapping as Lf } from "./table/utils.js";
+import { TabsRootContextKey as bf } from "./tabs/types.js";
+import { timePickerDefaultProps as Af } from "./time-picker/common/props.js";
+import { DEFAULT_FORMATS_DATE as kf, DEFAULT_FORMATS_DATEPICKER as vf, DEFAULT_FORMATS_TIME as Rf, timeUnits as Gf } from "./time-picker/constants.js";
+import { buildTimeList as wf, dateEquals as zf, extractDateFormat as Nf, extractTimeFormat as hf, formatter as Uf, makeList as Bf, parseDate as Hf, rangeArr as qf, valueEquals as Jf } from "./time-picker/utils.js";
+import { TOOLTIP_INJECTION_KEY as jf } from "./tooltip/constants.js";
+import { getChildState as Wf } from "./tree/model/node.js";
+import { dragEventsKey as Zf, useDragNodeHandler as $f } from "./tree/model/useDragNode.js";
+import { useModal as rm, useModalInner as em } from "./modal/use/use-modal.js";
+import { FormCompEnum as fm, add as mm, componentMap as pm, del as xm, isDatePicker as am, isInput as im, isRangePicker as nm } from "./super-form/component-map.js";
+import { getDynamicProps as sm, useForm as um } from "./super-form/use/use-form.js";
+import { genFileId as dm, uploadContextKey as cm } from "./upload/constants.js";
+import { carouselContextKey as Im } from "./carousel/constants.js";
+import { vLoading as Dm, createLoadingDirective as gm, vLoading as Em } from "./loading/directive.js";
+import { Loading as Mm } from "./loading/service.js";
+import { messageDefaults as Sm, messageTypes as Lm } from "./message/types.js";
 export {
-  nf as ACTION_FIELD,
-  Qt as BAR_MAP,
-  Vf as CHECKED_FIELD,
-  sf as CREATE_TIME_FIELD,
-  Ne as CommonPicker,
-  uf as DATE_FIELD,
-  df as DATE_TIME_FIELD,
-  Af as DEFAULT_FORMATS_DATE,
-  Kf as DEFAULT_FORMATS_DATEPICKER,
-  kf as DEFAULT_FORMATS_TIME,
-  nt as DROPDOWN_INJECTION_KEY,
+  sf as ACTION_FIELD,
+  Xt as BAR_MAP,
+  uf as CHECKED_FIELD,
+  lf as CREATE_TIME_FIELD,
+  Ue as CommonPicker,
+  df as DATE_FIELD,
+  cf as DATE_TIME_FIELD,
+  kf as DEFAULT_FORMATS_DATE,
+  vf as DEFAULT_FORMATS_DATEPICKER,
+  Rf as DEFAULT_FORMATS_TIME,
+  st as DROPDOWN_INJECTION_KEY,
   Xr as DynamicSizeGrid,
   $r as DynamicSizeList,
-  st as EmptyEnum,
+  lt as EmptyEnum,
   re as FixedSizeGrid,
   te as FixedSizeList,
-  em as FormCompEnum,
-  Wt as GAP,
-  lf as ID_FIELD,
+  fm as FormCompEnum,
+  Zt as GAP,
+  Cf as ID_FIELD,
   go as Icon,
-  St as MenuTypeEnum,
+  bt as MenuTypeEnum,
   Oe as Message,
-  cf as NAME_FIELD,
-  rt as ROOT_PICKER_INJECTION_KEY,
-  Cf as SEQ_FIELD,
-  If as STATUS_FIELD,
-  Jf as TOOLTIP_INJECTION_KEY,
-  Sf as TabsRootContextKey,
-  Ue as TimePickPanel,
-  Tf as UPDATE_TIME_FIELD,
+  If as NAME_FIELD,
+  tt as ROOT_PICKER_INJECTION_KEY,
+  Tf as SEQ_FIELD,
+  Df as STATUS_FIELD,
+  jf as TOOLTIP_INJECTION_KEY,
+  bf as TabsRootContextKey,
+  He as TimePickPanel,
+  gf as UPDATE_TIME_FIELD,
   e as VftAlert,
   A as VftAside,
   ne as VftAutocomplete,
@@ -177,14 +178,14 @@ export {
   De as VftCarousel,
   ge as VftCarouselItem,
   u as VftCheckTag,
-  l as VftCheckbox,
+  d as VftCheckbox,
   c as VftCheckboxButton,
   C as VftCheckboxGroup,
   T as VftClamp,
   g as VftClampToggle,
   P as VftCol,
   F as VftCollapseTransition,
-  S as VftColorPicker,
+  L as VftColorPicker,
   b as VftConfigProvider,
   K as VftContainer,
   U as VftDatePicker,
@@ -209,21 +210,22 @@ export {
   To as VftHorizontalMenu,
   Eo as VftIcon,
   Mo as VftIconText,
-  Lo as VftIframeLayout,
+  So as VftIframeLayout,
   yo as VftImage,
   _o as VftImageViewer,
+  Ne as VftInfiniteScroll,
   Ko as VftInput,
   vo as VftInputNumber,
   Go as VftLink,
   wo as VftListCell,
   Re as VftLoading,
-  Im as VftLoadingDirective,
-  Em as VftLoadingService,
+  Dm as VftLoadingDirective,
+  Mm as VftLoadingService,
   No as VftLogo,
   R as VftMain,
   Pe as VftMdCodeDemo,
   Fe as VftMdCodeTabs,
-  Se as VftMdComment,
+  Le as VftMdComment,
   be as VftMdContainer,
   Ae as VftMdTabs,
   ke as VftMdVuePlayground,
@@ -239,22 +241,22 @@ export {
   rr as VftPopconfirm,
   tr as VftPopover,
   mr as VftPopper,
-  Ot as VftPopperArrow,
-  zt as VftPopperContent,
-  ht as VftPopperTrigger,
-  de as VftProgress,
+  zt as VftPopperArrow,
+  ht as VftPopperContent,
+  Bt as VftPopperTrigger,
+  le as VftProgress,
   xr as VftQrcode,
   ir as VftRadio,
   nr as VftRadioButton,
   Vr as VftRadioGroup,
   ur as VftResult,
-  lr as VftRouterViewContent,
+  dr as VftRouterViewContent,
   Cr as VftRow,
   Tr as VftScrollbar,
   gr as VftSearch,
   Pr as VftSelect,
   Fr as VftSideMenu,
-  Sr as VftSkeleton,
+  Lr as VftSkeleton,
   yr as VftSkeletonItem,
   _r as VftSlider,
   Kr as VftSpace,
@@ -270,78 +272,78 @@ export {
   Yr as VftTree,
   Ie as VftUpload,
   Qr as VftVerifyCode,
-  tm as add,
-  Pf as addRequire,
-  Gf as buildTimeList,
-  He as buttonGroupContextKey,
-  cm as carouselContextKey,
-  Je as checkboxGroupContextKey,
-  fm as componentMap,
-  je as configProviderContextKey,
+  mm as add,
+  Ff as addRequire,
+  wf as buildTimeList,
+  Je as buttonGroupContextKey,
+  Im as carouselContextKey,
+  je as checkboxGroupContextKey,
+  pm as componentMap,
+  We as configProviderContextKey,
   O as createContextMenu,
-  Tm as createLoadingDirective,
-  Of as dateEquals,
-  et as datePickerConfig,
-  ft as datePickerProps,
-  mm as del,
+  gm as createLoadingDirective,
+  zf as dateEquals,
+  ft as datePickerConfig,
+  pt as datePickerProps,
+  xm as del,
   w as destroyContextMenu,
-  pt as dialogInjectionKey,
-  Wf as dragEventsKey,
-  wf as extractDateFormat,
-  zf as extractTimeFormat,
-  dt as formContextKey,
-  lt as formItemContextKey,
-  Ft as formItemValidateStates,
-  Nf as formatter,
-  um as genFileId,
-  jf as getChildState,
-  nm as getDynamicProps,
-  bt as initAffixTabs,
-  pm as isDatePicker,
-  xm as isInput,
-  am as isRangePicker,
-  hf as makeList,
-  Qe as messageConfig,
-  Mm as messageDefaults,
-  Fm as messageTypes,
-  Uf as parseDate,
-  Xe as provideGlobalConfig,
-  Bt as radioGroupKey,
-  Bf as rangeArr,
-  Mf as removeRequire,
-  Xt as renderThumbStyle,
-  qt as rowContextKey,
-  Yt as scrollbarContextKey,
-  $t as selectInjectionKey,
-  Ff as selectMapping,
-  rf as sliderContextKey,
-  tf as sliderEmits,
-  mf as spaceProps,
-  bf as timePickerDefaultProps,
-  vf as timeUnits,
-  dm as uploadContextKey,
+  at as dialogInjectionKey,
+  Zf as dragEventsKey,
+  Nf as extractDateFormat,
+  hf as extractTimeFormat,
+  ct as formContextKey,
+  Ct as formItemContextKey,
+  Lt as formItemValidateStates,
+  Uf as formatter,
+  dm as genFileId,
+  Wf as getChildState,
+  sm as getDynamicProps,
+  At as initAffixTabs,
+  am as isDatePicker,
+  im as isInput,
+  nm as isRangePicker,
+  Bf as makeList,
+  Xe as messageConfig,
+  Sm as messageDefaults,
+  Lm as messageTypes,
+  Hf as parseDate,
+  $e as provideGlobalConfig,
+  qt as radioGroupKey,
+  qf as rangeArr,
+  Sf as removeRequire,
+  $t as renderThumbStyle,
+  Yt as rowContextKey,
+  Qt as scrollbarContextKey,
+  rf as selectInjectionKey,
+  Lf as selectMapping,
+  tf as sliderContextKey,
+  mf as sliderEmits,
+  xf as spaceProps,
+  Af as timePickerDefaultProps,
+  Gf as timeUnits,
+  cm as uploadContextKey,
   N as useContextMenu,
-  at as useDialog,
-  Ct as useDisabled,
-  Xf as useDragNodeHandler,
-  Vm as useForm,
-  It as useFormDisabled,
-  Et as useFormItem,
-  Pt as useFormItemInputId,
-  Tt as useFormSize,
-  Ze as useGlobalComponentSettings,
-  $e as useGlobalConfig,
-  $f as useModal,
-  om as useModalInner,
-  vt as usePagination,
-  Dt as useSize,
-  xf as useSpace,
-  Kt as useTabDropdown,
-  gf as useTable,
-  _t as useTabsDrag,
-  Dm as vLoading,
-  Hf as valueEquals,
-  Rt as vftPaginationKey,
+  nt as useDialog,
+  Tt as useDisabled,
+  $f as useDragNodeHandler,
+  um as useForm,
+  Dt as useFormDisabled,
+  Mt as useFormItem,
+  Ft as useFormItemInputId,
+  gt as useFormSize,
+  ot as useGlobalComponentSettings,
+  rt as useGlobalConfig,
+  rm as useModal,
+  em as useModalInner,
+  Gt as usePagination,
+  Et as useSize,
+  nf as useSpace,
+  vt as useTabDropdown,
+  Pf as useTable,
+  Kt as useTabsDrag,
+  Em as vLoading,
+  Jf as valueEquals,
+  Ot as vftPaginationKey,
   me as virtualizedGridProps,
   pe as virtualizedListProps,
   xe as virtualizedProps,

package/es/components/infinite-scroll/index.d.ts

@@ -0,0 +1,26 @@
+import type { SFCWithInstall } from 'vft/es/utils';
+declare const _InfiniteScroll: SFCWithInstall<import("vue").ObjectDirective<HTMLElement & {
+    VftInfiniteScroll: {
+        container: Window | HTMLElement;
+        containerEl: HTMLElement;
+        instance: import("vue").ComponentPublicInstance;
+        delay: number;
+        lastScrollTop: number;
+        cb: () => void;
+        onScroll: () => void;
+        observer?: MutationObserver | undefined;
+    };
+}, () => void>>;
+export default _InfiniteScroll;
+export declare const VftInfiniteScroll: SFCWithInstall<import("vue").ObjectDirective<HTMLElement & {
+    VftInfiniteScroll: {
+        container: Window | HTMLElement;
+        containerEl: HTMLElement;
+        instance: import("vue").ComponentPublicInstance;
+        delay: number;
+        lastScrollTop: number;
+        cb: () => void;
+        onScroll: () => void;
+        observer?: MutationObserver | undefined;
+    };
+}, () => void>>;

package/es/components/infinite-scroll/index.js

@@ -0,0 +1,10 @@
+import l from "./infinite-scroll.js";
+const i = l;
+i.install = (t) => {
+  t.directive("InfiniteScroll", i);
+};
+const o = i;
+export {
+  o as VftInfiniteScroll,
+  i as default
+};

package/es/components/infinite-scroll/infinite-scroll.d.ts

@@ -0,0 +1,20 @@
+import type { ComponentPublicInstance, ObjectDirective } from 'vue';
+export declare const SCOPE = "VftInfiniteScroll";
+export declare const CHECK_INTERVAL = 50;
+export declare const DEFAULT_DELAY = 200;
+export declare const DEFAULT_DISTANCE = 0;
+type InfiniteScrollCallback = () => void;
+type InfiniteScrollEl = HTMLElement & {
+    [SCOPE]: {
+        container: HTMLElement | Window;
+        containerEl: HTMLElement;
+        instance: ComponentPublicInstance;
+        delay: number;
+        lastScrollTop: number;
+        cb: InfiniteScrollCallback;
+        onScroll: () => void;
+        observer?: MutationObserver;
+    };
+};
+declare const InfiniteScroll: ObjectDirective<InfiniteScrollEl, InfiniteScrollCallback>;
+export default InfiniteScroll;

package/es/components/infinite-scroll/infinite-scroll.js

@@ -0,0 +1,92 @@
+import { nextTick as p } from "vue";
+import { isFunction as H } from "@vft/utils";
+import { throttle as v } from "lodash";
+import { getOffsetTopDistance as L } from "../../utils/dom/position.js";
+import { getScrollContainer as N } from "../../utils/dom/scroll.js";
+import { throwError as w } from "../../utils/error.js";
+import "../../utils/ns-cover.js";
+import "@vueuse/core";
+const i = "VftInfiniteScroll", A = 50, O = 200, C = 0, D = {
+  delay: {
+    type: Number,
+    default: O
+  },
+  distance: {
+    type: Number,
+    default: C
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  immediate: {
+    type: Boolean,
+    default: !0
+  }
+}, b = (t, e) => Object.entries(D).reduce((n, [o, c]) => {
+  const { type: a, default: s } = c, l = t.getAttribute(`infinite-scroll-${o}`);
+  let r = e[l] ?? l ?? s;
+  return r = r === "false" ? !1 : r, r = a(r), n[o] = Number.isNaN(r) ? s : r, n;
+}, {}), g = (t) => {
+  const { observer: e } = t[i];
+  e && (e.disconnect(), delete t[i].observer);
+}, F = (t, e) => {
+  const { container: n, containerEl: o, instance: c, observer: a, lastScrollTop: s } = t[i], { disabled: l, distance: r } = b(t, c), { clientHeight: u, scrollHeight: h, scrollTop: d } = o, E = d - s;
+  if (t[i].lastScrollTop = d, a || l || E < 0)
+    return;
+  let f = !1;
+  if (n === t)
+    f = h - (u + d) <= r;
+  else {
+    const { clientTop: T, scrollHeight: S } = t, y = L(t, o);
+    f = d + u >= y + T + S - r;
+  }
+  f && e.call(c);
+};
+function m(t, e) {
+  const { containerEl: n, instance: o } = t[i], { disabled: c } = b(t, o);
+  c || n.clientHeight === 0 || (n.scrollHeight <= n.clientHeight ? e.call(o) : g(t));
+}
+const K = {
+  async mounted(t, e) {
+    const { instance: n, value: o } = e;
+    H(o) || w(i, "'v-infinite-scroll' binding value must be a function"), await p();
+    const { delay: c, immediate: a } = b(t, n), s = N(t, !0), l = s === window ? document.documentElement : s, r = v(F.bind(null, t, o), c);
+    if (s) {
+      if (t[i] = {
+        instance: n,
+        container: s,
+        containerEl: l,
+        delay: c,
+        cb: o,
+        onScroll: r,
+        lastScrollTop: l.scrollTop
+      }, a) {
+        const u = new MutationObserver(
+          v(m.bind(null, t, o), A)
+        );
+        t[i].observer = u, u.observe(t, { childList: !0, subtree: !0 }), m(t, o);
+      }
+      s.addEventListener("scroll", r);
+    }
+  },
+  unmounted(t) {
+    const { container: e, onScroll: n } = t[i];
+    e == null || e.removeEventListener("scroll", n), g(t);
+  },
+  async updated(t) {
+    if (!t[i])
+      await p();
+    else {
+      const { containerEl: e, cb: n, observer: o } = t[i];
+      e.clientHeight && o && m(t, n);
+    }
+  }
+};
+export {
+  A as CHECK_INTERVAL,
+  O as DEFAULT_DELAY,
+  C as DEFAULT_DISTANCE,
+  i as SCOPE,
+  K as default
+};

package/es/components/infinite-scroll/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-infinite-scroll.css";

package/es/components/infinite-scroll/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/infinite-scroll.scss";