@pisell/private-materials 3.1.3 → 3.2.2

package/lib/components/workSpaceList/index.js

@@ -0,0 +1,216 @@
+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/index.tsx
+var workSpaceList_exports = {};
+__export(workSpaceList_exports, {
+  default: () => workSpaceList_default
+});
+module.exports = __toCommonJS(workSpaceList_exports);
+var import_react = __toESM(require("react"));
+var import_SearchWorkspaceAndBase = __toESM(require("./components/SearchWorkspaceAndBase"));
+var import_Sort = __toESM(require("./components/Sort"));
+var import_WorkspaceItem = __toESM(require("./components/WorkspaceItem"));
+var import_materials = require("@pisell/materials");
+var import_ahooks = require("ahooks");
+var import_utils = require("./../../utils/index");
+var import_antd = require("antd");
+var import_useEngineContext = __toESM(require("./../../hooks/useEngineContext"));
+var import_react2 = require("react");
+var import_index = require("./index.less");
+var import_server = require("./server");
+var SearchBar = (props) => {
+  const { title, onAddWorkspace, onSort, className, ...rest } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "search-bar-wrap", ...rest }, /* @__PURE__ */ import_react.default.createElement("div", { className: "line-1" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", { className: "title" }, title)), /* @__PURE__ */ import_react.default.createElement(import_materials.Space, { size: 24 }, /* @__PURE__ */ import_react.default.createElement(import_SearchWorkspaceAndBase.default, null), /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { type: "primary", onClick: onAddWorkspace }, "Create a workspace"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "line-2" }, /* @__PURE__ */ import_react.default.createElement(import_Sort.default, { onChange: onSort })));
+};
+var defaultSize = 15;
+var getTenantId = () => {
+  return Number(new URLSearchParams(window.location.search).get("tenant_id") || 0);
+};
+var WorkspacesList = (props) => {
+  const { className, ...rest } = props;
+  const [sort, setSort] = (0, import_react2.useState)("");
+  const [refreshKey, setRefreshKey] = (0, import_react2.useState)({});
+  const context = (0, import_useEngineContext.default)();
+  import_utils.request.setRequest(context.appHelper.utils.request);
+  const tenant_id = getTenantId();
+  const scrollRef = (0, import_react2.useRef)(null);
+  const {
+    data = {},
+    loading,
+    mutate
+  } = (0, import_ahooks.useRequest)(
+    async (params) => {
+      const newParams = params || {
+        tenant_id,
+        page: 1,
+        size: defaultSize,
+        order_by: sort
+      };
+      const { code, data: data2 } = await (0, import_server.getWorkspaces)({
+        tenant_id,
+        page: newParams.page,
+        size: newParams.size,
+        order_by: newParams.order_by
+      });
+      return {
+        tenant_id,
+        list: code === 200 ? data2.list || [] : [],
+        page: newParams.page + 1,
+        size: newParams.size,
+        count: code === 200 ? data2.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 } = (0, import_ahooks.useRequest)(import_server.addWorkspace, {
+    manual: true
+  });
+  const add = (0, import_ahooks.useRequest)(import_server.addBase, {
+    manual: true
+  });
+  const handleAdd = async () => {
+    var _a;
+    const workspace = await runAsync({
+      tenant_id
+    });
+    context.appHelper.utils.getApp().history.push(`/workspaces/${((_a = workspace == null ? void 0 : workspace.data) == null ? void 0 : _a.id) || "0"}?create=true`);
+  };
+  const handleSort = (val) => {
+    setSort((val == null ? void 0 : 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) => {
+        var _a;
+        if (item.id === params.workspaceId) {
+          return {
+            ...item,
+            base: (_a = item.base) == null ? void 0 : _a.map((bas) => {
+              if (bas.id === params.id) {
+                return {
+                  ...bas,
+                  ...params
+                };
+              }
+              return bas;
+            })
+          };
+        }
+        return item;
+      });
+      return {
+        ...oldBase,
+        list: newList
+      };
+    });
+    await (0, import_server.updateBaseDetail)({
+      id: params.id,
+      color: params == null ? void 0 : params.color,
+      icon: params == null ? void 0 : params.icon,
+      name: params == null ? void 0 : params.name
+    });
+  };
+  const renderWorkspaceItem = (item) => /* @__PURE__ */ import_react.default.createElement(
+    import_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 = (0, import_react2.useMemo)(() => {
+    var _a;
+    if (loading) {
+      return /* @__PURE__ */ import_react.default.createElement(import_materials.Skeleton, null);
+    }
+    if ((_a = data.list) == null ? void 0 : _a.length) {
+      return data.list.map(renderWorkspaceItem);
+    }
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Empty, null);
+  }, [loading, data]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "workspaces-wrap", ...rest }, /* @__PURE__ */ import_react.default.createElement(
+    SearchBar,
+    {
+      title: "All Workspaces",
+      onAddWorkspace: handleAdd,
+      onSort: handleSort
+    }
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "workspaces-list", ref: scrollRef }, content));
+};
+var workSpaceList_default = WorkspacesList;

