# @bigbinary/neeto-team-members-frontend 中文文档 规范地址：https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/ 版本：5\.3\.4 npm 元数据更新时间：2026-11-04T07:41:46.658Z 中文译文更新时间：2026-11-08T01:57:06.652Z 软件包许可：UNLICENSED 本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。 原始 npm 页面：https://www.npmjs.com/package/%40bigbinary/neeto-team-members-frontend 原文对照：https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/?lang=original 项目主页：https://github.com/bigbinary/neeto-team-members-nano ## 关键信息（来自 npm 元数据） - 包体积（解压后）：5.1 MB，298 个文件 - 模块格式：ESM + CJS - TypeScript 类型：包内自带 - Node.js 要求：\>=22\.13 - 运行依赖：2 个 - peer 依赖：qs 6\.16\.2，url 0\.11\.4，yup 0\.32\.11，antd 5\.22\.1，util ^0\.12\.5，axios 1\.20\.0，ramda 0\.29\.0，react 18\.3\.1，buffer ^6\.0\.3，formik 2\.4\.6，i18next 22\.5\.1，zustand 4\.4\.2，dompurify 3\.4\.17，js-logger 1\.6\.1，react-dom 18\.3\.1，classnames 2\.5\.1，stream-http 3\.2\.0，tailwindcss 3\.4\.14，lucide-react ^0\.469\.0，react-helmet ^6\.1\.0，@dnd-kit/core 6\.3\.1，os-browserify 0\.3\.0，react-i18next 12\.3\.1，vm-browserify 1\.1\.2，@babel/runtime 7\.29\.7，react-toastify 8\.0\.2，tty-browserify 0\.0\.1，path-browserify ^1\.0\.1，https-browserify 1\.0\.0，mixpanel-browser ^2\.45\.0，react-router-dom 5\.3\.3，@dnd-kit/sortable 10\.0\.0，crypto-browserify 3\.12\.1，source-map-loader 4\.0\.1，stream-browserify ^3\.0\.0，@bigbinary/neetoui 8\.8\.3，@honeybadger-io/js 6\.10\.1，@bigbinary/neeto-cist 1\.0\.17，@honeybadger-io/react 6\.1\.25，@tanstack/react-query 5\.59\.20，@bigbinary/neeto-atoms 1\.1\.5，@bigbinary/neeto-icons 1\.20\.89，@bigbinary/neeto-molecules 5\.11\.2，@bigbinary/neeto-time-zones 0\.8\.26，@tailwindcss/container-queries ^0\.1\.1，@tanstack/react-query-devtools 5\.59\.20，@bigbinary/neeto-commons-frontend 4\.15\.0，@bigbinary/neeto-filters-frontend 4\.7\.1，@bigbinary/neeto-image-uploader-frontend 4\.1\.16 - 首次发布：2022-08-08T10:51:49.285Z - 最新版本发布：2026-11-04T07:41:46.501Z - 近 30 天下载量：41951（2026-10-08 至 2026-11-06，npm 官方下载统计） - 已发布版本数：396（近 12 个月 134 个） ## 中文简介 一个回波作为新纳米结构,配置,数据等的真理来源. ## 安装 ```sh npm install @bigbinary/neeto-team-members-frontend ``` 也可以使用：`pnpm add @bigbinary/neeto-team-members-frontend`、`yarn add @bigbinary/neeto-team-members-frontend`、`bun add @bigbinary/neeto-team-members-frontend` ## README # NeetoTeam 成员Nano 这个 `neeto-team-members-nano` 协助管理小组成员 在需要的应用程序中。 纳米出口 `@bigbinary/neeto-team-members-frontend` 国家防范机制一揽子计划 `neeto-team-members-engine` 铁路发展引擎. 小组成员 Playwright 帮助器独立发布为 `@bigbinary/neeto-team-members-playwright` 从 [`playwright/`](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/playwright/README.md) 目录. ## 目录 1. [用主机应用程序开发](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/#readme-development-with-host-application) - [发动机](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/#readme-engine) - [安装](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/#readme-installation) - [使用量](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/#readme-usage) - [前端软件包](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/#readme-frontend-package) - [安装](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/#readme-installation-1) - [发展指示](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/#readme-instructions-for-development) - [构成部分](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/#readme-components) 2. [出版指令](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/#readme-instructions-for-publishing) 3. [剧作家助手](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/playwright/README.md) ## 用主机应用程序开发 ### 发动机 该引擎用于为组织播映角色和权限. 这个 也提出了处理与下列方面有关的共同逻辑的关切: `User` 型号. #### 安装 1. 将此行添加到您的应用程序的 Gemfile 中 : ```ruby source "NEETO_GEM_SERVER_URL" do # ...existing gems gem 'neeto-team-members-engine' end ``` 2. 然后执行: ```shell bundle install ``` 3. 将此行添加到您的应用程序 `config/routes.rb` 文件 : ```ruby mount NeetoTeamMembersEngine::Engine, at: "/neeto_team_members" ``` 4. 运行命令以将所需的全部迁移从引擎带入 主机应用程序 : ```shell bundle exec rails neeto_team_members_engine:install:migrations ``` 5. 添加迁移到数据库 : ```shell bundle exec rails db:migrate ``` 6. 现在,运行将复制所需文件的生成器. ```shell bundle exec rails g neeto_team_members_engine:install ``` 此命令将尝试注入引擎的路径以及创建一个 `config/permissions.yml` 文件以添加所需的权限. #### 使用量 您可以在此了解更多设置和用途: 1. [权限](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/docs/engine/permissions.md) 2. [作用](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/docs/engine/roles.md) 3. [关注的问题](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/docs/engine/concerns.md) 4. [成员限制](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/docs/engine/member_limits.md) ### 前端软件包 该套件输出四个组成部分: `Roles`, (中文(简体) ), `TeamMembers`, (中文(简体) ), `Permissions`, (中文(简体) ), 财务报告和审定财务报表 `ManageRole`。 。 。 . #### 安装 安装最新的 `NeetoTeamMembersNano` 使用下列命令的软件包: ```shell yarn add @bigbinary/neeto-team-members-frontend ``` ### 发展指示 检查 [前端软件包开发指南](https://neeto-engineering.neetokb.com/p/a-d34cb4b0) 用于开发前端软件包的分步指令. ### 构成部分 #### `Roles` ![Roles page](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/docs/frontend/images/roles_page.png) 该部门管理团队角色。 它包括添加等功能 角色和允许角色更新与相关权限. ###### 道具 - `config`: 包含强制规格的配置对象 头面包屑和角色权限。 还可以选择 帮助文章和权限等级的配置 . ###### 配置 参见 [作用](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/docs/frontend/roles.md) 详细信息 关于当前 `Roles` 组件. ###### 使用量 ```jsx import React from "react"; import { Roles } from "@bigbinary/neeto-team-members-frontend"; import { BrowserRouter, Redirect, Route, Switch } from "react-router-dom"; import { ToastContainer } from "react-toastify"; import SideBar from "./components/Common/SideBar"; const App = () => (
); export default App; ``` ##### `TeamMembers` ![Team members page](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/docs/frontend/images/members_page.png) 该构成部分为增加、更新和观看团队提供了功能 成员及其作用,以表格形式。 此外,它还提供过滤 基于电子邮件、名称和角色的选项. ###### 道具 - `config`: 配置对象,允许定制角色管理, 成员操作权限, UI 元素如按钮和信头, 回调 函数、表格结构、下拉动作和各种显示方面. ###### 配置 参见 [团队成员](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/docs/frontend/team_members.md) 详细章节 现有配置信息 `TeamMembers` 组件. ###### 使用量 ```jsx import React from "react"; import { TeamMembers } from "@bigbinary/neeto-team-members-frontend"; import { BrowserRouter, Redirect, Route, Switch } from "react-router-dom"; import { ToastContainer } from "react-toastify"; import SideBar from "./components/Common/SideBar"; const App = () => (
); export default App; ``` ##### `Permissions` ![Permissions component](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/docs/frontend/images/permissions_component.png) 该部分处理团队权限的颁发和管理 成员。 它将权限组织成类别, 为 选择,并支持有亲子关系的等级结构. ###### 道具 - `permissions`: 一系列权限. - `isDisabled`: 布尔表示组件是否被禁用。 以 默认,这是虚假的. - `permissionRelationConfig`: 管理父子的配置 关系和取消选中权限. ###### 配置 参见 [权限](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/docs/frontend/permissions.md) 详细章节 现有配置信息 `TeamMembers` 组件. ###### 使用量 ```jsx import React from "react"; import { Permissions } from "@bigbinary/neeto-team-members-frontend"; import { BrowserRouter, Redirect, Route, Switch } from "react-router-dom"; import { ToastContainer } from "react-toastify"; import SideBar from "./components/Common/SideBar"; const App = () => (
); export default App; ``` ##### `ManageMembers` ![Manage members pane component](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/docs/frontend/images/manage_members_component.png) 该组件是用于添加或编辑团队成员的基于格式的界面. ###### 道具 - `config`: 配置对象,并带有自定义的各种选项 组件的行为. - `onComplete`: 当组件关闭或 表格将提交. - `roles`: 可供团队成员使用的一系列角色. - `selectedMember`: 如果适用,小组成员反对正在编辑. - `componentConfig`: 特定组件的配置,包括类型 网格,初始焦点参考等. ###### 配置 参见 [管理成员](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/docs/frontend/manage_members.md) 页:1 现有组合的详细信息 `ManageMembers` 组件. ###### 使用量 ```jsx import React from "react"; import { ManageMembers } from "@bigbinary/neeto-team-members-frontend"; import { BrowserRouter, Redirect, Route, Switch } from "react-router-dom"; import { ToastContainer } from "react-toastify"; import SideBar from "./components/Common/SideBar"; const App = () => (
void} />
); export default App; ``` ##### `Profile` 这个 `Profile` 组件封装用户配置功能,整合 (单位:千美元) `Pane` 用于显示配置图细节的组件和 a `usePaneState` 钩入 有效管理与《公约》有关的状态 `Pane`。 。 。 . 1. `Profile.Pane`: 组件是用于查看和 编辑用户的配置文件细节. ![Profile pane component](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/docs/frontend/images/profile_component.png) 2. `Profile.usePaneState`: 用于管理剖面板状态的钩子. ###### 使用量 ```jsx import { Profile } from "@bigbinary/neeto-team-members-frontend"; const [isOpen, setIsOpen] = Profile.usePaneState(); return ( <> ); ``` 设置器也使用可选的 `focusField`窗帘再打开 直接以该字段为焦点的编辑模式。 它接受 `firstName`, (中文(简体) ), `lastName` 财务报告和审定财务报表 `phonenumber`。没有它,窗帘就会以视图模式打开. ```jsx const [, setIsOpen] = Profile.usePaneState(); return ( ); ``` ## 出版指令 咨询 [构建和释放软件包](https://neeto-engineering.neetokb.com/articles/building-and-releasing-packages) 关于如何出版的详细指南. `@bigbinary/neeto-team-members-playwright` 与 [`playwright/`](https://npmcn.com/package/%40bigbinary/neeto-team-members-frontend/playwright/README.md) 当合并后的公关有 `playwright` 标签和a `patch`, (中文(简体) ), `minor`,或 `major` 标签. ## 一体化 | 项目 | 团队成员 | 作用 | 权限 | | --- | :-: | :-: | :-: | | Neeto 认证 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 尼托卡尔 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 尼托·钱格尔格 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 内托聊天 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 内托CI | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | Neeto 课程 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | NeetoCRM 软件 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 内托部署 | : 白色 检查 标记 : | : 白色 检查 标记 : | : 白色 检查 标记 : | | 涅托德斯克语Name | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 内托格式 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 内托吉特 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | Neeto 隐形 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | Neeto 发票 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 内托KB | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 尼托规划器 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 内托平板电脑 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 尼托基兹语Name | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | Neeto 记录 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 涅盘重放 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 涅盘运行器 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 涅盘点 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 尼托测试 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 内托托尔 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 涅盘Wheel | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | | 尼托线框 | : 白色 检查 标记 : | : 白色 检查 标记 : | \- 说吧 | ## 常见问题 ### @bigbinary/neeto-team-members-frontend 是什么？ 一个回波作为新纳米结构,配置,数据等的真理来源\. ### 如何安装 @bigbinary/neeto-team-members-frontend？ 在项目目录运行 npm install @bigbinary/neeto-team-members-frontend，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：qs（6\.16\.2）、url（0\.11\.4）、yup（0\.32\.11）、antd（5\.22\.1）、util（^0\.12\.5）、axios（1\.20\.0）、ramda（0\.29\.0）、react（18\.3\.1）、buffer（^6\.0\.3）、formik（2\.4\.6）、i18next（22\.5\.1）、zustand（4\.4\.2）、dompurify（3\.4\.17）、js-logger（1\.6\.1）、react-dom（18\.3\.1）、classnames（2\.5\.1）、stream-http（3\.2\.0）、tailwindcss（3\.4\.14）、lucide-react（^0\.469\.0）、react-helmet（^6\.1\.0）、@dnd-kit/core（6\.3\.1）、os-browserify（0\.3\.0）、react-i18next（12\.3\.1）、vm-browserify（1\.1\.2）、@babel/runtime（7\.29\.7）、react-toastify（8\.0\.2）、tty-browserify（0\.0\.1）、path-browserify（^1\.0\.1）、https-browserify（1\.0\.0）、mixpanel-browser（^2\.45\.0）、react-router-dom（5\.3\.3）、@dnd-kit/sortable（10\.0\.0）、crypto-browserify（3\.12\.1）、source-map-loader（4\.0\.1）、stream-browserify（^3\.0\.0）、@bigbinary/neetoui（8\.8\.3）、@honeybadger-io/js（6\.10\.1）、@bigbinary/neeto-cist（1\.0\.17）、@honeybadger-io/react（6\.1\.25）、@tanstack/react-query（5\.59\.20）、@bigbinary/neeto-atoms（1\.1\.5）、@bigbinary/neeto-icons（1\.20\.89）、@bigbinary/neeto-molecules（5\.11\.2）、@bigbinary/neeto-time-zones（0\.8\.26）、@tailwindcss/container-queries（^0\.1\.1）、@tanstack/react-query-devtools（5\.59\.20）、@bigbinary/neeto-commons-frontend（4\.15\.0）、@bigbinary/neeto-filters-frontend（4\.7\.1）、@bigbinary/neeto-image-uploader-frontend（4\.1\.16）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。 ### @bigbinary/neeto-team-members-frontend 支持 TypeScript 吗？ 支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。 ### @bigbinary/neeto-team-members-frontend 支持 ESM 还是 CommonJS？ 同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。 ### @bigbinary/neeto-team-members-frontend 需要什么版本的 Node\.js？ package\.json 的 engines 字段要求 Node\.js \>=22\.13。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。 ### @bigbinary/neeto-team-members-frontend 可以商用吗？ @bigbinary/neeto-team-members-frontend 使用 UNLICENSED 许可。作者声明为 UNLICENSED，即不授予公开使用许可（与公共领域的 Unlicense 不同）。使用前需获得作者授权。以上为概括，不构成法律意见，请以许可原文为准。 ### @bigbinary/neeto-team-members-frontend 的下载量有多少？ 根据 npm 官方下载统计，@bigbinary/neeto-team-members-frontend 在 2026/10/08 – 2026/11/06 这 30 天内被下载 41,951 次，日均约 1,398 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。 ### @bigbinary/neeto-team-members-frontend 还在维护吗？ 最新版本 5\.3\.4 发布于 2026/11/04（4 天前）；至今共发布 396 个版本，其中过去 12 个月发布了 134 个；首次发布于 2022/08/08。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。