@cozeloop/components 0.0.1

package/dist/es/tabs/index.js

@@ -0,0 +1,42 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __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;
+};
+import { jsx } from "react/jsx-runtime";
+import cs from "classnames";
+import { Tabs } from "@coze-arch/coze-design";
+import styles from "./index.module";
+const LoopTabs = (props) => {
+  const _a = props, { className } = _a, rest = __objRest(_a, ["className"]);
+  return /* @__PURE__ */ jsx(Tabs, __spreadProps(__spreadValues({}, rest), { className: cs(styles.tabs, className) }));
+};
+export {
+  LoopTabs
+};

package/dist/es/tabs/index.module.js

@@ -0,0 +1,5 @@
+import "./index_module.css";
+var index_module_default = { "tabs": "tabs_98a2e" };
+export {
+  index_module_default as default
+};

package/dist/es/tabs/index_module.css

@@ -0,0 +1,37 @@
+.tabs_98a2e {
+  display: flex;
+  flex-direction: column;
+}
+.tabs_98a2e .semi-tabs-bar-card.semi-tabs-bar-top .semi-tabs-tab:first-of-type {
+  margin-left: 24px;
+}
+.tabs_98a2e .semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab {
+  height: 36px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+  color: var(--semi-color-text-0);
+  background-color: #F6F8FA;
+  border: 1px solid var(--semi-color-border);
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.tabs_98a2e .semi-tabs-tab-card.semi-tabs-tab-top.semi-tabs-tab-active {
+  color: rgb(var(--coze-up-brand-9));
+  background: linear-gradient(to bottom, rgb(var(--coze-up-brand-9)) 2px, transparent 2px);
+  border-top: 1px solid rgb(var(--coze-up-brand-9));
+  border-bottom: 1px solid var(--semi-color-bg-2);
+}
+.tabs_98a2e .semi-tabs-content {
+  overflow: hidden;
+  flex: 1 1;
+  padding: 0;
+}
+.tabs_98a2e .semi-tabs-pane {
+  height: 100%;
+}
+.tabs_98a2e .semi-tabs-pane-motion-overlay {
+  height: 100%;
+}
+.tabs_98a2e .semi-tag-large {
+  height: 20px;
+}

package/dist/es/text-with-copy/index.js

@@ -0,0 +1,71 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import { IconCozCopy } from "@coze-arch/coze-design/icons";
+import { IconButton, Tooltip, Typography } from "@coze-arch/coze-design";
+import { handleCopy } from "../utils/basic";
+function TextWithCopy({
+  displayText,
+  copyTooltipText,
+  content,
+  className,
+  maxWidth,
+  style,
+  textClassName,
+  textType = "secondary",
+  onlyIconCopy
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames("flex items-center justify-start gap-1", className),
+      style,
+      children: [
+        /* @__PURE__ */ jsx(
+          Typography.Text,
+          {
+            className: classNames(
+              "max-w-full",
+              {
+                "cursor-pointer": !onlyIconCopy
+              },
+              textClassName
+            ),
+            type: textType,
+            style: { maxWidth },
+            ellipsis: {
+              showTooltip: { opts: { theme: "dark", content } }
+            },
+            onClick: onlyIconCopy ? void 0 : (e) => {
+              content && handleCopy(content);
+              e == null ? void 0 : e.stopPropagation();
+            },
+            children: displayText || content || ""
+          }
+        ),
+        content ? /* @__PURE__ */ jsx(Tooltip, { content: copyTooltipText || "复制内容", theme: "dark", children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "mini",
+            color: "secondary",
+            className: "flex-shrink-0 !w-[20px] !h-[20px]",
+            icon: /* @__PURE__ */ jsx(
+              IconCozCopy,
+              {
+                className: "",
+                onClick: (e) => {
+                  content && handleCopy(content);
+                  e == null ? void 0 : e.stopPropagation();
+                },
+                fontSize: 14,
+                fill: "var(--semi-color-text-2)"
+              }
+            )
+          }
+        ) }) : null
+      ]
+    }
+  );
+}
+export {
+  TextWithCopy
+};

package/dist/es/tooltip-with-disabled/index.js

