@cozeloop/components 0.0.1

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

@@ -0,0 +1,78 @@
+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 { jsx, jsxs } 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";
+function IDRender({
+  id,
+  showSuffixLength = 5,
+  enableCopy = true,
+  useTag = false,
+  defaultShowCopyBtn
+}) {
+  var _a;
+  const idString = (_a = id == null ? void 0 : id.toString()) != null ? _a : "";
+  const suffix = idString.slice(
+    Math.max(idString.length - showSuffixLength, 0),
+    idString.length
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "group flex items-center gap-1",
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsx(Tooltip, { content: idString, theme: "dark", children: useTag ? /* @__PURE__ */ 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 || "-"
+        ] }) : /* @__PURE__ */ jsxs("span", { className: "shrink-0", children: [
+          "#",
+          suffix || "-"
+        ] }) }),
+        enableCopy ? /* @__PURE__ */ jsx(Tooltip, { content: "复制 ID", theme: "dark", children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          IconButtonContainer,
+          {
+            className: classNames(
+              "id-render-copy-action-button shrink-0 text-sm",
+              defaultShowCopyBtn ? "" : " hidden group-hover:flex"
+            ),
+            icon: /* @__PURE__ */ jsx(IconCozCopy, {}),
+            onClick: (e) => __async(this, null, function* () {
+              e.stopPropagation();
+              try {
+                yield navigator.clipboard.writeText(idString);
+                Toast.success("复制成功");
+              } catch (error) {
+                console.error(error);
+                Toast.error("复制失败");
+              }
+            })
+          }
+        ) }) }) : null
+      ]
+    }
+  );
+}
+export {
+  IDRender
+};

package/dist/es/index.js

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

package/dist/es/infinite-scroll-table/index.js

@@ -0,0 +1,98 @@
+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 {
+  forwardRef,
+  useRef,
+  useImperativeHandle
+} from "react";
+import classNames from "classnames";
+import { useSize, useInfiniteScroll } from "ahooks";
+import { IconCozIllusEmpty } from "@coze-arch/coze-design/illustrations";
+import { EmptyState } from "@coze-arch/coze-design";
+import { LoopTable } from "../table";
+const InfiniteScrollTable = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { service, options, className } = _b, restTableProps = __objRest(_b, ["service", "options", "className"]);
+    var _a2, _b2;
+    const containerRef = useRef(null);
+    const hookRes = useInfiniteScroll((d) => service == null ? void 0 : service(d), __spreadProps(__spreadValues({
+      isNoMore: (d) => !(d == null ? void 0 : d.hasMore)
+    }, options), {
+      reloadDeps: [...(options == null ? void 0 : options.reloadDeps) || []]
+    }));
+    const { data, loading, loadingMore, noMore, loadMore } = hookRes;
+    const scrollSize = useSize(containerRef);
+    const height = (scrollSize == null ? void 0 : scrollSize.height) || 0;
+    useImperativeHandle(ref, () => ({
+      // @ts-expect-error type
+      hookRes
+    }));
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classNames("w-full h-full overflow-hidden", className),
+        ref: containerRef,
+        children: /* @__PURE__ */ jsx(
+          LoopTable,
+          {
+            tableProps: __spreadProps(__spreadValues({}, restTableProps.tableProps), {
+              loading: loading || loadingMore,
+              pagination: false,
+              dataSource: (data == null ? void 0 : data.list) || [],
+              scroll: __spreadValues({
+                y: height - 48
+              }, (_a2 = restTableProps.tableProps) == null ? void 0 : _a2.scroll)
+            }),
+            empty: (_b2 = restTableProps.empty) != null ? _b2 : /* @__PURE__ */ jsx(
+              EmptyState,
+              {
+                size: "full_screen",
+                icon: /* @__PURE__ */ jsx(IconCozIllusEmpty, {}),
+                title: "暂无数据"
+              }
+            ),
+            enableLoad: true,
+            loadMode: "cursor",
+            hasMore: !noMore,
+            onLoad: loadMore,
+            offsetY: 0,
+            strictDataSourceProp: true
+          }
+        )
+      }
+    );
+  }
+);
+export {
+  InfiniteScrollTable
+};

