@cozeloop/components 0.0.2 → 0.0.4

package/dist/lib/hooks/use-infinite-scroll.js

@@ -1,195 +1,133 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
+/* eslint-disable @coze-arch/max-line-per-function */
+/* eslint-disable max-lines-per-function */
+import { useMemo, useState } from 'react';
+import { getTargetElement } from 'ahooks/lib/utils/domTarget';
+import { useEventListener, useMemoizedFn, useRequest, useUpdateEffect, } from 'ahooks';
+import { getClientHeight, getScrollHeight, getScrollTop, } from '@cozeloop/toolkit';
+/**
+ * ahook的实现，在刷新列表时会出现以下两个问题
+ * 1. 发送存量数据对应的列表请求
+ * 2. 列表请求重复
+ * 因此fork ahook 实现，并将reload含义定义为刷新列表，并回到第一页
+ * @param service
+ * @param options
+ * @returns
+ */
+export const useInfiniteScroll = (service, options = {}) => {
+    const { target, isNoMore, threshold = 100, reloadDeps = [], manual, onBefore, onSuccess, onError, onFinally, } = options;
+    const [finalData, setFinalData] = useState();
+    const [loadingMore, setLoadingMore] = useState(false);
+    const noMore = useMemo(() => {
+        if (!isNoMore) {
+            return false;
+        }
+        return isNoMore(finalData);
+    }, [finalData]);
+    const { loading, error, run, runAsync, cancel } = useRequest(async (lastData) => {
+        const currentData = await service(lastData);
+        if (!lastData) {
+            setFinalData({
+                ...currentData,
+                list: [...(currentData.list ?? [])],
+            });
+        }
+        else {
+            setFinalData({
+                ...currentData,
+                list: [...(lastData.list ?? []), ...currentData.list],
+            });
+        }
+        return currentData;
+    }, {
+        manual,
+        onFinally: (_, d, e) => {
+            setLoadingMore(false);
+            onFinally?.(d, e);
+        },
+        onBefore: () => onBefore?.(),
+        onSuccess: d => {
+            // setTimeout(() => {
+            //   scrollMethod();
+            // });
+            onSuccess?.(d);
+            setTimeout(() => {
+                checkFirstScreen();
+            });
+        },
+        onError,
+    });
+    const loadMore = useMemoizedFn(() => {
+        if (noMore) {
+            return;
+        }
+        setLoadingMore(true);
+        run(finalData);
+    });
+    const loadMoreAsync = useMemoizedFn(() => {
+        if (noMore) {
+            // eslint-disable-next-line prefer-promise-reject-errors
+            return Promise.reject();
+        }
+        setLoadingMore(true);
+        return runAsync(finalData);
+    });
+    const reload = () => {
+        setLoadingMore(false);
+        setFinalData(undefined);
+        return run();
     };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-var use_infinite_scroll_exports = {};
-__export(use_infinite_scroll_exports, {
-  useInfiniteScroll: () => useInfiniteScroll
-});
-module.exports = __toCommonJS(use_infinite_scroll_exports);
-var import_react = require("react");
-var import_domTarget = require("ahooks/lib/utils/domTarget");
-var import_ahooks = require("ahooks");
-var import_rect = require("../utils/rect");
-const useInfiniteScroll = (service, options = {}) => {
-  const {
-    target,
-    isNoMore,
-    threshold = 100,
-    reloadDeps = [],
-    manual,
-    onBefore,
-    onSuccess,
-    onError,
-    onFinally
-  } = options;
-  const [finalData, setFinalData] = (0, import_react.useState)();
-  const [loadingMore, setLoadingMore] = (0, import_react.useState)(false);
-  const noMore = (0, import_react.useMemo)(() => {
-    if (!isNoMore) {
-      return false;
-    }
-    return isNoMore(finalData);
-  }, [finalData]);
-  const { loading, error, run, runAsync, cancel } = (0, import_ahooks.useRequest)(
-    (lastData) => __async(void 0, null, function* () {
-      var _a, _b;
-      const currentData = yield service(lastData);
-      if (!lastData) {
-        setFinalData(__spreadProps(__spreadValues({}, currentData), {
-          list: [...(_a = currentData.list) != null ? _a : []]
-        }));
-      } else {
-        setFinalData(__spreadProps(__spreadValues({}, currentData), {
-          list: [...(_b = lastData.list) != null ? _b : [], ...currentData.list]
-        }));
-      }
-      return currentData;
-    }),
-    {
-      manual,
-      onFinally: (_, d, e) => {
+    const reloadAsync = () => {
         setLoadingMore(false);
-        onFinally == null ? void 0 : onFinally(d, e);
-      },
-      onBefore: () => onBefore == null ? void 0 : onBefore(),
-      onSuccess: (d) => {
-        onSuccess == null ? void 0 : onSuccess(d);
-        setTimeout(() => {
-          checkFirstScreen();
-        });
-      },
-      onError
-    }
-  );
-  const loadMore = (0, import_ahooks.useMemoizedFn)(() => {
-    if (noMore) {
-      return;
-    }
-    setLoadingMore(true);
-    run(finalData);
-  });
-  const loadMoreAsync = (0, import_ahooks.useMemoizedFn)(() => {
-    if (noMore) {
-      return Promise.reject();
-    }
-    setLoadingMore(true);
-    return runAsync(finalData);
-  });
-  const reload = () => {
-    setLoadingMore(false);
-    setFinalData(void 0);
-    return run();
-  };
-  const reloadAsync = () => {
-    setLoadingMore(false);
-    return runAsync();
-  };
-  const checkFirstScreen = () => {
-    let el = (0, import_domTarget.getTargetElement)(target);
-    if (!el) {
-      return;
-    }
-    el = el === document ? document.documentElement : el;
-    const scrollHeight = (0, import_rect.getScrollHeight)(el);
-    const clientHeight = (0, import_rect.getClientHeight)(el);
-    if (scrollHeight <= clientHeight) {
-      loadMore();
-    }
-  };
-  const scrollMethod = () => {
-    let el = (0, import_domTarget.getTargetElement)(target);
-    if (!el) {
-      return;
-    }
-    el = el === document ? document.documentElement : el;
-    const scrollTop = (0, import_rect.getScrollTop)(el);
-    const scrollHeight = (0, import_rect.getScrollHeight)(el);
-    const clientHeight = (0, import_rect.getClientHeight)(el);
-    if (scrollHeight - scrollTop <= clientHeight + threshold) {
-      loadMore();
-    }
-  };
-  (0, import_ahooks.useEventListener)(
-    "scroll",
-    () => {
-      if (loading || loadingMore) {
-        return;
-      }
-      scrollMethod();
-    },
-    { target }
-  );
-  (0, import_ahooks.useUpdateEffect)(() => {
-    setFinalData(void 0);
-    run();
-  }, [...reloadDeps]);
-  return {
-    data: finalData,
-    loading: !loadingMore && loading,
-    error,
-    loadingMore,
-    noMore,
-    loadMore,
-    loadMoreAsync,
-    reload: (0, import_ahooks.useMemoizedFn)(reload),
-    reloadAsync: (0, import_ahooks.useMemoizedFn)(reloadAsync),
-    mutate: setFinalData,
-    cancel
-  };
+        return runAsync();
+    };
+    const checkFirstScreen = () => {
+        let el = getTargetElement(target);
+        if (!el) {
+            return;
+        }
+        el = el === document ? document.documentElement : el;
+        const scrollHeight = getScrollHeight(el);
+        const clientHeight = getClientHeight(el);
+        if (scrollHeight <= clientHeight) {
+            // 首屏没满，自动 loadMore
+            loadMore();
+        }
+    };
+    const scrollMethod = () => {
+        let el = getTargetElement(target);
+        if (!el) {
+            return;
+        }
+        el = el === document ? document.documentElement : el;
+        const scrollTop = getScrollTop(el);
+        const scrollHeight = getScrollHeight(el);
+        const clientHeight = getClientHeight(el);
+        if (scrollHeight - scrollTop <= clientHeight + threshold) {
+            loadMore();
+        }
+    };
+    useEventListener('scroll', () => {
+        if (loading || loadingMore) {
+            return;
+        }
+        scrollMethod();
+    }, { target });
+    useUpdateEffect(() => {
+        setFinalData(undefined);
+        run();
+    }, [...reloadDeps]);
+    return {
+        data: finalData,
+        loading: !loadingMore && loading,
+        error,
+        loadingMore,
+        noMore,
+        loadMore,
+        loadMoreAsync,
+        reload: useMemoizedFn(reload),
+        reloadAsync: useMemoizedFn(reloadAsync),
+        mutate: setFinalData,
+        cancel,
+    };
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useInfiniteScroll
-});
+//# sourceMappingURL=use-infinite-scroll.js.map

