@pisell/private-materials 6.6.9 → 6.6.11

package/dist/es/components/workSpaceList/components/Modal/index.js

@@ -1,43 +0,0 @@
-import React from "react";
-import { Modal } from "antd";
-import classNames from "classnames";
-import { Icon } from "@pisell/materials";
-import "./index.less";
-
-//#region src/components/workSpaceList/components/Modal/index.tsx
-const DeleteIcon = () => {
-	return /* @__PURE__ */ React.createElement("div", { className: "delete-icon" }, /* @__PURE__ */ React.createElement(Icon, {
-		type: "pisell2-a-Property3shanchu",
-		className: "icon"
-	}));
-};
-const OriginModal = (props) => {
-	const { evenlyButton } = props;
-	return /* @__PURE__ */ React.createElement(Modal, {
-		...props,
-		wrapClassName: classNames(props.wrapClassName, { ["pisell-modal-evenly-button"]: evenlyButton })
-	});
-};
-const Modal$1 = OriginModal;
-const confirm = (props) => {
-	return Modal.confirm({
-		...props,
-		className: classNames("pisell-confim-modal", props.className),
-		closable: true,
-		okButtonProps: {
-			type: "primary",
-			danger: true
-		},
-		icon: /* @__PURE__ */ React.createElement(DeleteIcon, null)
-	});
-};
-Modal$1.confirm = confirm;
-Modal$1.warning = Modal.warning;
-Modal$1.warn = Modal.warn;
-Modal$1.error = Modal.error;
-Modal$1.success = Modal.success;
-Modal$1.info = Modal.info;
-var Modal_default = Modal$1;
-
-//#endregion
-export { Modal_default as default };

package/dist/es/components/workSpaceList/components/Modal/index.less