package/dist/es/input-slider/index.js

@@ -0,0 +1,123 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { isInteger, isUndefined } from "lodash-es";
+import classNames from "classnames";
+import {
+  CozInputNumber,
+  Slider
+} from "@coze-arch/coze-design";
+import styles from "./index.module";
+const formateDecimalPlacesString = (value, prevValue, decimalPlaces) => {
+  if (isUndefined(decimalPlaces)) {
+    return value.toString();
+  }
+  const numberValue = Number(value);
+  const stringValue = value.toString();
+  if (Number.isNaN(numberValue)) {
+    return `${value}`;
+  }
+  if (decimalPlaces === 0 && !isInteger(Number(value)) && prevValue) {
+    return `${prevValue}`;
+  }
+  const decimalPointIndex = stringValue.indexOf(".");
+  if (decimalPointIndex < 0) {
+    return stringValue;
+  }
+  const formattedValue = stringValue.substring(
+    0,
+    decimalPointIndex + 1 + decimalPlaces
+  );
+  if (formattedValue.endsWith(".") && decimalPlaces === 0) {
+    return formattedValue.substring(0, formattedValue.length - 1);
+  }
+  return formattedValue;
+};
+function getDecimalPlaces(num) {
+  if (!num) {
+    return 0;
+  }
+  const numStr = num.toString();
+  if (numStr.includes(".")) {
+    const decimalPart = numStr.split(".")[1];
+    return decimalPart.length;
+  }
+  return 0;
+}
+const formateDecimalPlacesNumber = (value, prevValue, decimalPlaces, isPasted) => {
+  if (isUndefined(decimalPlaces)) {
+    if (isPasted) {
+      return value;
+    }
+    const currentDecimalPlaces = getDecimalPlaces(value);
+    const prevDecimalPlaces = getDecimalPlaces(prevValue);
+    if (prevDecimalPlaces === 2 && currentDecimalPlaces > 2 && !isUndefined(prevValue) && Math.abs(prevValue - value).toFixed(2) === "0.01") {
+      const pow2 = Math.pow(10, 2);
+      return Math.round(value * pow2) / pow2;
+    }
+    return value;
+  }
+  if (decimalPlaces === 0 && !isInteger(value) && prevValue) {
+    return prevValue;
+  }
+  const pow = Math.pow(10, decimalPlaces);
+  return Math.round(value * pow) / pow;
+};
+const InputSlider = ({
+  value,
+  onChange,
+  max = 1,
+  min = 0,
+  step = 1,
+  disabled,
+  decimalPlaces,
+  marks,
+  className
+}) => {
+  const isPasted = useRef(false);
+  const onNumberChange = (numberValue) => {
+    const formattedValue = formateDecimalPlacesNumber(
+      numberValue,
+      value,
+      decimalPlaces,
+      isPasted.current
+    );
+    isPasted.current = false;
+    onChange == null ? void 0 : onChange(formattedValue);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: classNames(styles["input-slider"], className), children: [
+    /* @__PURE__ */ jsx(
+      Slider,
+      {
+        disabled,
+        value,
+        max,
+        min,
+        step,
+        marks,
+        onChange: (v) => {
+          if (typeof v === "number") {
+            onChange == null ? void 0 : onChange(v);
+          }
+        }
+      },
+      `${min}-${max}`
+    ),
+    /* @__PURE__ */ jsx(
+      CozInputNumber,
+      {
+        className: styles["input-number"],
+        value,
+        disabled,
+        formatter: (inputValue) => formateDecimalPlacesString(inputValue, value),
+        onNumberChange,
+        max,
+        min,
+        step,
+        onPaste: () => isPasted.current = true
+      }
+    )
+  ] });
+};
+export {
+  InputSlider
+};

package/dist/es/input-slider/index.module.js

@@ -0,0 +1,5 @@
+import "./index_module.css";
+var index_module_default = { "input-slider": "input-slider_e1e72", "input-number": "input-number_e1e72" };
+export {
+  index_module_default as default
+};

package/dist/es/input-slider/index_module.css