package/lib/components/workSpaceList/index.less

@@ -0,0 +1,60 @@
+.workspaces-wrap {
+  div {
+    box-sizing: border-box;
+  }
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  .search-bar-wrap {
+    margin-bottom: 24px;
+    .title {
+      color: var(--gray-900, #101828);
+      font-size: 24px;
+      font-weight: 600;
+      line-height: 32px;
+    }
+    .line-1 {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 24px;
+    }
+    .line-2 {
+      color: var(--gray-600, #475467);
+      font-size: 14px;
+      font-weight: 600;
+      line-height: 20px;
+      display: inline-block;
+      cursor: pointer;
+    }
+  }
+  .workspaces-list {
+    flex: 1;
+    overflow: auto;
+  }
+}
+// 添加你的样式定义
+.render-base-item-wrap {
+  display: flex;
+  padding: 5px 0;
+  .right-detail {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-left: 8px;
+    .line-1 {
+      color: var(--gray-900, #101828);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 20px;
+    }
+    .line-2 {
+      color: var(--gray-600, #475467);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+    }
+  }
+}

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

@@ -0,0 +1,179 @@
+/**
+ * workspace 主页（workspace 带 base，翻页列表）
+ * @param params
+ * @author 左胜杰
+ * @member 陈磊
+ */
+export declare const getWorkspaces: (params: {
+    page: number;
+    size: number;
+    order_by: string;
+    tenant_id: number;
+}) => Promise<any>;
+/**
+ * workspace 删除
+ * @param id
+ * @author 左胜杰
+ * @member 陈磊
+ */
+export declare const deleteWorkspace: (id: number) => Promise<any>;
+/**
+ * workspace 添加
+ * @param params
+ * @author 左胜杰
+ * @member 陈磊
+ */
+export declare const addWorkspace: (params: {
+    tenant_id: number;
+    name?: string;
+    icon?: string;
+    description?: string;
+}) => Promise<any>;
+/**
+ * workspace 修改
+ * @param params
+ * @author 左胜杰
+ * @member 陈磊
+ */
+export declare const updateWorkspace: (params: {
+    id: number;
+    name?: string | undefined;
+    icon?: string | undefined;
+    description?: string | undefined;
+}) => Promise<any>;
+/**
+ * workspace 详情
+ * @param params
+ * @author 左胜杰
+ * @member 陈磊
+ */
+export declare const getWorkspaceDetail: (id: number) => Promise<any>;
+/**
+ * workspace 选择列表 （不带翻页）
+ * @param params
+ * @author 左胜杰
+ * @member 陈磊
+ */
+export declare const getWorkspaceList: (params: {
+    tenant_id: string;
+}) => Promise<any>;
+/**
+ * workspace 和 base 搜索
+ * @param params
+ * @author 左胜杰
+ * @member 陈磊
+ */
+export declare const searchWorkspace: (params: {
+    tenant_id: string;
+    search?: string;
+}) => Promise<any>;
+/**
+ * 新增base
+ * @param params
+ * @author 左胜杰
+ * @member 马天宇
+ */
+export declare const addBase: (params: {
+    tenant_id: number;
+    workspace_id: number;
+    name: string;
+    icon: string;
+    color: string;
+    description?: string;
+    order_by?: string;
+}) => Promise<any>;
+/**
+ * 获取base 详情
+ * @param id
+ * @author 左胜杰
+ * @member 马天宇
+ */
+export declare const getBaseDetail: (id: number) => Promise<any>;
+/**
+ * 修改base
+ * @param params
+ * @author 左胜杰
+ * @member 马天宇
+ */
+export declare const updateBaseDetail: (params: {
+    id: number;
+    name?: string;
+    icon?: string;
+    color?: string;
+    description?: string;
+}) => Promise<any>;
+/**
+ * 删除base
+ * @param id
+ * @author 左胜杰
+ * @member 马天宇
+ */
+export declare const deleteBaseDetail: (id: number) => Promise<any>;
+/**
+ * 获取base 列表
+ * @param params
+ * @author 左胜杰
+ * @member 马天宇
+ */
+export declare const getBaseList: (params: {
+    workspace_id: number;
+    name?: string;
+    page?: number;
+    size?: number;
+    order_by?: string;
+}) => Promise<any>;
+declare const _default: {
+    getWorkspaces: (params: {
+        page: number;
+        size: number;
+        order_by: string;
+        tenant_id: number;
+    }) => Promise<any>;
+    deleteWorkspace: (id: number) => Promise<any>;
+    addWorkspace: (params: {
+        tenant_id: number;
+        name?: string | undefined;
+        icon?: string | undefined;
+        description?: string | undefined;
+    }) => Promise<any>;
+    updateWorkspace: (params: {
+        id: number;
+        name?: string | undefined;
+        icon?: string | undefined;
+        description?: string | undefined;
+    }) => Promise<any>;
+    getWorkspaceDetail: (id: number) => Promise<any>;
+    getWorkspaceList: (params: {
+        tenant_id: string;
+    }) => Promise<any>;
+    searchWorkspace: (params: {
+        tenant_id: string;
+        search?: string | undefined;
+    }) => Promise<any>;
+    addBase: (params: {
+        tenant_id: number;
+        workspace_id: number;
+        name: string;
+        icon: string;
+        color: string;
+        description?: string | undefined;
+        order_by?: string | undefined;
+    }) => Promise<any>;
+    getBaseDetail: (id: number) => Promise<any>;
+    updateBaseDetail: (params: {
+        id: number;
+        name?: string | undefined;
+        icon?: string | undefined;
+        color?: string | undefined;
+        description?: string | undefined;
+    }) => Promise<any>;
+    deleteBaseDetail: (id: number) => Promise<any>;
+    getBaseList: (params: {
+        workspace_id: number;
+        name?: string | undefined;
+        page?: number | undefined;
+        size?: number | undefined;
+        order_by?: string | undefined;
+    }) => Promise<any>;
+};
+export default _default;

package/lib/components/workSpaceList/server.js

@@ -0,0 +1,103 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/workSpaceList/server.ts
+var server_exports = {};
+__export(server_exports, {
+  addBase: () => addBase,
+  addWorkspace: () => addWorkspace,
+  default: () => server_default,
+  deleteBaseDetail: () => deleteBaseDetail,
+  deleteWorkspace: () => deleteWorkspace,
+  getBaseDetail: () => getBaseDetail,
+  getBaseList: () => getBaseList,
+  getWorkspaceDetail: () => getWorkspaceDetail,
+  getWorkspaceList: () => getWorkspaceList,
+  getWorkspaces: () => getWorkspaces,
+  searchWorkspace: () => searchWorkspace,
+  updateBaseDetail: () => updateBaseDetail,
+  updateWorkspace: () => updateWorkspace
+});
+module.exports = __toCommonJS(server_exports);
+var import_utils = require("./../../utils/index");
+var getWorkspaces = async (params) => {
+  return import_utils.request.getRequest().get("/workspace/main", params);
+};
+var deleteWorkspace = async (id) => {
+  return import_utils.request.getRequest().remove(`/workspace/${id}`);
+};
+var addWorkspace = async (params) => {
+  return import_utils.request.getRequest().post(`/workspace`, params);
+};
+var updateWorkspace = async (params) => {
+  const { id, ...others } = params;
+  return import_utils.request.getRequest().put(`/workspace/${id}`, others);
+};
+var getWorkspaceDetail = async (id) => {
+  return import_utils.request.getRequest().get(`/workspace/${id}`, {});
+};
+var getWorkspaceList = async (params) => {
+  return import_utils.request.getRequest().get("/workspace/selector", params);
+};
+var searchWorkspace = async (params) => {
+  return import_utils.request.getRequest().get("/workspace/search", params);
+};
+var addBase = async (params) => {
+  return import_utils.request.getRequest().post("/workspace/base", params);
+};
+var getBaseDetail = async (id) => {
+  return import_utils.request.getRequest().get(`/workspace/base/${id}`, {});
+};
+var updateBaseDetail = async (params) => {
+  return import_utils.request.getRequest().put(`/workspace/base/${params.id}`, params);
+};
+var deleteBaseDetail = async (id) => {
+  return import_utils.request.getRequest().remove(`/workspace/base/${id}`);
+};
+var getBaseList = async (params) => {
+  return import_utils.request.getRequest().get("/workspace/base", params);
+};
+var server_default = {
+  getWorkspaces,
+  deleteWorkspace,
+  addWorkspace,
+  updateWorkspace,
+  getWorkspaceDetail,
+  getWorkspaceList,
+  searchWorkspace,
+  addBase,
+  getBaseDetail,
+  updateBaseDetail,
+  deleteBaseDetail,
+  getBaseList
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addBase,
+  addWorkspace,
+  deleteBaseDetail,
+  deleteWorkspace,
+  getBaseDetail,
+  getBaseList,
+  getWorkspaceDetail,
+  getWorkspaceList,
+  getWorkspaces,
+  searchWorkspace,
+  updateBaseDetail,
+  updateWorkspace
+});

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import './index.less';
+declare const WorkSpaceListDetail: FC;
+export default WorkSpaceListDetail;