dcp-design-react 1.8.0 → 1.8.1

package/lib/lazy-load/index.d.ts

@@ -0,0 +1,3 @@
+import LazyLoad from './src/lazy-load';
+export type { LazyLoadProps } from './src/lazy-load';
+export default LazyLoad;

package/lib/lazy-load/src/lazy-load.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { CSSProperties } from '../../_utils/types';
+type IProps = {
+    height: number | string;
+    placeholder?: React.ReactNode;
+    unmountIfInvisible?: boolean;
+    root?: Element | null;
+    rootMargin?: string;
+    threshold?: number | number[];
+    initialInView?: boolean;
+    trackVisibility?: boolean;
+    skip?: boolean;
+    delay?: number;
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+    onChange?: (inView: boolean, entry: IntersectionObserverEntry) => void;
+};
+export type LazyLoadProps = IProps;
+declare const LazyLoad: React.FC<IProps>;
+export default LazyLoad;

package/lib/lazy-load/src/observe.d.ts

@@ -0,0 +1,16 @@
+export type ObserverInstanceCallback = (inView: boolean, entry: IntersectionObserverEntry) => void;
+/**
+ * What should be the default behavior if the IntersectionObserver is unsupported?
+ * Ideally the polyfill has been loaded, you can have the following happen:
+ * - `undefined`: Throw an error
+ * - `true` or `false`: Set the `inView` value to this regardless of intersection state
+ * **/
+export declare function defaultFallbackInView(inView: boolean | undefined): void;
+/**
+ * @param element - DOM Element to observe
+ * @param callback - Callback function to trigger when intersection status changes
+ * @param options - Intersection Observer options
+ * @param fallbackInView - Fallback inView value.
+ * @return Function - Cleanup function that should be triggered to unregister the observer
+ */
+export declare function observe(element: Element, callback: ObserverInstanceCallback, options?: IntersectionObserverInit, fallbackInView?: boolean | undefined): () => void;

package/lib/lazy-load/src/useInView.d.ts

@@ -0,0 +1,19 @@
+type InViewHookResponse = [(node?: Element | null) => void, boolean, IntersectionObserverEntry | undefined] & {
+    ref: (node?: Element | null) => void;
+    inView: boolean;
+    entry?: IntersectionObserverEntry;
+};
+type Options = {
+    root?: Element | null;
+    rootMargin?: string;
+    threshold?: number | number[];
+    triggerOnce?: boolean;
+    initialInView?: boolean;
+    fallbackInView?: boolean;
+    trackVisibility?: boolean;
+    skip?: boolean;
+    delay?: number;
+    onChange?: (inView: boolean, entry: IntersectionObserverEntry) => void;
+};
+export declare const useInView: ({ threshold, delay, trackVisibility, rootMargin, root, triggerOnce, skip, initialInView, fallbackInView, onChange, }?: Options) => InViewHookResponse;
+export {};

package/lib/lazy-load/style/index.less

@@ -0,0 +1,15 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-01-11 18:01:20
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2024-02-28 21:22:17
+ */
+@import '../../style/common';
+
+@prefix-lazy-load: ~'@{qm-prefix}-lazy-load';
+
+.@{prefix-lazy-load} {
+  .placeholder {
+    min-height: 200px;
+  }
+}

package/lib/style/index.css

@@ -2,7 +2,7 @@
  * @Author: 焦质晔
  * @Date: 2021-07-23 18:23:59
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2023-08-14 20:01:16
+ * @Last Modified time: 2024-02-28 21:23:42
  */
 /*
  * @Author: 焦质晔
@@ -30517,3 +30517,12 @@ table {
     height: 100%;
   }
 }
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-01-11 18:01:20
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2024-02-28 21:22:17
+ */
+.qm-lazy-load .placeholder {
+  min-height: 200px;
+}

package/lib/style/index.less

@@ -1,39 +1,40 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-07-23 18:23:59
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2023-08-14 20:01:16
- */
-@import '../antd/index.less';
-@import './var.less';
-@import './reset.less';
-
-/* QmDesign */
-@import '../button/style/index.less';
-@import '../space/style/index.less';
-@import '../divider/style/index.less';
-@import '../split/style/index.less';
-@import '../countup/style/index.less';
-@import '../empty/style/index.less';
-@import '../spin/style/index.less';
-@import '../scrollbar/style/index.less';
-@import '../download/style/index.less';
-@import '../anchor/style/index.less';
-@import '../tabs/style/index.less';
-@import '../drawer/style/index.less';
-@import '../modal/style/index.less';
-@import '../form/style/index.less';
-@import '../tinymce/style/index.less';
-@import '../cropper/style/index.less';
-@import '../collapse/style/index.less';
-@import '../upload-file/style/index.less';
-@import '../upload-img/style/index.less';
-@import '../table/style/index.less';
-@import '../search-helper/style/index.less';
-@import '../tree-helper/style/index.less';
-@import '../tree-table-helper/style/index.less';
-@import '../range-table-helper/style/index.less';
-@import '../search-tree/style/index.less';
-@import '../tour/style/index.less';
-@import '../guide-tracker/style/index.less';
-@import '../print/style/index.less';
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 18:23:59
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2024-02-28 21:23:42
+ */
+@import '../antd/index.less';
+@import './var.less';
+@import './reset.less';
+
+/* QmDesign */
+@import '../button/style/index.less';
+@import '../space/style/index.less';
+@import '../divider/style/index.less';
+@import '../split/style/index.less';
+@import '../countup/style/index.less';
+@import '../empty/style/index.less';
+@import '../spin/style/index.less';
+@import '../scrollbar/style/index.less';
+@import '../download/style/index.less';
+@import '../anchor/style/index.less';
+@import '../tabs/style/index.less';
+@import '../drawer/style/index.less';
+@import '../modal/style/index.less';
+@import '../form/style/index.less';
+@import '../tinymce/style/index.less';
+@import '../cropper/style/index.less';
+@import '../collapse/style/index.less';
+@import '../upload-file/style/index.less';
+@import '../upload-img/style/index.less';
+@import '../table/style/index.less';
+@import '../search-helper/style/index.less';
+@import '../tree-helper/style/index.less';
+@import '../tree-table-helper/style/index.less';
+@import '../range-table-helper/style/index.less';
+@import '../search-tree/style/index.less';
+@import '../tour/style/index.less';
+@import '../guide-tracker/style/index.less';
+@import '../print/style/index.less';
+@import '../lazy-load/style/index.less';