package/dist/lib/hooks/use-infinite-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-infinite-scroll.js","sourceRoot":"","sources":["../../../src/hooks/use-infinite-scroll.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,2CAA2C;AAC3C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAM9D,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,eAAe,GAChB,MAAM,QAAQ,CAAC;AAChB,OAAO,EACL,eAAe,EACf,eAAe,EACf,YAAY,GACb,MAAM,mBAAmB,CAAC;AAE3B;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,OAAuB,EACvB,UAAwC,EAAE,EAC1C,EAAE;IACF,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,EAAE,EACf,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,GACV,GAAG,OAAO,CAAC;IAEZ,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAS,CAAC;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,KAAK,CAAC;QACf,CAAC;QACD,OAAO,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,UAAU,CAC1D,KAAK,EAAE,QAAgB,EAAE,EAAE;QACzB,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC5C,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,YAAY,CAAC;gBACX,GAAG,WAAW;gBACd,IAAI,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;aACpC,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,YAAY,CAAC;gBACX,GAAG,WAAW;gBACd,IAAI,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC;aACtD,CAAC,CAAC;QACL,CAAC;QACD,OAAO,WAAW,CAAC;IACrB,CAAC,EACD;QACE,MAAM;QACN,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE;YACrB,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACpB,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE;QAC5B,SAAS,EAAE,CAAC,CAAC,EAAE;YACb,qBAAqB;YACrB,oBAAoB;YACpB,MAAM;YACN,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;YACf,UAAU,CAAC,GAAG,EAAE;gBACd,gBAAgB,EAAE,CAAC;YACrB,CAAC,CAAC,CAAC;QACL,CAAC;QACD,OAAO;KACR,CACF,CAAC;IAEF,MAAM,QAAQ,GAAG,aAAa,CAAC,GAAG,EAAE;QAClC,IAAI,MAAM,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QACD,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,GAAG,CAAC,SAAS,CAAC,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,aAAa,CAAC,GAAG,EAAE;QACvC,IAAI,MAAM,EAAE,CAAC;YACX,wDAAwD;YACxD,OAAO,OAAO,CAAC,MAAM,EAAE,CAAC;QAC1B,CAAC;QACD,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,OAAO,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,YAAY,CAAC,SAAS,CAAC,CAAC;QACxB,OAAO,GAAG,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,EAAE,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAClC,IAAI,CAAC,EAAE,EAAE,CAAC;YACR,OAAO;QACT,CAAC;QAED,EAAE,GAAG,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;QACrD,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC;QACzC,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC;QACzC,IAAI,YAAY,IAAI,YAAY,EAAE,CAAC;YACjC,mBAAmB;YACnB,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,EAAE,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAClC,IAAI,CAAC,EAAE,EAAE,CAAC;YACR,OAAO;QACT,CAAC;QAED,EAAE,GAAG,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;QAErD,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC;QACnC,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC;QACzC,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC;QAEzC,IAAI,YAAY,GAAG,SAAS,IAAI,YAAY,GAAG,SAAS,EAAE,CAAC;YACzD,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC,CAAC;IAEF,gBAAgB,CACd,QAAQ,EACR,GAAG,EAAE;QACH,IAAI,OAAO,IAAI,WAAW,EAAE,CAAC;YAC3B,OAAO;QACT,CAAC;QACD,YAAY,EAAE,CAAC;IACjB,CAAC,EACD,EAAE,MAAM,EAAE,CACX,CAAC;IAEF,eAAe,CAAC,GAAG,EAAE;QACnB,YAAY,CAAC,SAAS,CAAC,CAAC;QACxB,GAAG,EAAE,CAAC;IACR,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;IAEpB,OAAO;QACL,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,CAAC,WAAW,IAAI,OAAO;QAChC,KAAK;QACL,WAAW;QACX,MAAM;QACN,QAAQ;QACR,aAAa;QACb,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC;QAC7B,WAAW,EAAE,aAAa,CAAC,WAAW,CAAC;QACvC,MAAM,EAAE,YAAY;QACpB,MAAM;KACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/hooks/use-mouse-down-offset.d.ts