@@ -0,0 +1,21 @@
+/* stylelint-disable declaration-no-important */
+.input-slider_e1e72 {
+  display: flex;
+  column-gap: 8px;
+  align-items: center;
+}
+.input-slider_e1e72 .semi-slider {
+  flex: 1 1;
+  padding-left: 14px;
+}
+.input-slider_e1e72 .semi-slider-handle {
+  width: 12px !important;
+  height: 12px !important;
+  margin-top: 10px !important;
+}
+.input-slider_e1e72 .input-number_e1e72 {
+  width: 90px;
+}
+.input-slider_e1e72 .input-number_e1e72 .semi-input-number-suffix-btns {
+  height: auto !important;
+}

package/dist/es/large-txt-render/index.js

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useInfiniteScroll } from "ahooks";
+const PER_PRE_MAX_LENGTH = 25e3;
+const LargeTxtRender = (props) => {
+  const { text } = props;
+  const ref = useRef(null);
+  const getMoreTextChunk = (startIndex) => {
+    const endIndex = startIndex + PER_PRE_MAX_LENGTH;
+    const chunk = text.slice(startIndex, endIndex);
+    const hasMore = endIndex < text.length;
+    return {
+      list: [chunk],
+      nextId: hasMore ? endIndex.toString() : void 0
+    };
+  };
+  const { data } = useInfiniteScroll(
+    (d) => {
+      const startIndex = d ? parseInt(d.nextId) : 0;
+      return Promise.resolve(getMoreTextChunk(startIndex));
+    },
+    {
+      target: ref,
+      isNoMore: (d) => (d == null ? void 0 : d.nextId) === void 0
+    }
+  );
+  return /* @__PURE__ */ jsx(
+    "pre",
+    {
+      ref,
+      className: "m-0 break-words whitespace-pre-wrap max-h-full overflow-y-auto text-[13px] leading-4 text-[var(--coz-fg-primary)] font-normal",
+      dangerouslySetInnerHTML: { __html: (data == null ? void 0 : data.list.join("")) || "" }
+    }
+  );
+};
+export {
+  LargeTxtRender
+};

package/dist/es/page-content/index.js

@@ -0,0 +1,108 @@
+var __defProp = Object.defineProperty;
+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 __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 classNames from "classnames";
+import {
+  IconCozIllus404Dark,
+  IconCozIllus404,
+  IconCozIllusErrorDark,
+  IconCozIllusError,
+  IconCozIllusLock,
+  IconCozIllusLockDark,
+  IconCozIllusEmpty,
+  IconCozIllusEmptyDark
+} from "@coze-arch/coze-design/illustrations";
+import { Empty, Spin } from "@coze-arch/coze-design";
+function FullPage({ children, className, style }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classNames(
+        "w-full h-full flex items-center justify-center bg-semi-bg-1 z-10",
+        className
+      ),
+      style,
+      children
+    }
+  );
+}
+function PageLoading(props) {
+  return /* @__PURE__ */ jsx(FullPage, { className: props.className, style: props.style, children: /* @__PURE__ */ jsx(Spin, { wrapperClassName: "w-full h-full", spinning: true, tip: props.tip }) });
+}
+function PageNotFound(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(FullPage, { className, children: /* @__PURE__ */ jsx(
+    Empty,
+    __spreadValues({
+      image: /* @__PURE__ */ jsx(IconCozIllus404, { className: "text-[160px]" }),
+      darkModeImage: /* @__PURE__ */ jsx(IconCozIllus404Dark, { className: "text-[160px]" }),
+      description: "页面丢失了"
+    }, props)
+  ) });
+}
+function PageError(_c) {
+  var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
+  return /* @__PURE__ */ jsx(FullPage, { className, children: /* @__PURE__ */ jsx(
+    Empty,
+    __spreadValues({
+      image: /* @__PURE__ */ jsx(IconCozIllusError, { className: "text-[160px]" }),
+      darkModeImage: /* @__PURE__ */ jsx(IconCozIllusErrorDark, { className: "text-[160px]" }),
+      description: "页面加载失败"
+    }, props)
+  ) });
+}
+function PageNoAuth(_e) {
+  var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
+  return /* @__PURE__ */ jsx(FullPage, { className, children: /* @__PURE__ */ jsx(
+    Empty,
+    __spreadValues({
+      image: /* @__PURE__ */ jsx(IconCozIllusLock, { className: "text-[160px]" }),
+      darkModeImage: /* @__PURE__ */ jsx(IconCozIllusLockDark, { className: "text-[160px]" }),
+      description: "暂无权限"
+    }, props)
+  ) });
+}
+function PageNoContent(_g) {
+  var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
+  return /* @__PURE__ */ jsx(FullPage, { className, children: /* @__PURE__ */ jsx(
+    Empty,
+    __spreadValues({
+      image: /* @__PURE__ */ jsx(IconCozIllusEmpty, { className: "text-[160px]" }),
+      darkModeImage: /* @__PURE__ */ jsx(IconCozIllusEmptyDark, { className: "text-[160px]" })
+    }, props)
+  ) });
+}
+export {
+  FullPage,
+  PageError,
+  PageLoading,
+  PageNoAuth,
+  PageNoContent,
+  PageNotFound
+};

