@cozeloop/components 0.0.1

package/dist/user-select/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/user-select/index.tsx"],"names":[],"mappings":"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"}

package/dist/user-select/user-info.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-select/user-info.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/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 }), _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=user-info.js.map

package/dist/user-select/user-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-info.js","sourceRoot":"","sources":["../../src/user-select/user-info.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAQ1D,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,GACH,EACb,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/utils/basic.d.ts

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

package/dist/utils/basic.js

@@ -0,0 +1,24 @@
+import copy from 'copy-to-clipboard';
+import { Toast } from '@coze-arch/coze-design';
+export const handleCopy = async (value, hideToast) => {
+    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);
+    }
+};
+//# sourceMappingURL=basic.js.map

package/dist/utils/basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic.js","sourceRoot":"","sources":["../../src/utils/basic.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,EAAE,KAAa,EAAE,SAAmB,EAAE,EAAE;IACrE,IAAI,CAAC;QACH,IAAI,CAAC,KAAK,CAAC,CAAC;QACZ,CAAC,SAAS;YACR,KAAK,CAAC,OAAO,CAAC;gBACZ,OAAO,EAAE,MAAM;gBACf,SAAS,EAAE,KAAK;gBAChB,MAAM,EAAE,KAAK;aACd,CAAC,CAAC;QACL,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,KAAK,CAAC,OAAO,CAAC;YACZ,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,KAAK;YAChB,MAAM,EAAE,KAAK;SACd,CAAC,CAAC;QACH,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACjB,OAAO,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;AACH,CAAC,CAAC"}

package/dist/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/utils/rect.js

@@ -0,0 +1,35 @@
+export const isBrowser = !!(typeof window !== 'undefined' &&
+    window.document &&
+    window.document.createElement);
+export 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;
+};
+export const getScrollHeight = (el) => el.scrollHeight ||
+    Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);
+export const getClientHeight = (el) => el.clientHeight ||
+    Math.max(document.documentElement.clientHeight, document.body.clientHeight);
+export function getTargetElement(target, defaultElement) {
+    if (!isBrowser) {
+        return undefined;
+    }
+    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;
+}
+//# sourceMappingURL=rect.js.map

package/dist/utils/rect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rect.js","sourceRoot":"","sources":["../../src/utils/rect.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAC,CACzB,OAAO,MAAM,KAAK,WAAW;IAC7B,MAAM,CAAC,QAAQ;IACf,MAAM,CAAC,QAAQ,CAAC,aAAa,CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAsB,EAAE,EAAE;IACrD,IACE,EAAE,KAAK,QAAQ;QACf,EAAE,KAAK,QAAQ,CAAC,eAAe;QAC/B,EAAE,KAAK,QAAQ,CAAC,IAAI,EACpB,CAAC;QACD,OAAO,IAAI,CAAC,GAAG,CACb,MAAM,CAAC,WAAW,EAClB,QAAQ,CAAC,eAAe,CAAC,SAAS,EAClC,QAAQ,CAAC,IAAI,CAAC,SAAS,CACxB,CAAC;IACJ,CAAC;IACD,OAAQ,EAAc,CAAC,SAAS,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAsB,EAAE,EAAE,CACvD,EAAc,CAAC,YAAY;IAC5B,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAE9E,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAsB,EAAE,EAAE,CACvD,EAAc,CAAC,YAAY;IAC5B,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAW9E,MAAM,UAAU,gBAAgB,CAC9B,MAAsB,EACtB,cAAkB;IAElB,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,IAAI,aAA6B,CAAC;IAElC,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE,CAAC;QACjC,aAAa,GAAG,MAAM,EAAE,CAAC;IAC3B,CAAC;SAAM,IAAI,SAAS,IAAI,MAAM,EAAE,CAAC;QAC/B,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC;IACjC,CAAC;SAAM,CAAC;QACN,aAAa,GAAG,MAAM,CAAC;IACzB,CAAC;IAED,OAAO,aAAa,CAAC;AACvB,CAAC"}

package/dist/version-list/version-descriptions.d.ts