@@ -0,0 +1,9 @@
+interface Offset {
+    offsetX: number;
+    offsetY: number;
+}
+export declare const useMouseDownOffset: (callback: (offset: Offset) => void) => {
+    isActive: boolean;
+    ref: (node: HTMLElement | null) => void;
+};
+export {};

package/dist/lib/hooks/use-mouse-down-offset.js

@@ -1,65 +1,39 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+import { useState, useRef, useCallback } from 'react';
+import { useLatest, useMemoizedFn } from 'ahooks';
+export const useMouseDownOffset = (callback) => {
+    const [isActive, setIsActive] = useState(false);
+    const targetRef = useRef(null);
+    const [startPosition, setStartPosition] = useState(null);
+    const callbackRef = useLatest(callback);
+    const ref = useCallback((node) => {
+        if (targetRef.current) {
+            targetRef.current.removeEventListener('mousedown', handleMouseDown);
+        }
+        targetRef.current = node; // 更新 ref
+        if (targetRef.current) {
+            targetRef.current.addEventListener('mousedown', handleMouseDown);
+        }
+    }, []);
+    const handleMouseDown = useMemoizedFn((event) => {
+        setIsActive(true);
+        setStartPosition({ offsetX: event.clientX, offsetY: event.clientY });
+        window.addEventListener('mousemove', handleMouseMove);
+        window.addEventListener('mouseup', handleMouseUp);
+    });
+    const handleMouseMove = useMemoizedFn((event) => {
+        if (startPosition) {
+            callbackRef.current({
+                offsetX: event.clientX - startPosition.offsetX,
+                offsetY: event.clientY - startPosition.offsetY,
+            });
+        }
+    });
+    const handleMouseUp = useMemoizedFn(() => {
+        setIsActive(false);
+        setStartPosition(null);
+        window.removeEventListener('mousemove', handleMouseMove);
+        window.removeEventListener('mouseup', handleMouseUp);
+    });
+    return { isActive, ref };
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var use_mouse_down_offset_exports = {};
-__export(use_mouse_down_offset_exports, {
-  useMouseDownOffset: () => useMouseDownOffset
-});
-module.exports = __toCommonJS(use_mouse_down_offset_exports);
-var import_react = require("react");
-var import_ahooks = require("ahooks");
-const useMouseDownOffset = (callback) => {
-  const [isActive, setIsActive] = (0, import_react.useState)(false);
-  const targetRef = (0, import_react.useRef)(null);
-  const [startPosition, setStartPosition] = (0, import_react.useState)(null);
-  const callbackRef = (0, import_ahooks.useLatest)(callback);
-  const ref = (0, import_react.useCallback)((node) => {
-    if (targetRef.current) {
-      targetRef.current.removeEventListener("mousedown", handleMouseDown);
-    }
-    targetRef.current = node;
-    if (targetRef.current) {
-      targetRef.current.addEventListener("mousedown", handleMouseDown);
-    }
-  }, []);
-  const handleMouseDown = (0, import_ahooks.useMemoizedFn)((event) => {
-    setIsActive(true);
-    setStartPosition({ offsetX: event.clientX, offsetY: event.clientY });
-    window.addEventListener("mousemove", handleMouseMove);
-    window.addEventListener("mouseup", handleMouseUp);
-  });
-  const handleMouseMove = (0, import_ahooks.useMemoizedFn)((event) => {
-    if (startPosition) {
-      callbackRef.current({
-        offsetX: event.clientX - startPosition.offsetX,
-        offsetY: event.clientY - startPosition.offsetY
-      });
-    }
-  });
-  const handleMouseUp = (0, import_ahooks.useMemoizedFn)(() => {
-    setIsActive(false);
-    setStartPosition(null);
-    window.removeEventListener("mousemove", handleMouseMove);
-    window.removeEventListener("mouseup", handleMouseUp);
-  });
-  return { isActive, ref };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useMouseDownOffset
-});
+//# sourceMappingURL=use-mouse-down-offset.js.map