package/dist/es/primary-page/index.js

@@ -0,0 +1,4 @@
+import { PrimaryPage } from "./primary-header";
+export {
+  PrimaryPage
+};

package/dist/es/primary-page/primary-header.js

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+const PrimaryPage = ({
+  pageTitle,
+  filterSlot,
+  children,
+  contentClassName,
+  className,
+  titleSlot
+}) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    className: classNames(
+      "pt-2 pb-3 h-full max-h-full flex flex-col",
+      className
+    ),
+    children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-4 px-6", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-[20px] font-medium leading-6 coz-fg-plus ", children: pageTitle }),
+        /* @__PURE__ */ jsx("div", { children: titleSlot })
+      ] }),
+      filterSlot ? /* @__PURE__ */ jsx("div", { className: "box-border coz-fg-secondary pt-1 pb-3 px-6", children: filterSlot }) : null,
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: classNames(
+            "flex-1 h-full max-h-full overflow-hidden px-6",
+            contentClassName
+          ),
+          children
+        }
+      )
+    ]
+  }
+);
+export {
+  PrimaryPage
+};

package/dist/es/resize-sidesheet/index.js

@@ -0,0 +1,100 @@
+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, jsxs } from "react/jsx-runtime";
+import cn from "classnames";
+import { IconCozCrossFill } from "@coze-arch/coze-design/icons";
+import {
+  Divider,
+  SideSheet
+} from "@coze-arch/coze-design";
+import { Button } from "@coze-arch/coze-design";
+import { useDrag } from "./use-drag";
+import styles from "./index.module";
+const ResizeSidesheet = (props) => {
+  const _a = props, {
+    children,
+    dragOptions,
+    title,
+    onCancel,
+    className,
+    showDivider
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "dragOptions",
+    "title",
+    "onCancel",
+    "className",
+    "showDivider"
+  ]);
+  const { containerRef, isActive, sidePaneWidth } = useDrag(dragOptions);
+  return /* @__PURE__ */ jsxs(
+    SideSheet,
+    __spreadProps(__spreadValues({
+      title: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-1", children: title }),
+        showDivider ? /* @__PURE__ */ jsx(Divider, { layout: "vertical", className: "h-[12px]" }) : null,
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "primary",
+            color: "secondary",
+            icon: /* @__PURE__ */ jsx(IconCozCrossFill, { className: "w-[16px] h-[16px]" }),
+            onClick: onCancel
+          }
+        )
+      ] }),
+      width: sidePaneWidth,
+      className: cn(styles.sheet, className)
+    }, rest), {
+      onCancel,
+      closable: false,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: containerRef,
+            className: cn(
+              "absolute h-full w-[2px] z-[20000] bg-transparent  top-0 left-0 hover:cursor-col-resize hover:bg-[rgb(var(--coze-up-brand-9))] transition ",
+              {
+                "bg-[rgb(var(--coze-up-brand-9))] cursor-col-resize": isActive
+              }
+            )
+          }
+        ),
+        props.children
+      ]
+    })
+  );
+};
+export {
+  ResizeSidesheet
+};

package/dist/es/resize-sidesheet/index.module.js

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