@@ -0,0 +1,15 @@
+import { type UserInfo } from '@cozeloop/api-schema/evaluation';
+export type Integer64 = string;
+export interface Version {
+    id: Integer64;
+    version?: string;
+    submitTime?: Integer64;
+    submitter?: UserInfo;
+    description?: string;
+    isDraft?: boolean;
+    draftSubmitText?: string;
+}
+export default function VersionDescriptions({ version, className, }: {
+    version: Version | undefined;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/version-list/version-descriptions.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable complexity */
+import cs from 'classnames';
+import { formatTimestampToString } from '@cozeloop/toolkit';
+import { Descriptions, Tag, Typography } from '@coze-arch/coze-design';
+import { UserProfile } from '../user-profile';
+import styles from './index.module.less';
+export default function VersionDescriptions({ version, className, }) {
+    const { version: versionName, draftSubmitText = '保存时间', submitTime, submitter, description, isDraft = false, } = version || {};
+    return (_jsxs(Descriptions, { align: "left", className: cs(styles.description, className), children: [_jsx(Tag, { color: isDraft ? 'primary' : 'green', className: "mb-2", children: isDraft ? '当前草稿' : '提交' }), isDraft ? null : (_jsx(Descriptions.Item, { itemKey: "\u7248\u672C", children: _jsx("span", { className: "font-medium", children: versionName ?? '-' }) })), !submitTime ? null : (_jsx(Descriptions.Item, { itemKey: isDraft ? draftSubmitText : '提交时间', className: "!text-[13px]", children: _jsx("span", { className: "font-medium !text-[13px]", children: submitTime
+                        ? formatTimestampToString(submitTime, 'YYYY-MM-DD HH:mm:ss')
+                        : '-' }) })), isDraft && !submitter ? null : (_jsx(Descriptions.Item, { itemKey: "\u63D0\u4EA4\u4EBA", className: "!text-[13px]", children: _jsx(UserProfile, { name: submitter?.name, avatarUrl: submitter?.avatar_url }) })), isDraft ? null : (_jsx(Descriptions.Item, { itemKey: "\u7248\u672C\u8BF4\u660E", className: "!text-[13px]", children: _jsx(Typography.Text, { ellipsis: { rows: 2, showTooltip: true }, className: "!text-[13px]", children: description || '-' }) }))] }));
+}
+//# sourceMappingURL=version-descriptions.js.map

package/dist/version-list/version-descriptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version-descriptions.js","sourceRoot":"","sources":["../../src/version-list/version-descriptions.tsx"],"names":[],"mappings":";AAAA,+BAA+B;AAC/B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEvE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAazC,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,OAAO,EACP,SAAS,GAIV;IACC,MAAM,EACJ,OAAO,EAAE,WAAW,EACpB,eAAe,GAAG,MAAM,EACxB,UAAU,EACV,SAAS,EACT,WAAW,EACX,OAAO,GAAG,KAAK,GAChB,GAAG,OAAO,IAAI,EAAE,CAAC;IAElB,OAAO,CACL,MAAC,YAAY,IAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,aACrE,KAAC,GAAG,IAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,EAAC,MAAM,YACxD,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,GACpB,EACL,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChB,KAAC,YAAY,CAAC,IAAI,IAAC,OAAO,EAAC,cAAI,YAC7B,eAAM,SAAS,EAAC,aAAa,YAAE,WAAW,IAAI,GAAG,GAAQ,GACvC,CACrB,EACA,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACpB,KAAC,YAAY,CAAC,IAAI,IAChB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,EAC3C,SAAS,EAAC,cAAc,YAExB,eAAM,SAAS,EAAC,0BAA0B,YACvC,UAAU;wBACT,CAAC,CAAC,uBAAuB,CAAC,UAAU,EAAE,qBAAqB,CAAC;wBAC5D,CAAC,CAAC,GAAG,GACF,GACW,CACrB,EACA,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC9B,KAAC,YAAY,CAAC,IAAI,IAAC,OAAO,EAAC,oBAAK,EAAC,SAAS,EAAC,cAAc,YACvD,KAAC,WAAW,IACV,IAAI,EAAE,SAAS,EAAE,IAAI,EACrB,SAAS,EAAE,SAAS,EAAE,UAAU,GAChC,GACgB,CACrB,EACA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChB,KAAC,YAAY,CAAC,IAAI,IAAC,OAAO,EAAC,0BAAM,EAAC,SAAS,EAAC,cAAc,YACxD,KAAC,UAAU,CAAC,IAAI,IACd,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,EACxC,SAAS,EAAC,cAAc,YAEvB,WAAW,IAAI,GAAG,GACH,GACA,CACrB,IACY,CAChB,CAAC;AACJ,CAAC"}

package/dist/version-list/version-item.d.ts

@@ -0,0 +1,9 @@
+import { type Version } from './version-descriptions';
+interface Props {
+    version: Version | undefined;
+    active?: boolean;
+    className?: string;
+    onClick?: () => void;
+}
+export default function VersionItem({ version, active, className, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/version-list/version-item.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import VersionDescriptions from './version-descriptions';
+export default function VersionItem({ version, active, className, onClick, }) {
+    return (_jsxs("div", { className: `group flex cursor-pointer ${className}`, onClick: onClick, children: [_jsx("div", { className: "w-6 h-10 flex items-center shrink-0", children: _jsx("div", { className: `w-2 h-2 rounded-full ${active ? 'bg-green-700' : 'bg-gray-300'} ` }) }), _jsx("div", { className: `grow px-2 pt-2 rounded-m ${active ? 'bg-gray-100' : ''} group-hover:bg-gray-100`, children: _jsx(VersionDescriptions, { version: version }) })] }));
+}
+//# sourceMappingURL=version-item.js.map

package/dist/version-list/version-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version-item.js","sourceRoot":"","sources":["../../src/version-list/version-item.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAqC,MAAM,wBAAwB,CAAC;AAS3E,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,MAAM,EACN,SAAS,EACT,OAAO,GACD;IACN,OAAO,CACL,eAAK,SAAS,EAAE,6BAA6B,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,aACxE,cAAK,SAAS,EAAC,qCAAqC,YAClD,cACE,SAAS,EAAE,wBAAwB,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,GAAG,GAC7E,GACE,EACN,cACE,SAAS,EAAE,4BAA4B,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,0BAA0B,YAE5F,KAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,GAAI,GACrC,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/version-list/version-list.d.ts

@@ -0,0 +1,11 @@
+import { type Integer64, type Version } from './version-descriptions';
+export interface VersionListProps {
+    versions: Version[] | undefined;
+    activeVersionId?: Integer64;
+    loadMoreLoading?: boolean;
+    enableLoadMore?: boolean;
+    noMore?: boolean;
+    onActiveChange?: (versionId: Integer64, version: Version) => void;
+    onLoadMore?: () => void;
+}
+export default function VersionList({ versions, loadMoreLoading, enableLoadMore, noMore, activeVersionId, onActiveChange, onLoadMore, }: VersionListProps): import("react/jsx-runtime").JSX.Element;

package/dist/version-list/version-list.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, List } from '@coze-arch/coze-design';
+import VersionItem from './version-item';
+export default function VersionList({ versions = [], loadMoreLoading = false, enableLoadMore = false, noMore = false, activeVersionId, onActiveChange, onLoadMore, }) {
+    const loadMore = !enableLoadMore || noMore ? null : (_jsx("div", { className: "flex justify-center", children: _jsx(Button, { loading: loadMoreLoading, color: "primary", onClick: () => onLoadMore?.(), children: "\u663E\u793A\u66F4\u591A" }) }));
+    return (_jsx(_Fragment, { children: _jsx(List, { dataSource: versions, loadMore: loadMore, renderItem: version => {
+                const active = activeVersionId === undefined || activeVersionId === version?.id;
+                return (_jsx(VersionItem, { className: "pb-3", version: version, active: active, onClick: () => onActiveChange?.(version?.id, version) }, version.id));
+            } }) }));
+}
+//# sourceMappingURL=version-list.js.map

package/dist/version-list/version-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version-list.js","sourceRoot":"","sources":["../../src/version-list/version-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAazC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,GAAG,EAAE,EACb,eAAe,GAAG,KAAK,EACvB,cAAc,GAAG,KAAK,EACtB,MAAM,GAAG,KAAK,EACd,eAAe,EACf,cAAc,EACd,UAAU,GACO;IACjB,MAAM,QAAQ,GACZ,CAAC,cAAc,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,MAAM,IACL,OAAO,EAAE,eAAe,EACxB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,EAAE,yCAGtB,GACL,CACP,CAAC;IAEJ,OAAO,CACL,4BACE,KAAC,IAAI,IACH,UAAU,EAAE,QAAQ,EACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,OAAO,CAAC,EAAE;gBACpB,MAAM,MAAM,GACV,eAAe,KAAK,SAAS,IAAI,eAAe,KAAK,OAAO,EAAE,EAAE,CAAC;gBACnE,OAAO,CACL,KAAC,WAAW,IAEV,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,EAAE,EAAE,OAAO,CAAC,IAJhD,OAAO,CAAC,EAAE,CAKf,CACH,CAAC;YACJ,CAAC,GACD,GACD,CACJ,CAAC;AACJ,CAAC"}

package/dist/version-list/version-switch-panel.d.ts

@@ -0,0 +1,5 @@
+import { type VersionListProps } from './version-list';
+export default function VersionSwitchPanel({ visible, onClose, ...versionListProps }: VersionListProps & {
+    visible?: boolean;
+    onClose?: () => void;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/version-list/version-switch-panel.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconCozCross } from '@coze-arch/coze-design/icons';
+import VersionList from './version-list';
+export default function VersionSwitchPanel({ visible = true, onClose, ...versionListProps }) {
+    if (!visible) {
+        return null;
+    }
+    return (_jsxs("div", { className: "h-full w-[360px] flex flex-col border-0 border-l border-gray-200 border-solid overflow-hidden", children: [_jsxs("div", { className: "shrink-0 flex items-center px-6 h-12 border-0 border-b border-gray-200 border-solid bg-gray-100", children: [_jsx("div", { className: "text-sm font-medium", children: "\u7248\u672C\u8BB0\u5F55" }), _jsx(IconCozCross, { className: "ml-auto cursor-pointer text-gray-400 hover:text-gray-900", onClick: onClose })] }), _jsx("div", { className: "grow py-6 pl-6 pr-[18px] overflow-auto styled-scrollbar", children: _jsx(VersionList, { ...versionListProps }) }), _jsx("div", { className: "shrink-0" })] }));
+}
+//# sourceMappingURL=version-switch-panel.js.map

package/dist/version-list/version-switch-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version-switch-panel.js","sourceRoot":"","sources":["../../src/version-list/version-switch-panel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,OAAO,WAAsC,MAAM,gBAAgB,CAAC;AAEpE,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,OAAO,GAAG,IAAI,EACd,OAAO,EACP,GAAG,gBAAgB,EAIpB;IACC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,eAAK,SAAS,EAAC,+FAA+F,aAC5G,eAAK,SAAS,EAAC,iGAAiG,aAC9G,cAAK,SAAS,EAAC,qBAAqB,yCAAW,EAC/C,KAAC,YAAY,IACX,SAAS,EAAC,0DAA0D,EACpE,OAAO,EAAE,OAAO,GAChB,IACE,EACN,cAAK,SAAS,EAAC,yDAAyD,YACtE,KAAC,WAAW,OAAK,gBAAgB,GAAI,GACjC,EACN,cAAK,SAAS,EAAC,UAAU,GAAO,IAC5B,CACP,CAAC;AACJ,CAAC"}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@cozeloop/components",
+  "version": "0.0.1",
+  "description": "common components for cozeloop",
+  "author": "cozeloop",
+  "main": "./dist/lib/index.js",
+  "scripts": {
+    "build": "exit 0",
+    "lint": "eslint ./ --cache",
+    "pub": "node publish.js",
+    "test": "exit 0",
+    "test:cov": "exit 0"
+  },
+  "dependencies": {
+    "@coze-arch/coze-design": "0.0.6-alpha.101d0c",
+    "@cozeloop/toolkit": "^0.0.1",
+    "ahooks": "^3.7.8",
+    "classnames": "^2.3.2",
+    "copy-to-clipboard": "^3.3.3",
+    "immer": "^10.0.3",
+    "lodash-es": "^4.17.21",
+    "nanoid": "^4.0.2",
+    "react": "~18.2.0",
+    "react-sortable-hoc": "2.0.0"
+  },
+  "devDependencies": {
+    "@cozeloop/tailwind-config": "workspace:*",
+    "@cozeloop/tailwind-plugin": "workspace:*",
+    "@edenx/module-tools": "1.39.2",
+    "@edenx/plugin-tailwind": "1.51.0",
+    "@flow-infra/bot-typings": "workspace:*",
+    "@flow-infra/eslint-config": "workspace:*",
+    "@flow-infra/tailwind-config": "workspace:*",
+    "@flow-infra/ts-config": "workspace:*",
+    "@types/lodash-es": "^4.17.10",
+    "@types/react": "18.2.37",
+    "@types/react-dom": "18.2.15",
+    "@vitest/coverage-v8": "~3.0.5",
+    "happy-dom": "^12.10.3",
+    "react-dom": "~18.2.0",
+    "storybook": "^7.6.7",
+    "tsconfig-paths": "4.1.0",
+    "vite": "^4.3.9",
+    "vite-plugin-svgr": "~3.3.0",
+    "vitest": "~3.0.5"
+  },
+  "module": "./dist/es/index.js",
+  "types": "./dist/types/index.d.ts",
+  "files": [
+    "dist",
+    "package.json",
+    "README.md"
+  ]
+}