package/dist/lib/hooks/use-mouse-down-offset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mouse-down-offset.js","sourceRoot":"","sources":["../../../src/hooks/use-mouse-down-offset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAOlD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAkC,EAAE,EAAE;IACvE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxE,MAAM,WAAW,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAExC,MAAM,GAAG,GAAG,WAAW,CAAC,CAAC,IAAwB,EAAE,EAAE;QACnD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,SAAS,CAAC,OAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACtE,CAAC;QACD,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,SAAS;QACnC,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,SAAS,CAAC,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACnE,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,aAAa,CAAC,CAAC,KAAiB,EAAE,EAAE;QAC1D,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,gBAAgB,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QACrE,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACtD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,aAAa,CAAC,CAAC,KAAiB,EAAE,EAAE;QAC1D,IAAI,aAAa,EAAE,CAAC;YAClB,WAAW,CAAC,OAAO,CAAC;gBAClB,OAAO,EAAE,KAAK,CAAC,OAAO,GAAG,aAAa,CAAC,OAAO;gBAC9C,OAAO,EAAE,KAAK,CAAC,OAAO,GAAG,aAAa,CAAC,OAAO;aAC/C,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,aAAa,CAAC,GAAG,EAAE;QACvC,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACzD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC;AAC3B,CAAC,CAAC"}