@@ -1,36 +0,0 @@
-.pisell-modal-evenly-button {
-  :global {
-    .ant-modal-footer {
-      display: flex;
-      & > button {
-        flex: 1;
-      }
-    }
-  }
-}
-.delete-icon {
-  width: 48px;
-  height: 48px;
-  border-radius: 28px;
-  border: 8px solid var(--error-50, #fef3f2);
-  background: var(--error-100, #fee4e2);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 16px;
-  .icon {
-    font-size: 24px;
-    color: var(--error-600, #d92d20);
-  }
-}
-.pisell-confim-modal {
-  :global {
-    .ant-modal-confirm-btns {
-      margin-top: 32px;
-      display: flex;
-      & > button {
-        flex: 1;
-      }
-    }
-  }
-}

package/dist/es/components/workSpaceList/components/SearchBar/index.js

@@ -1,104 +0,0 @@
-import SearchWorkspaceAndBase_default from "../SearchWorkspaceAndBase/index.js";
-import Sort_default from "../Sort/index.js";
-import { antdConfirmPromise } from "../Modal/antdConfirmPromise.js";
-import EditableString_default from "../EditableString/index.js";
-import CreateBaseModal_default from "../CreateBaseModal/index.js";
-import React, { useState } from "react";
-import classNames from "classnames";
-import { Button, Dropdown, Space } from "@pisell/materials";
-import { EllipsisOutlined } from "@ant-design/icons";
-import { ArrowLeft, Edit03, InfoCircle, Trash01 } from "@pisell/icon";
-import "./index.less";
-
-//#region src/components/workSpaceList/components/SearchBar/index.tsx
-const operateItems = [
-	{
-		key: "rename",
-		label: "Rename workspace",
-		icon: /* @__PURE__ */ React.createElement(Edit03, null)
-	},
-	{
-		key: "editDescription",
-		label: "Edit description",
-		icon: /* @__PURE__ */ React.createElement(InfoCircle, null)
-	},
-	{ type: "divider" },
-	{
-		key: "delete",
-		label: "Delete workspace",
-		icon: /* @__PURE__ */ React.createElement(Trash01, null)
-	}
-];
-const SearchBar = (props) => {
-	const { title, onTitleChange, onDescribeChange, describe, isDetail, onDelete, onSort, onAddBase, editingTitle: editingTitleProps } = props;
-	const [editingTitle, setEditingTitle] = useState(editingTitleProps);
-	const [editingDescribe, setEditingDescribe] = useState(false);
-	const [open, setOpen] = useState(false);
-	const handleTitleChange = (val) => {
-		if (!val) return;
-		setEditingTitle(false);
-		if (title === val) return;
-		onTitleChange?.(val);
-	};
-	const handleDescribeChange = (val) => {
-		setEditingDescribe(false);
-		if (val === describe) return;
-		onDescribeChange?.(val);
-	};
-	const handleGoBack = () => {
-		window.history.back();
-	};
-	const onDropdownClick = async ({ key }) => {
-		if (key === "rename") setEditingTitle(true);
-		else if (key === "editDescription") setEditingDescribe(true);
-		else if (key === "delete") {
-			await antdConfirmPromise({
-				type: "confirm",
-				title: "Are you sure you want to delete this workspace?",
-				content: "There is base in this Workspace, and deletion can cause all of the data in base and base to be deleted.",
-				okText: "Delete workspace"
-			});
-			onDelete?.();
-		}
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: classNames("search-bar-wrap", { ["detail-wrap"]: isDetail }) }, /* @__PURE__ */ React.createElement("div", { className: "line-1" }, /* @__PURE__ */ React.createElement("div", {
-		className: "left",
-		classNames: { item: "left-item" }
-	}, isDetail && /* @__PURE__ */ React.createElement(ArrowLeft, {
-		onClick: handleGoBack,
-		className: "back-icon"
-	}), /* @__PURE__ */ React.createElement(EditableString_default, {
-		editing: editingTitle || editingTitleProps,
-		editable: isDetail,
-		text: title,
-		onChange: handleTitleChange,
-		maxLength: 200,
-		ellipsis: { row: 1 },
-		className: "title"
-	})), /* @__PURE__ */ React.createElement(Space, {
-		className: "right",
-		size: isDetail ? 24 : 16
-	}, isDetail && /* @__PURE__ */ React.createElement(SearchWorkspaceAndBase_default, null), /* @__PURE__ */ React.createElement(Button, {
-		type: isDetail ? "primary" : void 0,
-		onClick: () => setOpen(true)
-	}, "Create a base"), /* @__PURE__ */ React.createElement(Dropdown, { menu: {
-		items: operateItems,
-		onClick: onDropdownClick
-	} }, /* @__PURE__ */ React.createElement(Button, { icon: /* @__PURE__ */ React.createElement(EllipsisOutlined, null) })))), /* @__PURE__ */ React.createElement(EditableString_default, {
-		editing: editingDescribe,
-		editable: false,
-		text: describe || "",
-		onChange: handleDescribeChange,
-		className: "describe",
-		ellipsis: { row: 3 },
-		maxLength: 500
-	}), isDetail && /* @__PURE__ */ React.createElement("div", { className: "line-2" }, /* @__PURE__ */ React.createElement(Sort_default, { onChange: onSort })), /* @__PURE__ */ React.createElement(CreateBaseModal_default, {
-		open,
-		onCancel: () => setOpen(false),
-		onAddBase
-	}));
-};
-var SearchBar_default = SearchBar;
-
-//#endregion
-export { SearchBar_default as default };

package/dist/es/components/workSpaceList/components/SearchBar/index.less

@@ -1,60 +0,0 @@
-.search-bar-wrap {
-  .line-1 {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 20px;
-    color: var(--gray-900, #101828);
-    font-size: 18px;
-    font-weight: 600;
-    line-height: 28px;
-    .left {
-      overflow: hidden;
-      margin-right: 24px;
-      display: flex;
-      .back-icon {
-        margin-right: 16px;
-      }
-      .title {
-        font-weight: bold;
-        width: 100%;
-      }
-    }
-  }
-  .line-2 {
-    color: var(--gray-600, #475467);
-    font-size: 14px;
-    font-weight: 600;
-    line-height: 20px;
-    display: inline-block;
-    cursor: pointer;
-    .type {
-      margin-right: 8px;
-    }
-  }
-  .describe {
-    color: var(--gray-600, #475467);
-    margin: 0 170px 20px 0;
-    display: flex;
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 3; /* 设定显示的行数 */
-    -webkit-box-orient: vertical;
-    text-overflow: ellipsis;
-  }
-}
-
-.detail-wrap {
-  margin-bottom: 24px;
-  .line-1 {
-    font-size: 24px;
-    .left {
-      :global {
-        .anticon {
-          font-size: 20px;
-          cursor: pointer;
-        }
-      }
-    }
-  }
-}

package/dist/es/components/workSpaceList/components/SearchWorkspaceAndBase/index.js

@@ -1,78 +0,0 @@
-import useEngineContext_default from "../../../../hooks/useEngineContext.js";
-import { request } from "../../../../utils/index.js";
-import AppearanceShow_default from "../AppearanceShow/index.js";
-import { searchWorkspace } from "../../server.js";
-import React, { useEffect, useState } from "react";
-import { useRequest } from "ahooks";
-import { AutoComplete, Input } from "@pisell/materials";
-import { SearchLg } from "@pisell/icon";
-import "../../index.less";
-
-//#region src/components/workSpaceList/components/SearchWorkspaceAndBase/index.tsx
-const renderWorkspaceItem = (value, label) => ({
-	value: label,
-	id: value,
-	type: "workspace",
-	label: /* @__PURE__ */ React.createElement("div", null, label)
-});
-const renderBaseItem = (detail) => ({
-	value: detail.name,
-	id: detail.id,
-	type: "base",
-	label: /* @__PURE__ */ React.createElement("div", { className: "render-base-item-wrap" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AppearanceShow_default, {
-		icon: detail.icon,
-		color: detail.color,
-		name: detail.name,
-		size: 40,
-		fontSize: 16
-	})), /* @__PURE__ */ React.createElement("div", { className: "right-detail" }, /* @__PURE__ */ React.createElement("div", { className: "line-1" }, detail.name), /* @__PURE__ */ React.createElement("div", { className: "line-2" }, detail.created_at)))
-});
-const Search = () => {
-	const context = useEngineContext_default();
-	request.setRequest(context.appHelper.utils.request);
-	const [options, setOptions] = useState([]);
-	new URLSearchParams(window.location.search);
-	const { runAsync, data = {} } = useRequest(searchWorkspace, {
-		manual: true,
-		debounceWait: 300
-	});
-	const handleSearch = async (searchText) => {
-		if (!searchText) return;
-		await runAsync({
-			tenant_id: "0",
-			search: searchText
-		});
-	};
-	useEffect(() => {
-		const { workspace, base } = data?.data || {};
-		if (workspace?.length || base?.length) setOptions([{
-			label: "Workspace",
-			options: workspace?.map((item) => {
-				return renderWorkspaceItem(item.id, item.name);
-			}) || []
-		}, {
-			label: "Base",
-			options: base?.map((item) => {
-				return renderBaseItem(item);
-			}) || []
-		}]);
-	}, [data]);
-	const handleSelect = (value, option) => {
-		if (option.type === "workspace") {} else if (option.type === "base") {}
-	};
-	return /* @__PURE__ */ React.createElement(AutoComplete, {
-		popupMatchSelectWidth: 400,
-		style: { width: 240 },
-		options,
-		onSearch: handleSearch,
-		onSelect: handleSelect
-	}, /* @__PURE__ */ React.createElement(Input, {
-		prefix: /* @__PURE__ */ React.createElement(SearchLg, { className: "search-icon" }),
-		placeholder: "Search",
-		size: "large"
-	}));
-};
-var SearchWorkspaceAndBase_default = Search;
-
-//#endregion
-export { SearchWorkspaceAndBase_default as default };

package/dist/es/components/workSpaceList/components/Sort/index.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-import "./index.less";

package/dist/es/components/workSpaceList/components/Sort/index.js

@@ -1,33 +0,0 @@
-import React, { useState } from "react";
-import { Dropdown } from "@pisell/materials";
-import { ChevronDown } from "@pisell/icon";
-import "./index.less";
-
-//#region src/components/workSpaceList/components/Sort/index.tsx
-const sortItems = [{
-	key: "1",
-	label: "Created time",
-	children: [{
-		key: "created_at:desc",
-		label: "Oldest to newest"
-	}, {
-		key: "created_at:asc",
-		label: "Newest to oldest"
-	}]
-}];
-const Sort = (props) => {
-	const { onChange } = props;
-	const [current, setCurrent] = useState("Created time");
-	const onClick = (detail) => {
-		setCurrent(sortItems.find((item) => item?.key === detail.keyPath.at(-1))?.label);
-		onChange?.(detail.keyPath);
-	};
-	return /* @__PURE__ */ React.createElement(Dropdown, { menu: {
-		items: sortItems,
-		onClick
-	} }, /* @__PURE__ */ React.createElement("span", { className: "sort-warp" }, /* @__PURE__ */ React.createElement("span", { className: "type" }, current), /* @__PURE__ */ React.createElement(ChevronDown, { className: "down-icon" })));
-};
-var Sort_default = Sort;
-
-//#endregion
-export { Sort_default as default };

package/dist/es/components/workSpaceList/components/Sort/index.less

@@ -1,10 +0,0 @@
-.sort-warp {
-  display: flex;
-  align-items: center;
-  .type {
-    margin-right: 8px;
-  }
-  .down-icon {
-    font-size: 20px;
-  }
-}

package/dist/es/components/workSpaceList/components/WorkspaceItem/index.js

@@ -1,80 +0,0 @@
-import useEngineContext_default from "../../../../hooks/useEngineContext.js";
-import { request } from "../../../../utils/index.js";
-import { deleteWorkspace, updateWorkspace } from "../../server.js";
-import CardList_default from "../CardList/index.js";
-import SearchBar_default from "../SearchBar/index.js";
-import React, { useEffect, useState } from "react";
-import { Spin } from "antd";
-import { ArrowRight } from "@pisell/icon";
-import "./index.less";
-
-//#region src/components/workSpaceList/components/WorkspaceItem/index.tsx
-const detailWrapStyle = {
-	border: "none",
-	padding: 0
-};
-const WorkspaceItem = (props) => {
-	const { title, data, describe, isDetail, id = 0, onSort, onAddBase, loading, onRefresh, onDelete, onDeleteBase, onUpdateBase, scrollRef, baseCount } = props;
-	const context = useEngineContext_default();
-	request.setRequest(context.appHelper.utils.request);
-	const searchParams = new URLSearchParams(window.location.search);
-	const [editingTitle, setEditingTitle] = useState(false);
-	useEffect(() => {
-		if (searchParams.get("create") === "true") setEditingTitle(true);
-	}, [searchParams]);
-	const handleDetailClick = () => {
-		context.appHelper.utils.getApp().history.push(`/workspaces/${id}`);
-	};
-	const handleDelete = async () => {
-		await deleteWorkspace(id);
-		onDelete?.();
-	};
-	const handleTitleChange = async (name) => {
-		setEditingTitle(false);
-		await updateWorkspace({
-			id,
-			name
-		});
-	};
-	const handleDescribeChange = async (description) => {
-		await updateWorkspace({
-			id,
-			description
-		});
-	};
-	return /* @__PURE__ */ React.createElement("div", {
-		className: "workspace-item-wrap",
-		style: isDetail ? detailWrapStyle : {}
-	}, /* @__PURE__ */ React.createElement(SearchBar_default, {
-		title,
-		describe,
-		isDetail,
-		onDelete: handleDelete,
-		onTitleChange: handleTitleChange,
-		onDescribeChange: handleDescribeChange,
-		onSort,
-		onAddBase,
-		editingTitle
-	}), /* @__PURE__ */ React.createElement(Spin, {
-		spinning: loading,
-		wrapperClassName: "loading"
-	}, /* @__PURE__ */ React.createElement(CardList_default, {
-		isDetail: isDetail || false,
-		data,
-		onAddBase,
-		onRefresh,
-		onDeleteBase,
-		onUpdateBase,
-		scrollRef
-	})), !isDetail && /* @__PURE__ */ React.createElement("div", { className: "view-workspace-wrap" }, /* @__PURE__ */ React.createElement("span", {
-		className: "view-go-detail",
-		onClick: handleDetailClick
-	}, /* @__PURE__ */ React.createElement("span", { className: "view-workspace-text" }, "View workspace"), /* @__PURE__ */ React.createElement(ArrowRight, null)), !!baseCount && /* @__PURE__ */ React.createElement("span", {
-		className: "count",
-		onClick: handleDetailClick
-	}, baseCount, " bases in total")));
-};
-var WorkspaceItem_default = WorkspaceItem;
-
-//#endregion
-export { WorkspaceItem_default as default };

package/dist/es/components/workSpaceList/components/WorkspaceItem/index.less

@@ -1,44 +0,0 @@
-.workspace-item-wrap {
-  padding: 20px;
-  border-radius: 8px;
-  border: 1px solid var(--gray-300, #d0d5dd);
-  margin-bottom: 32px;
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  overflow: auto;
-  .loading {
-    flex: 1;
-    overflow: auto;
-    display: flex;
-    flex-direction: column;
-    :global {
-      .ant-spin-container {
-        flex: 1;
-        overflow: auto;
-        display: flex;
-        flex-direction: column;
-      }
-    }
-  }
-  .view-workspace-wrap {
-    margin-top: 20px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    color: var(--gray-500, #667085);
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px;
-    .view-go-detail {
-      cursor: pointer;
-      .view-workspace-text {
-        margin-right: 4px;
-      }
-    }
-    .count {
-      cursor: pointer;
-    }
-  }
-}

package/dist/es/components/workSpaceList/index.d.ts

@@ -1,10 +0,0 @@
-import "./components/Sort/index.js";
-import { FC, HTMLAttributes, PropsWithChildren } from "react";
-import "./index.less";
-
-//#region src/components/workSpaceList/index.d.ts
-
-interface WorkspaceListProps extends HTMLAttributes<HTMLDivElement> {}
-declare const WorkspacesList: FC<PropsWithChildren<WorkspaceListProps>>;
-//#endregion
-export { WorkspacesList };

package/dist/es/components/workSpaceList/index.js

@@ -1,166 +0,0 @@
-import useEngineContext_default from "../../hooks/useEngineContext.js";
-import { request } from "../../utils/index.js";
-import { addBase, addWorkspace, getWorkspaces, updateBaseDetail } from "./server.js";
-import SearchWorkspaceAndBase_default from "./components/SearchWorkspaceAndBase/index.js";
-import Sort_default from "./components/Sort/index.js";
-import WorkspaceItem_default from "./components/WorkspaceItem/index.js";
-import React, { useMemo, useRef, useState } from "react";
-import { Empty } from "antd";
-import { useRequest } from "ahooks";
-import { Button as Button$1, Skeleton as Skeleton$1, Space as Space$1 } from "@pisell/materials";
-import "./index.less";
-
-//#region src/components/workSpaceList/index.tsx
-const SearchBar = (props) => {
-	const { title, onAddWorkspace, onSort, className, ...rest } = props;
-	return /* @__PURE__ */ React.createElement("div", {
-		className: "search-bar-wrap",
-		...rest
-	}, /* @__PURE__ */ React.createElement("div", { className: "line-1" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { className: "title" }, title)), /* @__PURE__ */ React.createElement(Space$1, { size: 24 }, /* @__PURE__ */ React.createElement(SearchWorkspaceAndBase_default, null), /* @__PURE__ */ React.createElement(Button$1, {
-		type: "primary",
-		onClick: onAddWorkspace
-	}, "Create a workspace"))), /* @__PURE__ */ React.createElement("div", { className: "line-2" }, /* @__PURE__ */ React.createElement(Sort_default, { onChange: onSort })));
-};
-const defaultSize = 15;
-const getTenantId = () => {
-	return Number(new URLSearchParams(window.location.search).get("tenant_id") || 0);
-};
-const WorkspacesList = (props) => {
-	const { className, ...rest } = props;
-	const [sort, setSort] = useState("");
-	const [refreshKey, setRefreshKey] = useState({});
-	const context = useEngineContext_default();
-	request.setRequest(context.appHelper.utils.request);
-	const tenant_id = getTenantId();
-	const scrollRef = useRef(null);
-	const { data = {}, loading, mutate } = useRequest(async (params) => {
-		const newParams = params || {
-			tenant_id,
-			page: 1,
-			size: defaultSize,
-			order_by: sort
-		};
-		const { code, data: data$1 } = await getWorkspaces({
-			tenant_id,
-			page: newParams.page,
-			size: newParams.size,
-			order_by: newParams.order_by
-		});
-		return {
-			tenant_id,
-			list: code === 200 ? data$1.list || [] : [],
-			page: newParams.page + 1,
-			size: newParams.size,
-			count: code === 200 ? data$1.count || 0 : 0,
-			order_by: newParams.order_by
-		};
-	}, {
-		defaultParams: [{
-			page: 1,
-			size: defaultSize,
-			tenant_id,
-			order_by: sort
-		}],
-		ref: scrollRef,
-		isNoMore: (d) => {
-			return d ? d.list.length >= d.count : false;
-		},
-		refreshDeps: [sort, refreshKey]
-	});
-	const { runAsync } = useRequest(addWorkspace, { manual: true });
-	const add = useRequest(addBase, { manual: true });
-	const handleAdd = async () => {
-		const workspace = await runAsync({ tenant_id });
-		context.appHelper.utils.getApp().history.push(`/workspaces/${workspace?.data?.id || "0"}?create=true`);
-	};
-	const handleSort = (val) => {
-		setSort(val?.[0] || "");
-	};
-	const handleAddBase = async (params) => {
-		const { name, color, icon } = params;
-		await add.run({
-			name,
-			color,
-			icon,
-			workspace_id: params.id,
-			tenant_id: params.tenant_id
-		});
-		setRefreshKey({});
-	};
-	const handleDelete = (id) => {
-		mutate((oldList) => {
-			if (!oldList) return oldList;
-			return {
-				...oldList,
-				list: oldList.list.filter((item) => item.id !== id)
-			};
-		});
-	};
-	const handleUpdateBase = async (params) => {
-		mutate((oldBase) => {
-			if (!oldBase) return oldBase;
-			const newList = oldBase.list.map((item) => {
-				if (item.id === params.workspaceId) return {
-					...item,
-					base: item.base?.map((bas) => {
-						if (bas.id === params.id) return {
-							...bas,
-							...params
-						};
-						return bas;
-					})
-				};
-				return item;
-			});
-			return {
-				...oldBase,
-				list: newList
-			};
-		});
-		await updateBaseDetail({
-			id: params.id,
-			color: params?.color,
-			icon: params?.icon,
-			name: params?.name
-		});
-	};
-	const renderWorkspaceItem = (item) => /* @__PURE__ */ React.createElement(WorkspaceItem_default, {
-		key: item.id,
-		id: item.id,
-		title: item.name,
-		loading: false,
-		describe: item.description,
-		data: item.base || [],
-		onRefresh: () => setRefreshKey({}),
-		onDelete: () => handleDelete(item.id),
-		baseCount: item.base_count,
-		onUpdateBase: (params) => handleUpdateBase({
-			...params,
-			workspaceId: item.id
-		}),
-		onAddBase: (params) => handleAddBase({
-			...item,
-			...params
-		})
-	});
-	const content = useMemo(() => {
-		if (loading) return /* @__PURE__ */ React.createElement(Skeleton$1, null);
-		if (data.list?.length) return data.list.map(renderWorkspaceItem);
-		return /* @__PURE__ */ React.createElement(Empty, null);
-	}, [loading, data]);
-	return /* @__PURE__ */ React.createElement("div", {
-		className: "workspaces-wrap",
-		...rest
-	}, /* @__PURE__ */ React.createElement(SearchBar, {
-		title: "All Workspaces",
-		onAddWorkspace: handleAdd,
-		onSort: handleSort
-	}), /* @__PURE__ */ React.createElement("div", {
-		className: "workspaces-list",
-		ref: scrollRef
-	}, content));
-};
-var workSpaceList_default = WorkspacesList;
-
-//#endregion
-export { workSpaceList_default as default };