@cozeloop/components 0.0.1 → 0.0.3-beta-1769665914778

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

@@ -1,22 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,29 +0,0 @@
-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

@@ -1,23 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,36 +0,0 @@
-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

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

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

@@ -1,17 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

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

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

@@ -1,13 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,21 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

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

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

@@ -1,10 +0,0 @@
-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.js

@@ -1,25 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.js

@@ -1,16 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}

package/dist/user-select/index.js

@@ -1,188 +0,0 @@
-"use strict";
-// /* eslint-disable @coze-arch/max-line-per-function */
-// import { useEffect, useState } from 'react';
-// import { debounce } from 'lodash-es';
-// import cs from 'classnames';
-// import {
-//   useSpace,
-//   useUserInfo,
-//   useUserListApi,
-// } from '@cozeloop/biz-hooks-adapter';
-// import { Select, type SelectProps, Tag } from '@coze/coze-design';
-// import { UserProfile } from './user-info';
-// import styles from './index.module.less';
-// interface UserSelectProps {
-//   value?: string[];
-//   onChange?: (value: string[]) => void;
-//   placeholder?: string;
-//   className?: string;
-// }
-// interface Option {
-//   label: React.ReactNode;
-//   value: string;
-//   data?: {
-//     user_name?: string;
-//     avatar_url?: string;
-//   };
-// }
-// export const UserSelect = ({
-//   value,
-//   onChange,
-//   placeholder,
-//   className = '',
-//   ...rest
-// }: UserSelectProps & SelectProps) => {
-//   const userInfo = useUserInfo();
-//   console.log('userInfo', userInfo);
-//   const { getUserInfoByUserIds, searchSpaceMemberList } = useUserListApi();
-//   const [loading, setLoading] = useState(false);
-//   const { spaceID } = useSpace();
-//   const DefaultOption = [
-//     {
-//       label: (
-//         <UserProfile
-//           className="ml-[6px]"
-//           avatarUrl={userInfo?.avatar_url}
-//           name={userInfo?.name}
-//         />
-//       ),
-//       value: userInfo?.user_id_str || '',
-//       data: {
-//         user_name: userInfo?.name,
-//         avatar_url: userInfo?.avatar_url,
-//       },
-//     },
-//   ];
-//   const [list, setList] = useState<Option[]>([]);
-//   useEffect(() => {
-//     if (value && value?.length !== 0) {
-//       getDefaultUserList(value);
-//     }
-//   }, []);
-//   const getUserLabel = ({
-//     user_name,
-//     user_avatar,
-//     user_id,
-//   }: {
-//     user_name: string;
-//     user_avatar: string;
-//     user_id: string;
-//   }) => ({
-//     label: (
-//       <UserProfile
-//         className="ml-[6px]"
-//         avatarUrl={user_avatar}
-//         name={user_name}
-//       />
-//     ),
-//     value: user_id,
-//     data: {
-//       user_name,
-//       avatar_url: user_avatar,
-//     },
-//   });
-//   const getDefaultUserList = async (userIds: string[]) => {
-//     const res = await getUserInfoByUserIds({
-//       user_ids: userIds || [],
-//     });
-//     const userListLabel =
-//       res
-//         ?.filter(item => `${item.user_id}` !== userInfo?.user_id_str)
-//         ?.map(item =>
-//           getUserLabel({
-//             user_name: item.user_name,
-//             user_avatar: item.user_avatar,
-//             user_id: `${item.user_id}`,
-//           }),
-//         ) || [];
-//     setList(userListLabel);
-//   };
-//   const handleSearch = async (search: string) => {
-//     setLoading(true);
-//     const res = await searchSpaceMemberList({
-//       space_id: spaceID,
-//       page: 1,
-//       size: 20,
-//       search_word: search,
-//     });
-//     const newList =
-//       res?.data?.member_info_list
-//         ?.filter(item => item.user_id !== userInfo?.user_id_str)
-//         ?.map(item =>
-//           getUserLabel({
-//             user_name: item.name || item.user_name || '',
-//             user_avatar: item.icon_url,
-//             user_id: item.user_id,
-//           }),
-//         ) || [];
-//     setList(newList);
-//     setLoading(false);
-//   };
-//   const renderSelectedItem = (optionNode, { onClose }) => {
-//     const content = (
-//       <Tag
-//         closable={true}
-//         onClose={onClose}
-//         color="primary"
-//         className="max-w-[130px] w-fit"
-//       >
-//         <UserProfile
-//           avatarUrl={optionNode?.data?.avatar_url}
-//           name={optionNode?.data?.user_name}
-//           avatarClassName="!h-[12px] !w-[12px]"
-//         />
-//       </Tag>
-//     );
-//     return {
-//       isRenderInTag: false,
-//       content,
-//     };
-//   };
-//   return (
-//     <Select
-//       className={cs('w-[200px]', className)}
-//       searchPosition="dropdown"
-//       dropdownClassName={cs(styles.select, 'w-[260px]')}
-//       filter={() => true}
-//       placeholder={placeholder || '搜索创建人'}
-//       multiple={true}
-//       loading={loading}
-//       defaultActiveFirstOption={false}
-//       autoClearSearchValue={false}
-//       maxTagCount={1}
-//       {...rest}
-//       showRestTagsPopover={true}
-//       restTagsPopoverProps={{
-//         position: 'right',
-//         className: styles.popup,
-//       }}
-//       onSearch={debounce(handleSearch, 300)}
-//       renderSelectedItem={renderSelectedItem}
-//       value={value}
-//       onChange={res => {
-//         onChange?.(res as string[]);
-//       }}
-//     >
-//       <Select.OptGroup label="当前用户">
-//         {DefaultOption.map(item => (
-//           <Select.Option key={item.value} value={item.value} data={item.data}>
-//             {item.label}
-//           </Select.Option>
-//         ))}
-//       </Select.OptGroup>
-//       {list.length > 0 && (
-//         <Select.OptGroup
-//           label="用户"
-//           key={list.map(item => item.value).join('')}
-//         >
-//           {list.map(item => (
-//             <Select.Option key={item.value} value={item.value} data={item.data}>
-//               {item.label}
-//             </Select.Option>
-//           ))}
-//         </Select.OptGroup>
-//       )}
-//     </Select>
-//   );
-// };
-//# sourceMappingURL=index.js.map