@@ -0,0 +1,49 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __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;
+};
+import { Fragment, jsx } from "react/jsx-runtime";
+import { Tooltip } from "@coze-arch/coze-design";
+function TooltipWhenDisabled(_a) {
+  var _b = _a, {
+    children,
+    disabled
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "disabled"
+  ]);
+  if (disabled) {
+    return /* @__PURE__ */ jsx(Tooltip, __spreadProps(__spreadValues({}, rest), { children }));
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+export {
+  TooltipWhenDisabled
+};

package/dist/es/utils/basic.js

@@ -0,0 +1,44 @@
+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);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import copy from "copy-to-clipboard";
+import { Toast } from "@coze-arch/coze-design";
+const handleCopy = (value, hideToast) => __async(void 0, null, function* () {
+  try {
+    copy(value);
+    !hideToast && Toast.success({
+      content: "复制成功",
+      showClose: false,
+      zIndex: 99999
+    });
+    return Promise.resolve(true);
+  } catch (e) {
+    Toast.warning({
+      content: "复制失败",
+      showClose: false,
+      zIndex: 99999
+    });
+    console.error(e);
+    return Promise.resolve(false);
+  }
+});
+export {
+  handleCopy
+};

package/dist/es/utils/rect.js

@@ -0,0 +1,37 @@
+const isBrowser = !!(typeof window !== "undefined" && window.document && window.document.createElement);
+const getScrollTop = (el) => {
+  if (el === document || el === document.documentElement || el === document.body) {
+    return Math.max(
+      window.pageYOffset,
+      document.documentElement.scrollTop,
+      document.body.scrollTop
+    );
+  }
+  return el.scrollTop;
+};
+const getScrollHeight = (el) => el.scrollHeight || Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);
+const getClientHeight = (el) => el.clientHeight || Math.max(document.documentElement.clientHeight, document.body.clientHeight);
+function getTargetElement(target, defaultElement) {
+  if (!isBrowser) {
+    return void 0;
+  }
+  if (!target) {
+    return defaultElement;
+  }
+  let targetElement;
+  if (typeof target === "function") {
+    targetElement = target();
+  } else if ("current" in target) {
+    targetElement = target.current;
+  } else {
+    targetElement = target;
+  }
+  return targetElement;
+}
+export {
+  getClientHeight,
+  getScrollHeight,
+  getScrollTop,
+  getTargetElement,
+  isBrowser
+};

package/dist/hooks/use-infinite-scroll.d.ts

@@ -0,0 +1,23 @@
+import { type InfiniteScrollOptions, type Data, type Service } from 'ahooks/lib/useInfiniteScroll/types';
+/**
+ * ahook的实现，在刷新列表时会出现以下两个问题
+ * 1. 发送存量数据对应的列表请求
+ * 2. 列表请求重复
+ * 因此fork ahook 实现，并将reload含义定义为刷新列表，并回到第一页
+ * @param service
+ * @param options
+ * @returns
+ */
+export declare const useInfiniteScroll: <TData extends Data>(service: Service<TData>, options?: InfiniteScrollOptions<TData>) => {
+    data: TData | undefined;
+    loading: boolean;
+    error: Error | undefined;
+    loadingMore: boolean;
+    noMore: boolean;
+    loadMore: () => void;
+    loadMoreAsync: () => Promise<TData>;
+    reload: () => void;
+    reloadAsync: () => Promise<TData>;
+    mutate: import("react").Dispatch<import("react").SetStateAction<TData | undefined>>;
+    cancel: () => void;
+};

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

