@pisell/private-materials 3.1.3 → 3.2.1

package/lib/components/workSpaceList/components/SearchWorkspaceAndBase/index.js

@@ -0,0 +1,126 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/workSpaceList/components/SearchWorkspaceAndBase/index.tsx
+var SearchWorkspaceAndBase_exports = {};
+__export(SearchWorkspaceAndBase_exports, {
+  default: () => SearchWorkspaceAndBase_default
+});
+module.exports = __toCommonJS(SearchWorkspaceAndBase_exports);
+var import_react = __toESM(require("react"));
+var import_AppearanceShow = __toESM(require("./../AppearanceShow"));
+var import__ = require("./../../index.less");
+var import_icon = require("@pisell/icon");
+var import_materials = require("@pisell/materials");
+var import_ahooks = require("ahooks");
+var import_react2 = require("react");
+var import_server = require("./../../server");
+var import_utils = require("./../../../../utils/index");
+var import_useEngineContext = __toESM(require("./../../../../hooks/useEngineContext"));
+var renderWorkspaceItem = (value, label) => ({
+  value: label,
+  id: value,
+  type: "workspace",
+  label: /* @__PURE__ */ import_react.default.createElement("div", null, label)
+});
+var renderBaseItem = (detail) => ({
+  value: detail.name,
+  id: detail.id,
+  type: "base",
+  label: /* @__PURE__ */ import_react.default.createElement("div", { className: "render-base-item-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+    import_AppearanceShow.default,
+    {
+      icon: detail.icon,
+      color: detail.color,
+      name: detail.name,
+      size: 40,
+      fontSize: 16
+    }
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "right-detail" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "line-1" }, detail.name), /* @__PURE__ */ import_react.default.createElement("div", { className: "line-2" }, detail.created_at)))
+});
+var Search = () => {
+  const context = (0, import_useEngineContext.default)();
+  import_utils.request.setRequest(context.appHelper.utils.request);
+  const [options, setOptions] = (0, import_react2.useState)([]);
+  const searchParams = new URLSearchParams(window.location.search);
+  const { runAsync, data = {} } = (0, import_ahooks.useRequest)(import_server.searchWorkspace, {
+    manual: true,
+    debounceWait: 300
+  });
+  const handleSearch = async (searchText) => {
+    if (!searchText) return;
+    await runAsync({
+      tenant_id: "0",
+      search: searchText
+    });
+  };
+  (0, import_react2.useEffect)(() => {
+    const { workspace, base } = (data == null ? void 0 : data.data) || {};
+    if ((workspace == null ? void 0 : workspace.length) || (base == null ? void 0 : base.length)) {
+      const newOptions = [
+        {
+          label: "Workspace",
+          options: (workspace == null ? void 0 : workspace.map((item) => {
+            return renderWorkspaceItem(item.id, item.name);
+          })) || []
+        },
+        {
+          label: "Base",
+          options: (base == null ? void 0 : base.map((item) => {
+            return renderBaseItem(item);
+          })) || []
+        }
+      ];
+      setOptions(newOptions);
+    }
+  }, [data]);
+  const handleSelect = (value, option) => {
+    if (option.type === "workspace") {
+    } else if (option.type === "base") {
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.AutoComplete,
+    {
+      popupMatchSelectWidth: 400,
+      style: { width: 240 },
+      options,
+      onSearch: handleSearch,
+      onSelect: handleSelect
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Input,
+      {
+        prefix: /* @__PURE__ */ import_react.default.createElement(import_icon.SearchLg, { className: "search-icon" }),
+        placeholder: "Search",
+        size: "large"
+      }
+    )
+  );
+};
+var SearchWorkspaceAndBase_default = Search;

package/lib/components/workSpaceList/components/Sort/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+export interface SortProps {
+    onChange?: (val: string[]) => void;
+}
+declare const Sort: React.FC<SortProps>;
+export default Sort;

package/lib/components/workSpaceList/components/Sort/index.js

@@ -0,0 +1,95 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/workSpaceList/components/Sort/index.tsx
+var Sort_exports = {};
+__export(Sort_exports, {
+  default: () => Sort_default
+});
+module.exports = __toCommonJS(Sort_exports);
+var import_materials = require("@pisell/materials");
+var import_icon = require("@pisell/icon");
+var import_react = __toESM(require("react"));
+var import_index = require("./index.less");
+var sortItems = [
+  {
+    key: "1",
+    label: "Created time",
+    children: [
+      {
+        key: "created_at:desc",
+        label: "Oldest to newest"
+      },
+      {
+        key: "created_at:asc",
+        label: "Newest to oldest"
+      }
+    ]
+  }
+  // {
+  //   key: '2',
+  //   label: 'Alphabetical',
+  //   children: [
+  //     {
+  //       key: 'letter:asc',
+  //       label: 'A to Z',
+  //     },
+  //     {
+  //       key: 'letter:desc',
+  //       label: 'Z to A',
+  //     },
+  //   ],
+  // },
+  // {
+  //   key: '3',
+  //   label: 'Opened by you',
+  //   children: [
+  //     {
+  //       key: 'o1',
+  //       label: 'Oldest to newest',
+  //     },
+  //     {
+  //       key: 'o2',
+  //       label: 'Newest to oldest',
+  //     },
+  //   ],
+  // },
+];
+var Sort = (props) => {
+  const { onChange } = props;
+  const [current, setCurrent] = (0, import_react.useState)("Created time");
+  const onClick = (detail) => {
+    const clickItem = sortItems.find(
+      (item) => (item == null ? void 0 : item.key) === detail.keyPath.at(-1)
+    );
+    setCurrent(clickItem == null ? void 0 : clickItem.label);
+    onChange == null ? void 0 : onChange(detail.keyPath);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_materials.Dropdown, { menu: { items: sortItems, onClick } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "sort-warp" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "type" }, current), /* @__PURE__ */ import_react.default.createElement(import_icon.ChevronDown, { className: "down-icon" })));
+};
+var Sort_default = Sort;

