@koi-design/uxd-ui 12.1.36-beta.0

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

@@ -0,0 +1,298 @@
+import ImageViewer from './ImgViewer.vue';
+export declare const UImage: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        alt: {
+            type: StringConstructor;
+        };
+        fit: {
+            type: StringConstructor;
+        };
+        maskClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lazy: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        preViewList: {
+            type: import("vue").PropType<string[]>;
+            default: () => string[];
+        };
+        src: {
+            type: StringConstructor;
+        };
+        scrollContainer: {
+            type: import("vue").PropType<string | import("../..").GetConfainerFunction>;
+        };
+        zIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & {
+        onError?: (ev: Event) => any;
+    }, {
+        prefixCls: import("vue").ComputedRef<string>;
+        computedLocale: import("vue").ComputedRef<{
+            error: string;
+            loading: string;
+        }>;
+        containerRef: import("vue").Ref<HTMLElement, HTMLElement>;
+        loading: import("vue").Ref<boolean, boolean>;
+        showViewer: import("vue").Ref<boolean, boolean>;
+        loadError: import("vue").Ref<boolean, boolean>;
+        imgAttrs: import("vue").ComputedRef<{}>;
+        imgStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        imageIndex: import("vue").ComputedRef<number>;
+        preview: import("vue").ComputedRef<boolean>;
+        alignCenter: import("vue").ComputedRef<boolean>;
+        onClick: () => void;
+        closeViewer: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        error: (ev: Event) => boolean;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        alt: {
+            type: StringConstructor;
+        };
+        fit: {
+            type: StringConstructor;
+        };
+        maskClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lazy: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        preViewList: {
+            type: import("vue").PropType<string[]>;
+            default: () => string[];
+        };
+        src: {
+            type: StringConstructor;
+        };
+        scrollContainer: {
+            type: import("vue").PropType<string | import("../..").GetConfainerFunction>;
+        };
+        zIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & {
+        onError?: (ev: Event) => any;
+    }, {
+        zIndex: number;
+        maskClose: boolean;
+        lazy: boolean;
+        preViewList: string[];
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        alt: {
+            type: StringConstructor;
+        };
+        fit: {
+            type: StringConstructor;
+        };
+        maskClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lazy: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        preViewList: {
+            type: import("vue").PropType<string[]>;
+            default: () => string[];
+        };
+        src: {
+            type: StringConstructor;
+        };
+        scrollContainer: {
+            type: import("vue").PropType<string | import("../..").GetConfainerFunction>;
+        };
+        zIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & {
+        onError?: (ev: Event) => any;
+    }, {
+        prefixCls: import("vue").ComputedRef<string>;
+        computedLocale: import("vue").ComputedRef<{
+            error: string;
+            loading: string;
+        }>;
+        containerRef: import("vue").Ref<HTMLElement, HTMLElement>;
+        loading: import("vue").Ref<boolean, boolean>;
+        showViewer: import("vue").Ref<boolean, boolean>;
+        loadError: import("vue").Ref<boolean, boolean>;
+        imgAttrs: import("vue").ComputedRef<{}>;
+        imgStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        imageIndex: import("vue").ComputedRef<number>;
+        preview: import("vue").ComputedRef<boolean>;
+        alignCenter: import("vue").ComputedRef<boolean>;
+        onClick: () => void;
+        closeViewer: () => void;
+    }, {}, {}, {}, {
+        zIndex: number;
+        maskClose: boolean;
+        lazy: boolean;
+        preViewList: string[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    alt: {
+        type: StringConstructor;
+    };
+    fit: {
+        type: StringConstructor;
+    };
+    maskClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preViewList: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+    src: {
+        type: StringConstructor;
+    };
+    scrollContainer: {
+        type: import("vue").PropType<string | import("../..").GetConfainerFunction>;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    onError?: (ev: Event) => any;
+}, {
+    prefixCls: import("vue").ComputedRef<string>;
+    computedLocale: import("vue").ComputedRef<{
+        error: string;
+        loading: string;
+    }>;
+    containerRef: import("vue").Ref<HTMLElement, HTMLElement>;
+    loading: import("vue").Ref<boolean, boolean>;
+    showViewer: import("vue").Ref<boolean, boolean>;
+    loadError: import("vue").Ref<boolean, boolean>;
+    imgAttrs: import("vue").ComputedRef<{}>;
+    imgStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+    imageIndex: import("vue").ComputedRef<number>;
+    preview: import("vue").ComputedRef<boolean>;
+    alignCenter: import("vue").ComputedRef<boolean>;
+    onClick: () => void;
+    closeViewer: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (ev: Event) => boolean;
+}, string, {
+    zIndex: number;
+    maskClose: boolean;
+    lazy: boolean;
+    preViewList: string[];
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
+    Viewer: import("vue").DefineComponent<{
+        prefixCls: {
+            type: StringConstructor;
+        };
+        urlList: {
+            type: import("vue").PropType<string[]>;
+            default: () => string[];
+        };
+        zIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        initialIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        infinite: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideOnClickModal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {
+        viewerWrapRef: import("vue").Ref<any, any>;
+        imgRef: import("vue").Ref<HTMLImageElement, HTMLImageElement>;
+        index: import("vue").Ref<number, number>;
+        isSingle: import("vue").ComputedRef<boolean>;
+        currentImg: import("vue").ComputedRef<string>;
+        imgStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        mode: import("vue").Ref<{
+            name: string;
+            icon: string;
+        }, {
+            name: string;
+            icon: string;
+        } | {
+            name: string;
+            icon: string;
+        }>;
+        hide: (type?: string) => void;
+        handleImgLoad: () => void;
+        handleImgError: (e: any) => void;
+        handleMouseDown: (e: any) => void;
+        handlePrev: () => void;
+        handleNext: () => void;
+        toggleMode: () => void;
+        handleActions: (action: string, options?: {}) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        switch: (n: number) => boolean;
+        close: () => boolean;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        prefixCls: {
+            type: StringConstructor;
+        };
+        urlList: {
+            type: import("vue").PropType<string[]>;
+            default: () => string[];
+        };
+        zIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        initialIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        infinite: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideOnClickModal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onClose?: () => any;
+        onSwitch?: (n: number) => any;
+    }, {
+        initialIndex: number;
+        infinite: boolean;
+        zIndex: number;
+        urlList: string[];
+        hideOnClickModal: boolean;
+    }, {}>;
+};
+export default UImage;
+export { ImageViewer as UImageViewer };
+export * from './Image.type';

package/lib/components/Image/index.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var install = require('../../utils/install.js');
+var Image = require('./Image.js');
+var ImgViewer = require('./ImgViewer.js');
+var Image_type = require('./Image.type.js');
+
+const UImage = install.withInstall(Image["default"], {
+  Viewer: ImgViewer["default"]
+});
+
+exports.UImageViewer = ImgViewer["default"];
+exports.imageEmits = Image_type.imageEmits;
+exports.imageProps = Image_type.imageProps;
+exports.imageViewerEmits = Image_type.imageViewerEmits;
+exports.imageViewerProps = Image_type.imageViewerProps;
+exports.UImage = UImage;
+exports["default"] = UImage;
+//# sourceMappingURL=index.js.map

package/lib/components/Image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Image/index.ts"],"sourcesContent":["import { withInstall } from '../../utils/install';\nimport Image from './Image.vue';\nimport ImageViewer from './ImgViewer.vue';\n\nexport const UImage = withInstall(Image, {\n  Viewer: ImageViewer\n});\n\nexport default UImage;\n\nexport { ImageViewer as UImageViewer };\n\nexport * from './Image.type';\n"],"names":["withInstall","Image","ImageViewer"],"mappings":";;;;;;;;;MAIa,SAASA,oBAAYC,kBAAO;AAAA,EACvC,QAAQC;AACV,CAAC;;;;;;;;;;"}

package/lib/components/Image/style/index.d.ts

@@ -0,0 +1 @@
+import '@koi-design/uxd-ui/styles/components/image/index.less';

package/lib/components/Image/style/index.js

@@ -0,0 +1,5 @@
+'use strict';
+
+require('@koi-design/uxd-ui/styles/components/image/index.less');
+
+//# sourceMappingURL=index.js.map

package/lib/components/Image/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/components/Image/util.d.ts

@@ -0,0 +1,13 @@
+export declare const fitList: {
+    none: string;
+    contain: string;
+    cover: string;
+    fill: string;
+    scaleDown: string;
+};
+export declare const modeOptions: {
+    name: string;
+    icon: string;
+}[];
+export declare const isInContainer: (el: HTMLElement, container: any) => boolean;
+export declare const getScrollContainer: (el: HTMLElement, isVertical?: boolean) => HTMLElement | (Window & typeof globalThis);

package/lib/components/Image/util.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dom = require('../../utils/dom.js');
+
+const fitList = {
+  none: "none",
+  contain: "contain",
+  cover: "cover",
+  fill: "fill",
+  scaleDown: "scale-down"
+};
+const modeOptions = [
+  {
+    name: "contain",
+    icon: "ULineScreenOpen"
+  },
+  {
+    name: "original",
+    icon: "ULineScaleToOriginal"
+  }
+];
+const isScroll = (el, isVertical) => {
+  let overflow;
+  if (isVertical === void 0) {
+    overflow = dom.getStyle(el, "overflow");
+  } else {
+    overflow = isVertical ? dom.getStyle(el, "overflow-y") : dom.getStyle(el, "overflow-x");
+  }
+  return overflow.match(/(scroll|auto)/);
+};
+const isInContainer = (el, container) => {
+  if (!el || !container)
+    return false;
+  const elRect = el.getBoundingClientRect();
+  let containerRect;
+  if ([window, document, document.documentElement, null, void 0].includes(container)) {
+    containerRect = {
+      top: 0,
+      right: window.innerWidth,
+      bottom: window.innerHeight,
+      left: 0
+    };
+  } else {
+    containerRect = container.getBoundingClientRect();
+  }
+  return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
+};
+const getScrollContainer = (el, isVertical) => {
+  let parent = el;
+  while (parent) {
+    if ([window, document, document.documentElement].includes(parent)) {
+      return window;
+    }
+    if (isScroll(parent, isVertical)) {
+      return parent;
+    }
+    parent = parent.parentNode;
+  }
+  return parent;
+};
+
+exports.fitList = fitList;
+exports.getScrollContainer = getScrollContainer;
+exports.isInContainer = isInContainer;
+exports.modeOptions = modeOptions;
+//# sourceMappingURL=util.js.map

package/lib/components/Image/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../../src/components/Image/util.ts"],"sourcesContent":["import { getStyle } from '../../utils/dom';\n\nexport const fitList = {\n  none: 'none',\n  contain: 'contain',\n  cover: 'cover',\n  fill: 'fill',\n  scaleDown: 'scale-down'\n};\nexport const modeOptions = [\n  {\n    name: 'contain',\n    icon: 'ULineScreenOpen'\n  },\n  {\n    name: 'original',\n    icon: 'ULineScaleToOriginal'\n  }\n];\n\nconst isScroll = (el: HTMLElement, isVertical?: boolean) => {\n  let overflow;\n  if (isVertical === undefined) {\n    overflow = getStyle(el, 'overflow');\n  } else {\n    overflow = isVertical ? getStyle(el, 'overflow-y') : getStyle(el, 'overflow-x');\n  }\n\n  return overflow.match(/(scroll|auto)/);\n};\n\nexport const isInContainer = (el: HTMLElement, container: any) => {\n  if (!el || !container) return false;\n  const elRect = el.getBoundingClientRect();\n  let containerRect;\n  if ([window, document, document.documentElement, null, undefined].includes(container)) {\n    containerRect = {\n      top: 0,\n      right: window.innerWidth,\n      bottom: window.innerHeight,\n      left: 0\n    };\n  } else {\n    containerRect = container.getBoundingClientRect();\n  }\n  return (\n    elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right\n  );\n};\n\nexport const getScrollContainer = (el: HTMLElement, isVertical?: boolean) => {\n  let parent: HTMLElement = el;\n  while (parent) {\n    if ([window, document, document.documentElement].includes(parent)) {\n      return window;\n    }\n    if (isScroll(parent, isVertical)) {\n      return parent;\n    }\n    parent = parent.parentNode as HTMLElement;\n  }\n  return parent;\n};\n"],"names":["getStyle"],"mappings":";;;;;;MAEa,UAAU;AAAA,EACrB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AACb;MACa,cAAc;AAAA,EACzB;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA;AACR,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA;AAEV;AAEA,MAAM,WAAW,CAAC,IAAiB,eAAyB;AAC1D,MAAI;AACJ,MAAI,eAAe,QAAW;AAC5B,eAAWA,aAAS,IAAI,UAAU;AAAA,SAC7B;AACL,eAAW,aAAaA,aAAS,IAAI,YAAY,IAAIA,aAAS,IAAI,YAAY;AAAA;AAGhF,SAAO,SAAS,MAAM,eAAe;AACvC;MAEa,gBAAgB,CAAC,IAAiB,cAAmB;AAChE,MAAI,CAAC,MAAM,CAAC;AAAW,WAAO;AAC9B,QAAM,SAAS,GAAG;AAClB,MAAI;AACJ,MAAI,CAAC,QAAQ,UAAU,SAAS,iBAAiB,MAAM,MAAS,EAAE,SAAS,SAAS,GAAG;AACrF,oBAAgB;AAAA,MACd,KAAK;AAAA,MACL,OAAO,OAAO;AAAA,MACd,QAAQ,OAAO;AAAA,MACf,MAAM;AAAA;AACR,SACK;AACL,oBAAgB,UAAU;AAAsB;AAElD,SACE,OAAO,MAAM,cAAc,UAAU,OAAO,SAAS,cAAc,OAAO,OAAO,QAAQ,cAAc,QAAQ,OAAO,OAAO,cAAc;AAE/I;MAEa,qBAAqB,CAAC,IAAiB,eAAyB;AAC3E,MAAI,SAAsB;AAC1B,SAAO,QAAQ;AACb,QAAI,CAAC,QAAQ,UAAU,SAAS,eAAe,EAAE,SAAS,MAAM,GAAG;AACjE,aAAO;AAAA;AAET,QAAI,SAAS,QAAQ,UAAU,GAAG;AAChC,aAAO;AAAA;AAET,aAAS,OAAO;AAAA;AAElB,SAAO;AACT;;;;;;;"}

package/lib/components/InfiniteScroll/InfiniteScroll.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentPublicInstance, ObjectDirective } from 'vue';
+declare const SCOPE = "UInfiniteScroll";
+declare type InfiniteScrollCallback = () => void;
+declare type InfiniteScrollEL = HTMLElement & {
+    [SCOPE]: {
+        instance: ComponentPublicInstance;
+        container: HTMLElement | Window;
+        containerEl: HTMLElement;
+        delay: number;
+        callBack: InfiniteScrollCallback;
+        onScroll: () => void;
+        lastScrollTop: number;
+        observer?: MutationObserver;
+    };
+};
+declare const InfiniteScroll: ObjectDirective<InfiniteScrollEL, InfiniteScrollCallback>;
+export default InfiniteScroll;

package/lib/components/InfiniteScroll/InfiniteScroll.js

@@ -0,0 +1,164 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var shared = require('@vue/shared');
+var lodashUnified = require('lodash-unified');
+var warn = require('../../utils/warn.js');
+var dom = require('../../utils/dom.js');
+
+const SCOPE = "UInfiniteScroll";
+const DEFAULT_DELAY = 200;
+const DEFAULT_DISTANCE = 0;
+const CHECK_INTERVAL = 50;
+const attributes = {
+  delay: {
+    type: Number,
+    default: DEFAULT_DELAY
+  },
+  distance: {
+    type: Number,
+    default: DEFAULT_DISTANCE
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  immediate: {
+    type: Boolean,
+    default: true
+  }
+};
+const getScrollOptions = (el, instance) => {
+  const entries = Object.entries(attributes);
+  return entries.reduce((options, [name, option]) => {
+    var _a, _b;
+    const {
+      type,
+      default: defaultValue
+    } = option;
+    const attrVal = el.getAttribute(`infinite-scroll-${name}`);
+    let value = attrVal ? (_b = (_a = instance[attrVal]) != null ? _a : attrVal) != null ? _b : defaultValue : defaultValue;
+    value = value === "false" ? false : value;
+    value = type(value);
+    options[name] = Number.isNaN(value) ? defaultValue : value;
+    return options;
+  }, {});
+};
+const destroyObserver = (el) => {
+  const {
+    observer
+  } = el[SCOPE];
+  if (observer) {
+    observer.disconnect();
+    delete el[SCOPE].observer;
+  }
+};
+const checkFull = (el, callBack) => {
+  const {
+    containerEl,
+    instance
+  } = el[SCOPE];
+  const {
+    disabled
+  } = getScrollOptions(el, instance);
+  if (disabled)
+    return;
+  if (containerEl.scrollHeight <= containerEl.clientHeight) {
+    callBack.call(instance);
+  } else {
+    destroyObserver(el);
+  }
+};
+const handleScroll = (el, callBack) => {
+  const {
+    container,
+    containerEl,
+    instance,
+    observer,
+    lastScrollTop
+  } = el[SCOPE];
+  const {
+    disabled,
+    distance
+  } = getScrollOptions(el, instance);
+  const {
+    clientHeight,
+    scrollHeight,
+    scrollTop
+  } = containerEl;
+  const delta = scrollTop - lastScrollTop;
+  el[SCOPE].lastScrollTop = scrollTop;
+  if (observer || disabled || delta < 0)
+    return;
+  let shouldTrigger = false;
+  if (container === el) {
+    shouldTrigger = scrollHeight - (clientHeight + scrollTop) <= distance;
+  } else {
+    const {
+      clientTop,
+      scrollHeight: height
+    } = el;
+    const offsetTop = dom.getOffsetTopDistance(el, containerEl);
+    shouldTrigger = scrollTop + clientHeight >= offsetTop + clientTop + height - distance;
+  }
+  if (shouldTrigger) {
+    callBack.call(instance);
+  }
+};
+const InfiniteScroll = {
+  async mounted(el, binding) {
+    const {
+      instance,
+      value: callBack
+    } = binding;
+    if (!instance) {
+      return;
+    }
+    if (!shared.isFunction(callBack)) {
+      warn["default"]("InfiniteScroll binding value should be Function");
+      return;
+    }
+    await vue.nextTick();
+    const {
+      delay,
+      immediate
+    } = getScrollOptions(el, instance);
+    const container = dom.getScrollContainer(el, true);
+    const containerEl = container === window ? document.documentElement : container;
+    const onScroll = lodashUnified.throttle(handleScroll.bind(null, el, callBack), delay);
+    if (!container)
+      return;
+    el[SCOPE] = {
+      instance,
+      container,
+      containerEl,
+      delay,
+      callBack,
+      onScroll,
+      lastScrollTop: containerEl.scrollTop
+    };
+    if (immediate) {
+      const observer = new MutationObserver(lodashUnified.throttle(checkFull.bind(null, el, callBack), CHECK_INTERVAL));
+      el[SCOPE].observer = observer;
+      observer.observe(el, {
+        childList: true,
+        subtree: true
+      });
+      checkFull(el, callBack);
+    }
+    container.addEventListener("scroll", onScroll);
+  },
+  unmounted(el) {
+    const {
+      container,
+      onScroll
+    } = el[SCOPE];
+    container == null ? void 0 : container.removeEventListener("scroll", onScroll);
+    destroyObserver(el);
+  }
+};
+
+exports["default"] = InfiniteScroll;
+//# sourceMappingURL=InfiniteScroll.js.map

package/lib/components/InfiniteScroll/InfiniteScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfiniteScroll.js","sources":["../../../../src/components/InfiniteScroll/InfiniteScroll.tsx"],"sourcesContent":["import { nextTick } from 'vue';\nimport type { ComponentPublicInstance, ObjectDirective } from 'vue';\nimport { isFunction } from '@vue/shared';\nimport { throttle } from 'lodash-unified';\nimport warn from '../../utils/warn';\nimport { getScrollContainer, getOffsetTopDistance } from '../../utils/dom';\n\nconst SCOPE = 'UInfiniteScroll';\nconst DEFAULT_DELAY = 200;\nconst DEFAULT_DISTANCE = 0;\nconst CHECK_INTERVAL = 50;\n\nconst attributes = {\n  delay: {\n    type: Number,\n    default: DEFAULT_DELAY\n  },\n  distance: {\n    type: Number,\n    default: DEFAULT_DISTANCE\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  immediate: {\n    type: Boolean,\n    default: true\n  }\n};\ntype InfiniteScrollCallback = () => void;\n\ntype InfiniteScrollEL = HTMLElement & {\n  [SCOPE]: {\n    instance: ComponentPublicInstance;\n    container: HTMLElement | Window;\n    containerEl: HTMLElement;\n    delay: number;\n    callBack: InfiniteScrollCallback;\n    onScroll: () => void;\n    lastScrollTop: number;\n    observer?: MutationObserver;\n  };\n};\n\nconst getScrollOptions = (el: InfiniteScrollEL, instance: ComponentPublicInstance): Record<string, any> => {\n  const entries = Object.entries(attributes);\n  return entries.reduce((options: Record<string, any>, [name, option]) => {\n    const { type, default: defaultValue } = option;\n    const attrVal = el.getAttribute(`infinite-scroll-${name}`);\n    let value = attrVal ? (instance as any)[attrVal] ?? attrVal ?? defaultValue : defaultValue;\n    value = value === 'false' ? false : value;\n    value = type(value);\n    options[name] = Number.isNaN(value) ? defaultValue : value;\n    return options;\n  }, {});\n};\n\nconst destroyObserver = (el: InfiniteScrollEL) => {\n  const { observer } = el[SCOPE];\n\n  if (observer) {\n    observer.disconnect();\n    delete el[SCOPE].observer;\n  }\n};\n\nconst checkFull = (el: InfiniteScrollEL, callBack: InfiniteScrollCallback) => {\n  const { containerEl, instance } = el[SCOPE];\n  const { disabled } = getScrollOptions(el, instance);\n\n  if (disabled) return;\n\n  if (containerEl.scrollHeight <= containerEl.clientHeight) {\n    callBack.call(instance);\n  } else {\n    destroyObserver(el);\n  }\n};\n\nconst handleScroll = (el: InfiniteScrollEL, callBack: InfiniteScrollCallback) => {\n  const { container, containerEl, instance, observer, lastScrollTop } = el[SCOPE];\n  const { disabled, distance } = getScrollOptions(el, instance);\n  const { clientHeight, scrollHeight, scrollTop } = containerEl;\n  const delta = scrollTop - lastScrollTop;\n\n  el[SCOPE].lastScrollTop = scrollTop;\n\n  if (observer || disabled || delta < 0) return;\n\n  let shouldTrigger = false;\n\n  if (container === el) {\n    shouldTrigger = scrollHeight - (clientHeight + scrollTop) <= distance;\n  } else {\n    const { clientTop, scrollHeight: height } = el;\n    const offsetTop = getOffsetTopDistance(el, containerEl);\n    shouldTrigger = scrollTop + clientHeight >= offsetTop + clientTop + height - distance;\n  }\n\n  if (shouldTrigger) {\n    callBack.call(instance);\n  }\n};\n\nconst InfiniteScroll: ObjectDirective<InfiniteScrollEL, InfiniteScrollCallback> = {\n  async mounted(el, binding) {\n    const { instance, value: callBack } = binding;\n\n    if (!instance) {\n      return;\n    }\n\n    if (!isFunction(callBack)) {\n      warn('InfiniteScroll binding value should be Function');\n      return;\n    }\n\n    await nextTick();\n\n    const { delay, immediate } = getScrollOptions(el, instance);\n    const container = getScrollContainer(el, true);\n    const containerEl = container === window ? document.documentElement : (container as HTMLElement);\n    const onScroll = throttle(handleScroll.bind(null, el, callBack), delay);\n\n    if (!container) return;\n\n    el[SCOPE] = {\n      instance,\n      container,\n      containerEl,\n      delay,\n      callBack,\n      onScroll,\n      lastScrollTop: containerEl.scrollTop\n    };\n\n    if (immediate) {\n      const observer = new MutationObserver(throttle(checkFull.bind(null, el, callBack), CHECK_INTERVAL));\n      el[SCOPE].observer = observer;\n      observer.observe(el, { childList: true, subtree: true });\n      checkFull(el, callBack);\n    }\n    container.addEventListener('scroll', onScroll);\n  },\n  unmounted(el) {\n    const { container, onScroll } = el[SCOPE];\n    container?.removeEventListener('scroll', onScroll);\n    destroyObserver(el);\n  }\n};\n\nexport default InfiniteScroll;\n"],"names":["SCOPE","DEFAULT_DELAY","DEFAULT_DISTANCE","CHECK_INTERVAL","attributes","delay","type","Number","default","distance","disabled","Boolean","immediate","getScrollOptions","el","instance","entries","Object","reduce","options","name","option","defaultValue","attrVal","getAttribute","value","isNaN","destroyObserver","observer","disconnect","checkFull","callBack","containerEl","scrollHeight","clientHeight","call","handleScroll","container","lastScrollTop","scrollTop","delta","shouldTrigger","clientTop","height","offsetTop","getOffsetTopDistance","InfiniteScroll","mounted","binding","isFunction","warn","nextTick","getScrollContainer","window","document","documentElement","onScroll","throttle","bind","MutationObserver","observe","childList","subtree","addEventListener","unmounted","removeEventListener"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import type { App } from 'vue';
+export declare const UInfiniteScroll: (app: App) => void;
+export default UInfiniteScroll;

package/lib/components/InfiniteScroll/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var InfiniteScroll = require('./InfiniteScroll.js');
+
+const UInfiniteScroll = (app) => {
+  app.directive("InfiniteScroll", InfiniteScroll["default"]);
+};
+
+exports.UInfiniteScroll = UInfiniteScroll;
+exports["default"] = UInfiniteScroll;
+//# sourceMappingURL=index.js.map

package/lib/components/InfiniteScroll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/InfiniteScroll/index.ts"],"sourcesContent":["import type { App } from 'vue';\nimport InfiniteScroll from './InfiniteScroll';\n\nexport const UInfiniteScroll = (app: App) => {\n  app.directive('InfiniteScroll', InfiniteScroll);\n};\nexport default UInfiniteScroll;\n"],"names":["InfiniteScroll"],"mappings":";;;;;;MAGa,kBAAkB,CAAC,QAAa;AAC3C,MAAI,UAAU,kBAAkBA,yBAAc;AAChD;;;;;"}