package/dist/lib/hooks/use-unsave-leave-warning.d.ts

@@ -0,0 +1,12 @@
+interface UnsaveLeaveWarningProps {
+    /** 是否阻塞 */
+    block: boolean;
+    /** 自定义提示消息*/
+    message?: string;
+}
+/**
+ * 离开页面时的警告
+ * 触发时机：关闭浏览器、关闭浏览器标签页、刷新页面、导航回退离开等
+ */
+export declare const useUnsaveLeaveWarning: ({ block, message, }: UnsaveLeaveWarningProps) => void;
+export {};

package/dist/lib/hooks/use-unsave-leave-warning.js

@@ -0,0 +1,33 @@
+import { useBlocker } from 'react-router-dom';
+import { useEffect } from 'react';
+import { useI18n } from '../provider';
+/**
+ * 离开页面时的警告
+ * 触发时机：关闭浏览器、关闭浏览器标签页、刷新页面、导航回退离开等
+ */
+export const useUnsaveLeaveWarning = ({ block, message, }) => {
+    const i18n = useI18n();
+    const warnMessage = message || i18n.t('unsave_leave_confirm_warning') || 'Close confirm';
+    useEffect(() => {
+        const handleBeforeUnload = (event) => {
+            if (block) {
+                event.preventDefault();
+                event.returnValue = warnMessage; // 显示自定义消息（部分浏览器可能不支持）
+            }
+        };
+        // 监听浏览器关闭标签页或刷新事件
+        window.addEventListener('beforeunload', handleBeforeUnload);
+        return () => {
+            window.removeEventListener('beforeunload', handleBeforeUnload);
+        };
+    }, [block, warnMessage]);
+    // 处理 React Router 导航离开
+    useBlocker(() => {
+        if (block) {
+            // 弹出确认框
+            return !window.confirm(warnMessage);
+        }
+        return true;
+    });
+};
+//# sourceMappingURL=use-unsave-leave-warning.js.map

