@cozeloop/components 0.0.1

package/dist/types/collapsible-card/index.d.ts

@@ -0,0 +1,22 @@
+import { type CSSProperties, type ReactNode } from 'react';
+interface Props {
+  title?: ReactNode;
+  children?: ReactNode;
+  actionBtns?: ReactNode;
+  className?: string;
+  style?: CSSProperties;
+  hideExpand?: boolean;
+  isExpand?: boolean;
+  setIsExpand?: (isExpand: boolean) => void;
+}
+export declare function CollapsibleCard({
+  title,
+  children,
+  actionBtns,
+  className,
+  style,
+  isExpand,
+  setIsExpand,
+  hideExpand
+}: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/column-manage-storage/index.d.ts

@@ -0,0 +1,11 @@
+import { type ColumnItem } from '../columns-select';
+export declare const DATASET_COLUMN_STORAGE_KEY = "dataset-column";
+export declare const getColumnManageStorage: (storageKey: string) => any;
+export interface ColumnSort {
+  [key: string]: {
+    index: number;
+    checked: boolean;
+  };
+}
+export declare const setColumnsManageStorage: (storageKey: string, columns: ColumnItem[]) => void;
+export declare const dealColumnsWithStorage: (storageKey: string, columns: ColumnItem[]) => ColumnItem[];

package/dist/types/columns-select/index.d.ts

@@ -0,0 +1,29 @@
+import { type ColumnProps } from '@coze-arch/coze-design';
+export interface ColumnItem extends ColumnProps {
+  key: string;
+  value: string;
+  disabled?: boolean;
+  checked?: boolean;
+}
+export interface ColumnSelectorProps {
+  columns: ColumnItem[];
+  onChange?: (items: ColumnItem[]) => void;
+  buttonText?: string;
+  resetButtonText?: string;
+  className?: string;
+  sortable?: boolean;
+  defaultColumns?: ColumnItem[];
+  itemRender?: (item: ColumnItem) => React.ReactNode;
+  footerRender?: (item: ColumnItem[]) => React.ReactNode;
+}
+export declare const ColumnSelector: ({
+  columns,
+  defaultColumns,
+  onChange,
+  buttonText,
+  resetButtonText,
+  className,
+  sortable,
+  itemRender,
+  footerRender
+}: ColumnSelectorProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+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/types/id-render/index.d.ts

@@ -0,0 +1,13 @@
+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/types/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/types/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 {};

package/dist/types/input-slider/index.d.ts

@@ -0,0 +1,14 @@
+import { type SliderProps } from '@coze-arch/coze-design';
+interface InputSliderProps {
+  value?: number;
+  onChange?: (v: number) => void;
+  max?: number;
+  min?: number;
+  step?: number;
+  disabled?: boolean;
+  decimalPlaces?: number;
+  marks?: SliderProps['marks'];
+  className?: string;
+}
+export declare const InputSlider: React.FC<InputSliderProps>;
+export {};

package/dist/types/large-txt-render/index.d.ts

@@ -0,0 +1,4 @@
+export interface LargeTxtRenderProps {
+  text: string;
+}
+export declare const LargeTxtRender: (props: LargeTxtRenderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/page-content/index.d.ts

@@ -0,0 +1,36 @@
+import { type CSSProperties, type ReactNode } from 'react';
+import { type EmptyStateProps } from '@coze-arch/coze-design';
+interface PageLoadingProps {
+  tip?: ReactNode;
+  className?: string;
+  style?: CSSProperties;
+}
+interface FullPageProps {
+  className?: string;
+  style?: CSSProperties;
+  children?: ReactNode;
+}
+type PageContentProps = Omit<EmptyStateProps, 'image' | 'darkModeImage'>;
+export declare function FullPage({
+  children,
+  className,
+  style
+}: FullPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageLoading(props: PageLoadingProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageNotFound({
+  className,
+  ...props
+}: PageContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageError({
+  className,
+  ...props
+}: PageContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageNoAuth({
+  className,
+  ...props
+}: PageContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageNoContent({
+  className,
+  ...props
+}: PageContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/primary-page/index.d.ts

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

package/dist/types/primary-page/primary-header.d.ts

@@ -0,0 +1,17 @@
+interface PrimaryPageHeaderProps {
+  pageTitle?: string;
+  filterSlot?: React.ReactNode;
+  children?: React.ReactNode;
+  contentClassName?: string;
+  className?: string;
+  titleSlot?: React.ReactNode;
+}
+export declare const PrimaryPage: ({
+  pageTitle,
+  filterSlot,
+  children,
+  contentClassName,
+  className,
+  titleSlot
+}: PrimaryPageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/resize-sidesheet/index.d.ts

@@ -0,0 +1,6 @@
+import { type SideSheetReactProps } from '@coze-arch/coze-design';
+import { type DragOptions } from './use-drag';
+export declare const ResizeSidesheet: (props: SideSheetReactProps & {
+  dragOptions?: DragOptions;
+  showDivider?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/resize-sidesheet/use-drag.d.ts

@@ -0,0 +1,10 @@
+export interface DragOptions {
+  defaultWidth?: number;
+  maxWidth?: number;
+  minWidth?: number;
+}
+export declare const useDrag: (options?: DragOptions) => {
+  sidePaneWidth: number;
+  containerRef: (node: HTMLElement | null) => void;
+  isActive: boolean;
+};

package/dist/types/table/index.d.ts

@@ -0,0 +1,2 @@
+import { type TableProps } from '@coze-arch/coze-design';
+export declare const LoopTable: React.FC<TableProps>;

package/dist/types/table/sort-icon.d.ts

@@ -0,0 +1,13 @@
+import { type SVGAttributes } from 'react';
+export declare const IconSortArrow: ({
+  sortOrder,
+  ...rest
+}: {
+  sortOrder?: "ascend" | "descend" | boolean;
+} & SVGAttributes<HTMLOrSVGElement>) => import("react/jsx-runtime").JSX.Element;
+/** 表格排序专用图标 */
+export default function LoopTableSortIcon({
+  sortOrder
+}: {
+  sortOrder?: 'ascend' | 'descend' | boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/table/table-with-pagination.d.ts

@@ -0,0 +1,14 @@
+import { type Params, type PaginationResult } from 'ahooks/lib/usePagination/types';
+import { type TableProps } from '@coze-arch/coze-design';
+export declare const PAGE_SIZE_OPTIONS: number[];
+export declare const DEFAULT_PAGE_SIZE = 10;
+export declare function TableWithPagination<RecordItem>(props: TableProps & {
+  heightFull?: boolean;
+  service: Pick<PaginationResult<{
+    total: number;
+    list: RecordItem[];
+  }, Params>, 'data' | 'pagination' | 'loading'>;
+  pageSizeOpts?: number[];
+  header?: React.ReactNode;
+  footerWithPagination?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/table/table-without-pagniation.d.ts

@@ -0,0 +1,8 @@
+import { type TableProps } from '@coze-arch/coze-design';
+export declare const PAGE_SIZE_OPTIONS: number[];
+export declare const DEFAULT_PAGE_SIZE = 10;
+export declare function TableWithoutPagination(props: TableProps & {
+  heightFull?: boolean;
+  pageSizeOpts?: number[];
+  header?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/table-col-actions/index.d.ts

@@ -0,0 +1,21 @@
+import { type ReactNode } from 'react';
+import { type TypographyProps } from '@coze-arch/coze-design';
+interface Props {
+  actions: {
+    label: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+    hide?: boolean;
+    type?: TypographyProps['type'];
+    disabledTooltip?: string;
+    onClick?: () => void;
+  }[];
+  maxCount?: number;
+  disabled?: boolean;
+}
+export declare function TableColActions({
+  actions,
+  maxCount,
+  disabled
+}: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/table-header/index.d.ts

@@ -0,0 +1,20 @@
+import { type ButtonProps } from '@coze-arch/coze-design';
+import { type ColumnSelectorProps } from "../columns-select";
+export interface TableHeaderProps {
+  columnSelectorConfigProps?: ColumnSelectorProps;
+  filterForm?: React.ReactNode;
+  actions?: React.ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
+  spaceProps?: Record<string, unknown>;
+  refreshButtonPros?: ButtonProps;
+}
+export declare function TableHeader({
+  columnSelectorConfigProps,
+  filterForm,
+  actions,
+  className,
+  style,
+  spaceProps,
+  refreshButtonPros
+}: TableHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/tabs/index.d.ts

@@ -0,0 +1,2 @@
+import { type TabsProps } from '@coze-arch/coze-design';
+export declare const LoopTabs: (props: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/text-with-copy/index.d.ts

@@ -0,0 +1,24 @@
+import { type CSSProperties } from 'react';
+interface TextWithCopyProps {
+  content?: string;
+  displayText?: string;
+  copyTooltipText?: string;
+  maxWidth?: number | string;
+  className?: string;
+  style?: CSSProperties;
+  textClassName?: string;
+  textType?: 'success' | 'secondary' | 'primary' | 'danger' | 'warning' | 'tertiary' | 'quaternary';
+  onlyIconCopy?: boolean;
+}
+export declare function TextWithCopy({
+  displayText,
+  copyTooltipText,
+  content,
+  className,
+  maxWidth,
+  style,
+  textClassName,
+  textType,
+  onlyIconCopy
+}: TextWithCopyProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/tooltip-with-disabled/index.d.ts

@@ -0,0 +1,9 @@
+import { type TooltipProps } from '@coze-arch/coze-design';
+export interface TooltipWhenDisabledProps extends TooltipProps {
+  disabled?: boolean;
+}
+export declare function TooltipWhenDisabled({
+  children,
+  disabled,
+  ...rest
+}: TooltipWhenDisabledProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/utils/basic.d.ts

@@ -0,0 +1 @@
+export declare const handleCopy: (value: string, hideToast?: boolean) => Promise<boolean>;

package/dist/types/utils/rect.d.ts

@@ -0,0 +1,10 @@
+import type { MutableRefObject } from 'react';
+export declare const isBrowser: boolean;
+export declare const getScrollTop: (el: Document | Element) => number;
+export declare const getScrollHeight: (el: Document | Element) => number;
+export declare const getClientHeight: (el: Document | Element) => number;
+type TargetValue<T> = T | undefined | null;
+type TargetType = HTMLElement | Element | Window | Document;
+export type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;
+export declare function getTargetElement<T extends TargetType>(target: BasicTarget<T>, defaultElement?: T): TargetValue<T>;
+export {};

package/dist/upload/index.d.ts

@@ -0,0 +1,9 @@
+import { type customRequestArgs } from '@coze-arch/coze-design';
+export declare function uploadFile({ file, fileType, onProgress, onSuccess, onError, spaceID, }: {
+    file: File;
+    fileType?: 'image' | 'object';
+    onProgress?: customRequestArgs['onProgress'];
+    onSuccess?: customRequestArgs['onSuccess'];
+    onError?: customRequestArgs['onError'];
+    spaceID: string;
+}): Promise<string>;

package/dist/upload/index.js

@@ -0,0 +1,25 @@
+export function uploadFile({ file, fileType = 'image', onProgress, onSuccess, onError, spaceID, }) {
+    const result = new Promise((resolve, reject) => {
+        (async function () {
+            try {
+                const formData = new FormData();
+                formData.append('file', file);
+                formData.append('business_type', 'evaluation');
+                formData.append('workspace_id', spaceID);
+                const res = await fetch('/api/foundation/v1/files', {
+                    method: 'POST',
+                    body: formData,
+                });
+                const resObj = await res.json();
+                onSuccess?.({ status: 200, Uri: resObj?.data?.file_name });
+                resolve(resObj?.data?.file_name ?? '');
+            }
+            catch (e) {
+                onError?.({ status: 500 });
+                reject(e);
+            }
+        })();
+    });
+    return result;
+}
+//# sourceMappingURL=index.js.map

package/dist/upload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/upload/index.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,GAAG,OAAO,EAClB,UAAU,EACV,SAAS,EACT,OAAO,EACP,OAAO,GAQR;IACC,MAAM,MAAM,GAAG,IAAI,OAAO,CAAS,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrD,CAAC,KAAK;YACJ,IAAI,CAAC;gBACH,MAAM,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;gBAChC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;gBAC9B,QAAQ,CAAC,MAAM,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;gBAC/C,QAAQ,CAAC,MAAM,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;gBACzC,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,0BAA0B,EAAE;oBAClD,MAAM,EAAE,MAAM;oBACd,IAAI,EAAE,QAAQ;iBACf,CAAC,CAAC;gBACH,MAAM,MAAM,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;gBAChC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;gBAC3D,OAAO,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC;YACzC,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;gBAC3B,MAAM,CAAC,CAAC,CAAC,CAAC;YACZ,CAAC;QACH,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/user-profile/index.d.ts

@@ -0,0 +1,8 @@
+interface UserInfoProps {
+    avatarUrl?: string;
+    name?: string;
+    className?: string;
+    avatarClassName?: string;
+}
+export declare const UserProfile: ({ avatarUrl, name, className, avatarClassName, }: UserInfoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/user-profile/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { CozAvatar, Typography } from '@coze-arch/coze-design';
+export const UserProfile = ({ avatarUrl, name, className, avatarClassName, }) => (_jsxs("div", { className: cn('flex items-center gap-[6px] w-full', className), children: [_jsx(CozAvatar, { className: cn('!w-[20px] !h-[20px]', avatarClassName), src: avatarUrl, children: name }), _jsx(Typography.Text, { className: "flex-1 overflow-hidden !text-[13px]", style: {
+                fontSize: 'inherit',
+                color: 'inherit',
+                fontWeight: 'inherit',
+                lineHeight: 'inherit',
+            }, ellipsis: {
+                showTooltip: {
+                    opts: {
+                        theme: 'dark',
+                    },
+                },
+            }, children: name })] }));
+//# sourceMappingURL=index.js.map

package/dist/user-profile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/user-profile/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAQ/D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,SAAS,EACT,IAAI,EACJ,SAAS,EACT,eAAe,GACD,EAAE,EAAE,CAAC,CACnB,eAAK,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,aACjE,KAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,eAAe,CAAC,EACrD,GAAG,EAAE,SAAS,YAEb,IAAI,GACK,EACZ,KAAC,UAAU,CAAC,IAAI,IACd,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,KAAK,EAAE,SAAS;gBAChB,UAAU,EAAE,SAAS;gBACrB,UAAU,EAAE,SAAS;aACtB,EACD,QAAQ,EAAE;gBACR,WAAW,EAAE;oBACX,IAAI,EAAE;wBACJ,KAAK,EAAE,MAAM;qBACd;iBACF;aACF,YAEA,IAAI,GACW,IACd,CACP,CAAC"}