@@ -0,0 +1,133 @@
+/* eslint-disable @flow-infra/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 '../utils/rect';
+/**
+ * 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();
+    };
+    const reloadAsync = () => {
+        setLoadingMore(false);
+        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,
+    };
+};
+//# sourceMappingURL=use-infinite-scroll.js.map

package/dist/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,sDAAsD;AACtD,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;AAEhB,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE/E;;;;;;;;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/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/hooks/use-mouse-down-offset.js

@@ -0,0 +1,39 @@
+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 };
+};
+//# sourceMappingURL=use-mouse-down-offset.js.map

package/dist/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/id-render/icon-button-container.d.ts

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import cls from 'classnames';
+export default function IconButtonContainer({ icon, className, style, onClick, ...rest }) {
+    return (_jsx("div", { ...rest, onClick: onClick, style: style, className: cls('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 }));
+}
+//# sourceMappingURL=icon-button-container.js.map

package/dist/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,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,IAAI,EACJ,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,IAAI,EAKwB;IAC/B,OAAO,CACL,iBACM,IAAI,EACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,GAAG,CACZ,2LAA2L,EAC3L,SAAS,CACV,YAEA,IAAI,GACD,CACP,CAAC;AACJ,CAAC"}

package/dist/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;

package/dist/id-render/index.js

@@ -0,0 +1,21 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { IconCozCopy } from '@coze-arch/coze-design/icons';
+import { Toast, Tooltip } from '@coze-arch/coze-design';
+import IconButtonContainer from './icon-button-container';
+export function IDRender({ id, showSuffixLength = 5, enableCopy = true, useTag = false, defaultShowCopyBtn, }) {
+    const idString = id?.toString() ?? '';
+    const suffix = idString.slice(Math.max(idString.length - showSuffixLength, 0), idString.length);
+    return (_jsxs("div", { className: "group flex items-center gap-1", onClick: e => e.stopPropagation(), children: [_jsx(Tooltip, { content: idString, theme: "dark", children: useTag ? (_jsxs("div", { className: "shrink-0 h-5 flex items-center px-2 rounded-[3px] border border-solid border-[var(--coz-stroke-plus)] font-medium text-[var(--coz-fg-primary)]", children: ["#", suffix || '-'] })) : (_jsxs("span", { className: "shrink-0", children: ["#", suffix || '-'] })) }), enableCopy ? (_jsx(Tooltip, { content: "\u590D\u5236 ID", theme: "dark", children: _jsx("div", { children: _jsx(IconButtonContainer, { className: classNames('id-render-copy-action-button shrink-0 text-sm', defaultShowCopyBtn ? '' : ' hidden group-hover:flex'), icon: _jsx(IconCozCopy, {}), onClick: async (e) => {
+                            e.stopPropagation();
+                            try {
+                                await navigator.clipboard.writeText(idString);
+                                Toast.success('复制成功');
+                            }
+                            catch (error) {
+                                console.error(error);
+                                Toast.error('复制失败');
+                            }
+                        } }) }) })) : null] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/id-render/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/id-render/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAE1D,MAAM,UAAU,QAAQ,CAAC,EACvB,EAAE,EACF,gBAAgB,GAAG,CAAC,EACpB,UAAU,GAAG,IAAI,EACjB,MAAM,GAAG,KAAK,EACd,kBAAkB,GAOnB;IACC,MAAM,QAAQ,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IACtC,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAC3B,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,gBAAgB,EAAE,CAAC,CAAC,EAC/C,QAAQ,CAAC,MAAM,CAChB,CAAC;IACF,OAAO,CACL,eACE,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAEjC,KAAC,OAAO,IAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,YACrC,MAAM,CAAC,CAAC,CAAC,CACR,eAAK,SAAS,EAAC,gJAAgJ,kBAC3J,MAAM,IAAI,GAAG,IACX,CACP,CAAC,CAAC,CAAC,CACF,gBAAM,SAAS,EAAC,UAAU,kBAAG,MAAM,IAAI,GAAG,IAAQ,CACnD,GACO,EACT,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,OAAO,IAAC,OAAO,EAAC,iBAAO,EAAC,KAAK,EAAC,MAAM,YACnC,wBACE,KAAC,mBAAmB,IAClB,SAAS,EAAE,UAAU,CACnB,+CAA+C,EAC/C,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,0BAA0B,CACrD,EACD,IAAI,EAAE,KAAC,WAAW,KAAG,EACrB,OAAO,EAAE,KAAK,EAAC,CAAC,EAAC,EAAE;4BACjB,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,IAAI,CAAC;gCACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;gCAC9C,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;4BACxB,CAAC;4BAAC,OAAO,KAAK,EAAE,CAAC;gCACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gCACrB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;4BACtB,CAAC;wBACH,CAAC,GACD,GACE,GACE,CACX,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+export { ColumnSelector, type ColumnItem } from './columns-select';
+export { TooltipWhenDisabled } from './tooltip-with-disabled';
+export { LoopTable } from './table';
+export { TableWithPagination, DEFAULT_PAGE_SIZE, PAGE_SIZE_OPTIONS, } from './table/table-with-pagination';
+export { PageError, PageLoading, PageNoAuth, PageNoContent, PageNotFound, FullPage, } from './page-content';
+export { TableColActions } from './table-col-actions';
+export { LoopTabs } from './tabs';
+export { LargeTxtRender } from './large-txt-render';
+export { InputSlider } from './input-slider';
+export { handleCopy } from './utils/basic';
+export { TextWithCopy } from './text-with-copy';
+export { IDRender } from './id-render';
+export { default as IconButtonContainer } from './id-render/icon-button-container';
+export { getColumnManageStorage, setColumnsManageStorage, dealColumnsWithStorage, } from './column-manage-storage';
+export { PrimaryPage } from './primary-page';
+export { ResizeSidesheet } from './resize-sidesheet';
+export { InfiniteScrollTable, type InfiniteScrollTableRef, } from './infinite-scroll-table';
+export { TableHeader, type TableHeaderProps } from './table-header';
+export { TableWithoutPagination } from './table/table-without-pagniation';

package/dist/index.js

@@ -0,0 +1,22 @@
+export { ColumnSelector } from './columns-select';
+export { TooltipWhenDisabled } from './tooltip-with-disabled';
+export { LoopTable } from './table';
+export { TableWithPagination, DEFAULT_PAGE_SIZE, PAGE_SIZE_OPTIONS, } from './table/table-with-pagination';
+export { PageError, PageLoading, PageNoAuth, PageNoContent, PageNotFound, FullPage, } from './page-content';
+export { TableColActions } from './table-col-actions';
+export { LoopTabs } from './tabs';
+export { LargeTxtRender } from './large-txt-render';
+export { InputSlider } from './input-slider';
+export { handleCopy } from './utils/basic';
+export { TextWithCopy } from './text-with-copy';
+export { IDRender } from './id-render';
+export { default as IconButtonContainer } from './id-render/icon-button-container';
+export { getColumnManageStorage, setColumnsManageStorage, dealColumnsWithStorage, } from './column-manage-storage';
+export { PrimaryPage } from './primary-page';
+export { ResizeSidesheet } from './resize-sidesheet';
+export { InfiniteScrollTable, } from './infinite-scroll-table';
+export { TableHeader } from './table-header';
+// import  { TableHeaderProps } from './table-header';
+// export const a = {} as unknown as TableHeaderProps;
+export { TableWithoutPagination } from './table/table-without-pagniation';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAmB,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,SAAS,EACT,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,QAAQ,GACT,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAEnF,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EACL,mBAAmB,GAEpB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAyB,MAAM,gBAAgB,CAAC;AACpE,sDAAsD;AACtD,sDAAsD;AAEtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC"}

package/dist/infinite-scroll-table/index.d.ts

@@ -0,0 +1,19 @@
+import { type ForwardedRef } from 'react';
+import { type Data, type InfiniteScrollOptions, type Service } from 'ahooks/lib/useInfiniteScroll/types';
+import { useInfiniteScroll } from 'ahooks';
+import { type TableProps } from '@coze-arch/coze-design';
+interface ExpandData extends Data {
+    hasMore?: boolean;
+}
+interface InfiniteScrollTableProps<TData extends ExpandData> {
+    service: Service<TData>;
+    options?: InfiniteScrollOptions<TData>;
+}
+export interface InfiniteScrollTableRef {
+    hookRes: ReturnType<typeof useInfiniteScroll>;
+}
+type Props<TData extends ExpandData> = TableProps & InfiniteScrollTableProps<TData>;
+export declare const InfiniteScrollTable: <TData extends ExpandData>(props: Props<TData> & {
+    ref?: ForwardedRef<InfiniteScrollTableRef>;
+}) => React.ReactElement | null;
+export {};