package/lib/components/workSpaceList/components/Sort/index.less

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

package/lib/components/workSpaceList/components/WorkspaceItem/index.d.ts

@@ -0,0 +1,22 @@
+import { CardListProps } from './../CardList';
+import { SearchBarProps } from './../SearchBar';
+import { FC } from 'react';
+import './index.less';
+export interface WorkspaceItemProps {
+    title: string;
+    describe?: string;
+    data: any[];
+    isDetail?: boolean;
+    id: number;
+    onSort?: SearchBarProps['onSort'];
+    onAddBase: SearchBarProps['onAddBase'];
+    onRefresh?: () => void;
+    onDelete?: () => void;
+    onDeleteBase?: (id: number) => void;
+    onUpdateBase?: CardListProps['onUpdateBase'];
+    loading?: boolean;
+    scrollRef?: any;
+    baseCount?: number;
+}
+declare const WorkspaceItem: FC<WorkspaceItemProps>;
+export default WorkspaceItem;

package/lib/components/workSpaceList/components/WorkspaceItem/index.js

@@ -0,0 +1,130 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/workSpaceList/components/WorkspaceItem/index.tsx
+var WorkspaceItem_exports = {};
+__export(WorkspaceItem_exports, {
+  default: () => WorkspaceItem_default
+});
+module.exports = __toCommonJS(WorkspaceItem_exports);
+var import_CardList = __toESM(require("./../CardList"));
+var import_SearchBar = __toESM(require("./../SearchBar"));
+var import_icon = require("@pisell/icon");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_index = require("./index.less");
+var import_utils = require("./../../../../utils/index");
+var import_useEngineContext = __toESM(require("./../../../../hooks/useEngineContext"));
+var import_server = require("./../../server");
+var detailWrapStyle = {
+  border: "none",
+  padding: 0
+};
+var WorkspaceItem = (props) => {
+  const {
+    title,
+    data,
+    describe,
+    isDetail,
+    id = 0,
+    onSort,
+    onAddBase,
+    loading,
+    onRefresh,
+    onDelete,
+    onDeleteBase,
+    onUpdateBase,
+    scrollRef,
+    baseCount
+  } = props;
+  const context = (0, import_useEngineContext.default)();
+  import_utils.request.setRequest(context.appHelper.utils.request);
+  const searchParams = new URLSearchParams(window.location.search);
+  const [editingTitle, setEditingTitle] = (0, import_react.useState)(false);
+  const tenant_id = "0";
+  (0, import_react.useEffect)(() => {
+    if (searchParams.get("create") === "true") {
+      setEditingTitle(true);
+    }
+  }, [searchParams]);
+  const handleDetailClick = () => {
+    context.appHelper.utils.getApp().history.push(`/workspaces/${id}`);
+  };
+  const handleDelete = async () => {
+    await (0, import_server.deleteWorkspace)(id);
+    onDelete == null ? void 0 : onDelete();
+  };
+  const handleTitleChange = async (name) => {
+    setEditingTitle(false);
+    await (0, import_server.updateWorkspace)({
+      id,
+      name
+    });
+  };
+  const handleDescribeChange = async (description) => {
+    await (0, import_server.updateWorkspace)({
+      id,
+      description
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "workspace-item-wrap",
+      style: isDetail ? detailWrapStyle : {}
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_SearchBar.default,
+      {
+        title,
+        describe,
+        isDetail,
+        onDelete: handleDelete,
+        onTitleChange: handleTitleChange,
+        onDescribeChange: handleDescribeChange,
+        onSort,
+        onAddBase,
+        editingTitle
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: loading, wrapperClassName: "loading" }, /* @__PURE__ */ import_react.default.createElement(
+      import_CardList.default,
+      {
+        isDetail: isDetail || false,
+        data,
+        onAddBase,
+        onRefresh,
+        onDeleteBase,
+        onUpdateBase,
+        scrollRef
+      }
+    )),
+    !isDetail && /* @__PURE__ */ import_react.default.createElement("div", { className: "view-workspace-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "view-go-detail", onClick: handleDetailClick }, /* @__PURE__ */ import_react.default.createElement("span", { className: "view-workspace-text" }, "View workspace"), /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowRight, null)), !!baseCount && /* @__PURE__ */ import_react.default.createElement("span", { className: "count", onClick: handleDetailClick }, baseCount, " bases in total"))
+  );
+};
+var WorkspaceItem_default = WorkspaceItem;

package/lib/components/workSpaceList/components/WorkspaceItem/index.less

@@ -0,0 +1,44 @@
+.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/lib/components/workSpaceList/data.d.ts

@@ -0,0 +1,42 @@
+export declare type WorkspaceType = {
+    /** Workspace id */
+    id: number;
+    /** 租户id */
+    tenant_id: number;
+    /** Workspace名称 */
+    name: string;
+    /** Workspace首字母 */
+    letter: string;
+    /** 图标 */
+    icon: string;
+    /** 描述 */
+    description: string;
+    /** 创建时间 */
+    created_at: string;
+    /** 更新时间 */
+    updated_at: string;
+    /** 当前workspace下的base */
+    base?: BaseType[];
+    /** base count数量 */
+    base_count: number;
+};
+export declare type BaseType = {
+    /** base id */
+    id: number;
+    /** 租户 id */
+    tenant_id: number;
+    /** workspace id */
+    workspace_id: number;
+    /** 名称 */
+    name: string;
+    /** 图标 */
+    icon: string;
+    /** 颜色 */
+    color: string;
+    /** 描述 */
+    description: string;
+    /** 创建时间 */
+    updated_at: string;
+    /** 更新时间 */
+    created_at: string;
+};

package/lib/components/workSpaceList/data.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/workSpaceList/data.ts
+var data_exports = {};
+module.exports = __toCommonJS(data_exports);

package/lib/components/workSpaceList/index.d.ts

@@ -0,0 +1,13 @@
+import { FC, HTMLAttributes } from 'react';
+import type { PropsWithChildren } from 'react';
+import { SortProps } from './components/Sort';
+import './index.less';
+export interface SearchBarProps extends HTMLAttributes<HTMLDivElement> {
+    title: string;
+    onAddWorkspace: () => void;
+    onSort: SortProps['onChange'];
+}
+interface WorkspaceListProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const WorkspacesList: FC<PropsWithChildren<WorkspaceListProps>>;
+export default WorkspacesList;