package/dist/lib/hooks/use-unsave-leave-warning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-unsave-leave-warning.js","sourceRoot":"","sources":["../../../src/hooks/use-unsave-leave-warning.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAStC;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,KAAK,EACL,OAAO,GACiB,EAAE,EAAE;IAC5B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,WAAW,GACf,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,8BAA8B,CAAC,IAAI,eAAe,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAwB,EAAE,EAAE;YACtD,IAAI,KAAK,EAAE,CAAC;gBACV,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC,CAAC,sBAAsB;YACzD,CAAC;QACH,CAAC,CAAC;QAEF,kBAAkB;QAClB,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QAE5D,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QACjE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEzB,uBAAuB;IACvB,UAAU,CAAC,GAAG,EAAE;QACd,IAAI,KAAK,EAAE,CAAC;YACV,QAAQ;YACR,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/lib/id-render/icon-button-container.d.ts

@@ -0,0 +1,8 @@
+import { type DOMAttributes } from 'react';
+export declare function IconButtonContainer({ icon, className, style, onClick, active, disabled, ...rest }: {
+    icon: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+    active?: boolean;
+} & DOMAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/lib/id-render/icon-button-container.js

@@ -1,89 +1,8 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var icon_button_container_exports = {};
-__export(icon_button_container_exports, {
-  default: () => IconButtonContainer
-});
-module.exports = __toCommonJS(icon_button_container_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_classnames = __toESM(require("classnames"));
-function IconButtonContainer(_a) {
-  var _b = _a, {
-    icon,
-    className,
-    style,
-    onClick
-  } = _b, rest = __objRest(_b, [
-    "icon",
-    "className",
-    "style",
-    "onClick"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    __spreadProps(__spreadValues({}, rest), {
-      onClick,
-      style,
-      className: (0, import_classnames.default)(
-        "inline-flex items-center justify-center w-5 h-5 rounded-[4px] cursor-pointer text-[var(--coz-fg-secondary)] hover:text-[var(--coz-fg-primary)] hover:bg-[var(--coz-mg-secondary-hovered)]",
-        className
-      ),
-      children: icon
-    })
-  );
+import { jsx as _jsx } from "react/jsx-runtime";
+import cls from 'classnames';
+export function IconButtonContainer({ icon, className, style, onClick, active, disabled, ...rest }) {
+    return (_jsx("div", { ...rest, onClick: onClick, style: style, className: cls('inline-flex items-center justify-center shrink-0 w-5 h-5 rounded-[4px] text-sm text-[var(--coz-fg-secondary)] ', active && !disabled ? 'bg-[var(--coz-mg-plus)]' : '', disabled
+            ? 'cursor-not-allowed'
+            : 'cursor-pointer hover:text-[var(--coz-fg-primary)] hover:bg-[var(--coz-mg-plus)]', className), children: icon }));
 }
+//# sourceMappingURL=icon-button-container.js.map

package/dist/lib/id-render/icon-button-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-container.js","sourceRoot":"","sources":["../../../src/id-render/icon-button-container.tsx"],"names":[],"mappings":";AAEA,OAAO,GAAG,MAAM,YAAY,CAAC;AAE7B,MAAM,UAAU,mBAAmB,CAAC,EAClC,IAAI,EACJ,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,GAAG,IAAI,EAOwB;IAC/B,OAAO,CACL,iBACM,IAAI,EACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,GAAG,CACZ,gHAAgH,EAChH,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EACpD,QAAQ;YACN,CAAC,CAAC,oBAAoB;YACtB,CAAC,CAAC,iFAAiF,EACrF,SAAS,CACV,YAEA,IAAI,GACD,CACP,CAAC;AACJ,CAAC"}

package/dist/lib/id-render/index.d.ts

@@ -0,0 +1,7 @@
+export declare function IDRender({ id, showSuffixLength, enableCopy, useTag, defaultShowCopyBtn, }: {
+    id: Int64;
+    showSuffixLength?: number;
+    enableCopy?: boolean;
+    useTag?: boolean;
+    defaultShowCopyBtn?: boolean;
+}): import("react/jsx-runtime").JSX.Element;